@charset "UTF-8";
/*
//$global-width: rem-calc(1200);

$global-margin: 1rem;
$global-padding: 1rem;
$global-position: 1rem;

$global-radius: 0;
$global-menu-padding: 0.7rem 1rem;
$global-menu-nested-margin: 1rem;
*/
/** 
  * Abschnitt 1: Farbdefinitionen
  * Hier werden die Grundfarben der Seite festgelegt
  */
/* Black & White & None */
/* dunkelster Farbwert der Seite - z.B. wie default Schriftfarben */
/* Roesen grau */
/* hellster Farbwert der Seite - ist auch die default Modul-Hintergrundfarbe */
/* Keine Hintergrundfarbe (transparent) */
/**
  * Basic Farbschema: blue-grey 
  * 4 unterschiedliche Akzentfarben
  * 5 Hintergrundfarben von hell (bg-xlight) zu dunkel (bg-xdark)
  * Textfarben für: Text, Überschriften und Links (auf hellem und dunklem Hintergrund)
  */
/**
  * Abschnitt 2: Zuweisung der Farbdefinitionen
  * Hier werden die oben festgelegten Farben den Bereichen und Elementen zugewiesen
  * Alle Werte können hier für spezielle Bereiche noch mal angepasst werden durch:
  * 1. ändern des Variabel-Namen
  * 2. ersetzen der Variabeln durch Farbwerte (Hexwert, rgb-Werte)
  * In Abschnitt 2 werden globale Einstellungen vorgenommen. 
  * Bereichs- und Elementspezifische Farbzuweisungen folgen in Abschnitt 3 und 4
  */
/* Akzentfarben */
/* können für individuelle Anpassungen in den scss Dateien verwendet werden */
/* Allgemeine Hintergrundfarben (max. 5) */
/* können über Klassen (bg-light, bg-medium, bg-dark) in den Templates zugeordnet werden */
/* werden z.B. für die auswählbaren Hintergrundfarben der Module verwendet */
/* Textfarben */
/* default Schriftfarbe */
/* default Schriftfarbe für Text und Überschriften ab Ebene 3 (H3) */
/* default Farbe der Hauptüberschrift (H1) — Akzent 3 */
/* default Farbe der Unterüberschrift (H2) — Akzent 3 */
/* default Farbe der Unterüberschrift (H3) — Akzent 2 */
/* helle Schriftfarbe für z.B. Copyright Hinweise */
/* Textfarben auf dunklem Hintergrund */
/* default Farbe auf dunklem Hintergrund */
/* default Farbe auf dunklem Hintergrund */
/* default Farbe auf dunklem Hintergrund */
/* helle Schriftfarbe für z.B. Copyright Hinweise */
/* Linkfarben */
/* Linkfarbe */
/* Linkfarbe (hover status) */
/* Linkfarbe (active status) */
/* Linkfarben auf dunklem Hintergrund */
/* Linkfarbe */
/* Linkfarbe (hover status) */
/* Linkfarbe (active status) */
/* Buttonfarben */
/* Button Textfarbe */
/* Button Textfarbe (hover) */
/* Button Hintergrundfarbe */
/* Button Hintergrundfarbe (hover) */
/* Buttonfarben auf dunklem Hintergrund */
/* Button Textfarbe */
/* Button Textfarbe (hover) */
/* Button Hintergrundfarbe */
/* Button Hintergrundfarbe (hover) */
/* Border und Ruler Farben */
/* Border Farbe (Rahmen) */
/* Ruler Farbe (Trennlinien) */
/* Border und Ruler Farben auf dunklem Hintergrund */
/* Border Farbe (Rahmen) */
/* Ruler Farbe (Trennlinien) */
/**
  * Abschnitt 3: Bereichspezifische Farbdefinitionen
  * Hier werden Farbwerte für bestimmte Bereiche (Body, Header, Footer, Main)
  */
/* Hintergrundfarben der klassischen Seitenbereiche */
/* Hintergrundfarbe des body Elements, ist in der Regel identisch mit der (untersten) Farbe im Footer */
/* Hintergrundfarbe des Headers — XD: CI 1 light */
/* Hintergrundfarbe des Main-Bereiches (da wo die Module eingebunden werden, meist weiß) */
/* Hintergrundfarbe des Footers */
/* Header - Schrift und weitere Hintergrundfarben */
/* Textfarbe */
/* Footer - Schrift und weitere Hintergrundfarben */
/**
  * Abschnitt 4: Elementspezifische Farbzuweisungen
  * Hier werden Farbwerte für einzelne Module/Elemente (Navigation, Sidebar, Akkordeon, Slider) definiert
  */
/* Navigation: desktop */
/* Hintergrundfarbe der Navigation */
/* Hintergrundfarbe der Unternavigation */
/* Textfarbe — XD: CI 2 dunkel (#0D2944) */
/* Farbe der Links — XD: CI 2 dunkel (#0D2944) */
/* Farbe der Links (hover) */
/* Farbe der Links (active) */
/* Hintergrundfarbe der Links */
/* Hintergrundfarbe der Links (hover & active) */
/* Navigation: mobile */
/* Hintergrundfarbe der Navigation — PDF Burger.pdf: CI hellblau */
/* Hintergrundfarbe der Unternavigation */
/* Textfarbe, z.B. der Trigger */
/* Farbe der Links */
/* Farbe der Links (hover) */
/* Farbe der Links (active) */
/* Hintergrundfarbe der Links — PDF: keine Linkflächen */
/* Hintergrundfarbe der Links (hover & active) */
/* Farbe des Triggers — XD: CI 2 dunkel (#0D2944) */
/* Sidebar Hintergrundfarbe */
/* Akkordeon */
/* Akkordeon auf dunklem Hintergrund */
/* Akkordeon - Wenn $use-bg-colors auf true gesetzt ist, werden die nachfolgenden Hintergrundfarben verwendet. */
/**
 * import local webfonts an konfiguration
 */
/**
 * Abschnitt 1: Schrifteinbindung
 * hier werden die localen Webschriften (z.B. Google-Fonts) eingebunden
 * Schriften:
 * -> Ubuntu (Überschriften + Fließtext/Body)
 */
@import url("../fonts/ubuntu/_ubuntu.css");
/**
  * Abschnitt 2: Schriften Zuweisen
  * Schrift 1: Space Grotesk (300,400,500,700)
  * Schrift 2: Inter (400,600)
  */
/**
  * base typography
  */
/** 
* Abschnitt 2: Schriften zuweisen
*/
/**
 * Elements configuration
 */
:root {
  --header-height: 120px;
  --static-height-1: 260px;
  --static-height-2: 260px;
}

@media print, screen and (min-width: 30em) {
  :root {
    --static-height-1: 360px;
    --static-height-2: 320px;
  }
}

@media print, screen and (min-width: 48em) {
  :root {
    --static-height-1: 520px;
    --static-height-2: 480px;
  }
}

@media screen and (min-width: 64em) {
  :root {
    --static-height-1: 720px;
    --static-height-2: 640px;
  }
}

@media screen and (min-width: 80em) {
  :root {
    --static-height-1: 780px;
    --static-height-2: 720px;
  }
}

@media screen and (min-width: 120em) {
  :root {
    --static-height-1: 860px;
    --static-height-2: 780px;
  }
}

@media screen and (min-width: 79.9375em) {
  :root {
    --header-height: 120px;
  }
}

/**
 * Print Styles
 */
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

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

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  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
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px;
}

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

/**
     * Add the correct display in IE.
     */
main {
  display: block;
}

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

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0;
}

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

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * 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 style in Android 4.3-.
     */
dfn {
  font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * 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
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

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

/**
     * Show the overflow in IE.
     */
button {
  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;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 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 and cancel buttons in Chrome and Safari on macOS.
       */
}

[type="search"]::-webkit-search-cancel-button, [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 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
     * 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 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
  display: none;
}

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

.foundation-mq {
  font-family: "small=0em&medium=30em&large=48em&xlarge=64em&mobileNav=79.9375em&xxlarge=80em";
}

html {
  box-sizing: border-box;
  font-size: 1rem;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Hurme Geometric Sans_1 W01 Rg", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

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

.grid-container {
  padding-right: 0.46875rem;
  padding-left: 0.46875rem;
  max-width: 82.8125rem;
  margin: 0 auto;
}

@media print, screen and (min-width: 30em) {
  .grid-container {
    padding-right: 0.78125rem;
    padding-left: 0.78125rem;
  }
}

.grid-container.fluid {
  padding-right: 0.46875rem;
  padding-left: 0.46875rem;
  max-width: 100%;
  margin: 0 auto;
}

@media print, screen and (min-width: 30em) {
  .grid-container.fluid {
    padding-right: 0.78125rem;
    padding-left: 0.78125rem;
  }
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin: 0 auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}

.cell.auto {
  flex: 1 1 0px;
}

.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}

.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 30em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}

@media screen and (min-width: 64em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex-basis: auto;
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-x > .mobileNav-shrink, .grid-x > .mobileNav-full, .grid-x > .mobileNav-1, .grid-x > .mobileNav-2, .grid-x > .mobileNav-3, .grid-x > .mobileNav-4, .grid-x > .mobileNav-5, .grid-x > .mobileNav-6, .grid-x > .mobileNav-7, .grid-x > .mobileNav-8, .grid-x > .mobileNav-9, .grid-x > .mobileNav-10, .grid-x > .mobileNav-11, .grid-x > .mobileNav-12 {
    flex-basis: auto;
  }
}

@media screen and (min-width: 80em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    flex-basis: auto;
  }
}

.grid-x > .small-1 {
  width: 8.33333%;
}

.grid-x > .small-2 {
  width: 16.66667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.33333%;
}

.grid-x > .small-5 {
  width: 41.66667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.33333%;
}

.grid-x > .small-8 {
  width: 66.66667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.33333%;
}

.grid-x > .small-11 {
  width: 91.66667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 30em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .medium-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.33333%;
  }
  .grid-x > .medium-2 {
    width: 16.66667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.33333%;
  }
  .grid-x > .medium-5 {
    width: 41.66667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.33333%;
  }
  .grid-x > .medium-8 {
    width: 66.66667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.33333%;
  }
  .grid-x > .medium-11 {
    width: 91.66667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .large-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.33333%;
  }
  .grid-x > .large-2 {
    width: 16.66667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.33333%;
  }
  .grid-x > .large-5 {
    width: 41.66667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.33333%;
  }
  .grid-x > .large-8 {
    width: 66.66667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.33333%;
  }
  .grid-x > .large-11 {
    width: 91.66667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .xlarge-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .xlarge-1 {
    width: 8.33333%;
  }
  .grid-x > .xlarge-2 {
    width: 16.66667%;
  }
  .grid-x > .xlarge-3 {
    width: 25%;
  }
  .grid-x > .xlarge-4 {
    width: 33.33333%;
  }
  .grid-x > .xlarge-5 {
    width: 41.66667%;
  }
  .grid-x > .xlarge-6 {
    width: 50%;
  }
  .grid-x > .xlarge-7 {
    width: 58.33333%;
  }
  .grid-x > .xlarge-8 {
    width: 66.66667%;
  }
  .grid-x > .xlarge-9 {
    width: 75%;
  }
  .grid-x > .xlarge-10 {
    width: 83.33333%;
  }
  .grid-x > .xlarge-11 {
    width: 91.66667%;
  }
  .grid-x > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-x > .mobileNav-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .mobileNav-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .mobileNav-1 {
    width: 8.33333%;
  }
  .grid-x > .mobileNav-2 {
    width: 16.66667%;
  }
  .grid-x > .mobileNav-3 {
    width: 25%;
  }
  .grid-x > .mobileNav-4 {
    width: 33.33333%;
  }
  .grid-x > .mobileNav-5 {
    width: 41.66667%;
  }
  .grid-x > .mobileNav-6 {
    width: 50%;
  }
  .grid-x > .mobileNav-7 {
    width: 58.33333%;
  }
  .grid-x > .mobileNav-8 {
    width: 66.66667%;
  }
  .grid-x > .mobileNav-9 {
    width: 75%;
  }
  .grid-x > .mobileNav-10 {
    width: 83.33333%;
  }
  .grid-x > .mobileNav-11 {
    width: 91.66667%;
  }
  .grid-x > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .grid-x > .xxlarge-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .xxlarge-shrink {
    flex: 0 0 auto;
    width: auto;
  }
  .grid-x > .xxlarge-1 {
    width: 8.33333%;
  }
  .grid-x > .xxlarge-2 {
    width: 16.66667%;
  }
  .grid-x > .xxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxlarge-4 {
    width: 33.33333%;
  }
  .grid-x > .xxlarge-5 {
    width: 41.66667%;
  }
  .grid-x > .xxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxlarge-7 {
    width: 58.33333%;
  }
  .grid-x > .xxlarge-8 {
    width: 66.66667%;
  }
  .grid-x > .xxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxlarge-10 {
    width: 83.33333%;
  }
  .grid-x > .xxlarge-11 {
    width: 91.66667%;
  }
  .grid-x > .xxlarge-12 {
    width: 100%;
  }
}

.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.46875rem;
  margin-right: -0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-margin-x {
    margin-left: -0.78125rem;
    margin-right: -0.78125rem;
  }
}

.grid-margin-x > .cell {
  width: calc(100% - 0.9375rem);
  margin-left: 0.46875rem;
  margin-right: 0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.5625rem);
    margin-left: 0.78125rem;
    margin-right: 0.78125rem;
  }
}

.grid-margin-x > .auto {
  width: auto;
}

.grid-margin-x > .shrink {
  width: auto;
}

.grid-margin-x > .small-1 {
  width: calc(8.33333% - 0.9375rem);
}

.grid-margin-x > .small-2 {
  width: calc(16.66667% - 0.9375rem);
}

.grid-margin-x > .small-3 {
  width: calc(25% - 0.9375rem);
}

.grid-margin-x > .small-4 {
  width: calc(33.33333% - 0.9375rem);
}

.grid-margin-x > .small-5 {
  width: calc(41.66667% - 0.9375rem);
}

.grid-margin-x > .small-6 {
  width: calc(50% - 0.9375rem);
}

.grid-margin-x > .small-7 {
  width: calc(58.33333% - 0.9375rem);
}

.grid-margin-x > .small-8 {
  width: calc(66.66667% - 0.9375rem);
}

.grid-margin-x > .small-9 {
  width: calc(75% - 0.9375rem);
}

.grid-margin-x > .small-10 {
  width: calc(83.33333% - 0.9375rem);
}

.grid-margin-x > .small-11 {
  width: calc(91.66667% - 0.9375rem);
}

.grid-margin-x > .small-12 {
  width: calc(100% - 0.9375rem);
}

@media print, screen and (min-width: 30em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.5625rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.5625rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.5625rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.5625rem);
  }
}

@media print, screen and (min-width: 48em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.5625rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 64em) {
  .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-margin-x > .mobileNav-auto {
    width: auto;
  }
  .grid-margin-x > .mobileNav-shrink {
    width: auto;
  }
  .grid-margin-x > .mobileNav-1 {
    width: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-2 {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-3 {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-4 {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-5 {
    width: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-6 {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-7 {
    width: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-8 {
    width: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-9 {
    width: calc(75% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-10 {
    width: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-11 {
    width: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-x > .mobileNav-12 {
    width: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 80em) {
  .grid-margin-x > .xxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxlarge-1 {
    width: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-2 {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-3 {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-4 {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-5 {
    width: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-6 {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-7 {
    width: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-8 {
    width: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-9 {
    width: calc(75% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-10 {
    width: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-11 {
    width: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-x > .xxlarge-12 {
    width: calc(100% - 1.5625rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.46875rem;
  margin-left: -0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.78125rem;
    margin-left: -0.78125rem;
  }
}

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.46875rem;
  margin-left: -0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.78125rem;
    margin-left: -0.78125rem;
  }
}

.grid-padding-x > .cell {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

@media print, screen and (min-width: 30em) {
  .grid-padding-x > .cell {
    padding-right: 0.46875rem;
    padding-left: 0.46875rem;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-padding-x > .cell {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.33333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.66667%;
}

.small-up-7 > .cell {
  width: 14.28571%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 30em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.33333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.66667%;
  }
  .medium-up-7 > .cell {
    width: 14.28571%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}

@media print, screen and (min-width: 48em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.33333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.66667%;
  }
  .large-up-7 > .cell {
    width: 14.28571%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-up-1 > .cell {
    width: 100%;
  }
  .xlarge-up-2 > .cell {
    width: 50%;
  }
  .xlarge-up-3 > .cell {
    width: 33.33333%;
  }
  .xlarge-up-4 > .cell {
    width: 25%;
  }
  .xlarge-up-5 > .cell {
    width: 20%;
  }
  .xlarge-up-6 > .cell {
    width: 16.66667%;
  }
  .xlarge-up-7 > .cell {
    width: 14.28571%;
  }
  .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-up-1 > .cell {
    width: 100%;
  }
  .mobileNav-up-2 > .cell {
    width: 50%;
  }
  .mobileNav-up-3 > .cell {
    width: 33.33333%;
  }
  .mobileNav-up-4 > .cell {
    width: 25%;
  }
  .mobileNav-up-5 > .cell {
    width: 20%;
  }
  .mobileNav-up-6 > .cell {
    width: 16.66667%;
  }
  .mobileNav-up-7 > .cell {
    width: 14.28571%;
  }
  .mobileNav-up-8 > .cell {
    width: 12.5%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxlarge-up-3 > .cell {
    width: 33.33333%;
  }
  .xxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxlarge-up-6 > .cell {
    width: 16.66667%;
  }
  .xxlarge-up-7 > .cell {
    width: 14.28571%;
  }
  .xxlarge-up-8 > .cell {
    width: 12.5%;
  }
}

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 0.9375rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 0.9375rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 0.9375rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 0.9375rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 0.9375rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 0.9375rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 0.9375rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 0.9375rem);
}

@media print, screen and (min-width: 30em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 0.9375rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 0.9375rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 0.9375rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 0.9375rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 0.9375rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 0.9375rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 0.9375rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 0.9375rem);
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.5625rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.5625rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.5625rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.5625rem);
  }
}

@media print, screen and (min-width: 48em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.5625rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.5625rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.5625rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.5625rem);
  }
}

@media screen and (min-width: 64em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.28571% - 1.5625rem);
  }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1.5625rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-margin-x.mobileNav-up-1 > .cell {
    width: calc(100% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-2 > .cell {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-3 > .cell {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-4 > .cell {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-5 > .cell {
    width: calc(20% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-6 > .cell {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-7 > .cell {
    width: calc(14.28571% - 1.5625rem);
  }
  .grid-margin-x.mobileNav-up-8 > .cell {
    width: calc(12.5% - 1.5625rem);
  }
}

@media screen and (min-width: 80em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.28571% - 1.5625rem);
  }
  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 1.5625rem);
  }
}

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .small-1 {
  width: 8.33333%;
}

.small-margin-collapse > .small-2 {
  width: 16.66667%;
}

.small-margin-collapse > .small-3 {
  width: 25%;
}

.small-margin-collapse > .small-4 {
  width: 33.33333%;
}

.small-margin-collapse > .small-5 {
  width: 41.66667%;
}

.small-margin-collapse > .small-6 {
  width: 50%;
}

.small-margin-collapse > .small-7 {
  width: 58.33333%;
}

.small-margin-collapse > .small-8 {
  width: 66.66667%;
}

.small-margin-collapse > .small-9 {
  width: 75%;
}

.small-margin-collapse > .small-10 {
  width: 83.33333%;
}

.small-margin-collapse > .small-11 {
  width: 91.66667%;
}

.small-margin-collapse > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 30em) {
  .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .small-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .small-margin-collapse > .mobileNav-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .mobileNav-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .mobileNav-3 {
    width: 25%;
  }
  .small-margin-collapse > .mobileNav-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .mobileNav-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .mobileNav-6 {
    width: 50%;
  }
  .small-margin-collapse > .mobileNav-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .mobileNav-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .mobileNav-9 {
    width: 75%;
  }
  .small-margin-collapse > .mobileNav-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .mobileNav-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .small-margin-collapse > .xxlarge-1 {
    width: 8.33333%;
  }
  .small-margin-collapse > .xxlarge-2 {
    width: 16.66667%;
  }
  .small-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxlarge-4 {
    width: 33.33333%;
  }
  .small-margin-collapse > .xxlarge-5 {
    width: 41.66667%;
  }
  .small-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxlarge-7 {
    width: 58.33333%;
  }
  .small-margin-collapse > .xxlarge-8 {
    width: 66.66667%;
  }
  .small-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxlarge-10 {
    width: 83.33333%;
  }
  .small-margin-collapse > .xxlarge-11 {
    width: 91.66667%;
  }
  .small-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 30em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 30em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 30em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .medium-margin-collapse > .mobileNav-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .mobileNav-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .mobileNav-3 {
    width: 25%;
  }
  .medium-margin-collapse > .mobileNav-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .mobileNav-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .mobileNav-6 {
    width: 50%;
  }
  .medium-margin-collapse > .mobileNav-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .mobileNav-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .mobileNav-9 {
    width: 75%;
  }
  .medium-margin-collapse > .mobileNav-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .mobileNav-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.33333%;
  }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.66667%;
  }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.33333%;
  }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.66667%;
  }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.33333%;
  }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.66667%;
  }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.33333%;
  }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.66667%;
  }
  .medium-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 30em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .large-margin-collapse > .mobileNav-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .mobileNav-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .mobileNav-3 {
    width: 25%;
  }
  .large-margin-collapse > .mobileNav-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .mobileNav-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .mobileNav-6 {
    width: 50%;
  }
  .large-margin-collapse > .mobileNav-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .mobileNav-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .mobileNav-9 {
    width: 75%;
  }
  .large-margin-collapse > .mobileNav-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .mobileNav-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.33333%;
  }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.66667%;
  }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.33333%;
  }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.66667%;
  }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.33333%;
  }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.66667%;
  }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.33333%;
  }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.66667%;
  }
  .large-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .xlarge-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .xlarge-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .xlarge-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .xlarge-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .xlarge-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .xlarge-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .xlarge-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .xlarge-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .xlarge-margin-collapse > .mobileNav-1 {
    width: 8.33333%;
  }
  .xlarge-margin-collapse > .mobileNav-2 {
    width: 16.66667%;
  }
  .xlarge-margin-collapse > .mobileNav-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .mobileNav-4 {
    width: 33.33333%;
  }
  .xlarge-margin-collapse > .mobileNav-5 {
    width: 41.66667%;
  }
  .xlarge-margin-collapse > .mobileNav-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .mobileNav-7 {
    width: 58.33333%;
  }
  .xlarge-margin-collapse > .mobileNav-8 {
    width: 66.66667%;
  }
  .xlarge-margin-collapse > .mobileNav-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .mobileNav-10 {
    width: 83.33333%;
  }
  .xlarge-margin-collapse > .mobileNav-11 {
    width: 91.66667%;
  }
  .xlarge-margin-collapse > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.33333%;
  }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.66667%;
  }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.33333%;
  }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.66667%;
  }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.33333%;
  }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.66667%;
  }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.33333%;
  }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.66667%;
  }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .mobileNav-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .mobileNav-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .mobileNav-margin-collapse > .small-3 {
    width: 25%;
  }
  .mobileNav-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .mobileNav-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .mobileNav-margin-collapse > .small-6 {
    width: 50%;
  }
  .mobileNav-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .mobileNav-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .mobileNav-margin-collapse > .small-9 {
    width: 75%;
  }
  .mobileNav-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .mobileNav-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .mobileNav-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .mobileNav-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .mobileNav-margin-collapse > .medium-3 {
    width: 25%;
  }
  .mobileNav-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .mobileNav-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .mobileNav-margin-collapse > .medium-6 {
    width: 50%;
  }
  .mobileNav-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .mobileNav-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .mobileNav-margin-collapse > .medium-9 {
    width: 75%;
  }
  .mobileNav-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .mobileNav-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .mobileNav-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .mobileNav-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .mobileNav-margin-collapse > .large-3 {
    width: 25%;
  }
  .mobileNav-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .mobileNav-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .mobileNav-margin-collapse > .large-6 {
    width: 50%;
  }
  .mobileNav-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .mobileNav-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .mobileNav-margin-collapse > .large-9 {
    width: 75%;
  }
  .mobileNav-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .mobileNav-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .mobileNav-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .mobileNav-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .mobileNav-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .mobileNav-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .mobileNav-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .mobileNav-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .mobileNav-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .mobileNav-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .mobileNav-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .mobileNav-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .mobileNav-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .mobileNav-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-margin-collapse > .mobileNav-1 {
    width: 8.33333%;
  }
  .mobileNav-margin-collapse > .mobileNav-2 {
    width: 16.66667%;
  }
  .mobileNav-margin-collapse > .mobileNav-3 {
    width: 25%;
  }
  .mobileNav-margin-collapse > .mobileNav-4 {
    width: 33.33333%;
  }
  .mobileNav-margin-collapse > .mobileNav-5 {
    width: 41.66667%;
  }
  .mobileNav-margin-collapse > .mobileNav-6 {
    width: 50%;
  }
  .mobileNav-margin-collapse > .mobileNav-7 {
    width: 58.33333%;
  }
  .mobileNav-margin-collapse > .mobileNav-8 {
    width: 66.66667%;
  }
  .mobileNav-margin-collapse > .mobileNav-9 {
    width: 75%;
  }
  .mobileNav-margin-collapse > .mobileNav-10 {
    width: 83.33333%;
  }
  .mobileNav-margin-collapse > .mobileNav-11 {
    width: 91.66667%;
  }
  .mobileNav-margin-collapse > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .mobileNav-margin-collapse > .xxlarge-1 {
    width: 8.33333%;
  }
  .mobileNav-margin-collapse > .xxlarge-2 {
    width: 16.66667%;
  }
  .mobileNav-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .mobileNav-margin-collapse > .xxlarge-4 {
    width: 33.33333%;
  }
  .mobileNav-margin-collapse > .xxlarge-5 {
    width: 41.66667%;
  }
  .mobileNav-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .mobileNav-margin-collapse > .xxlarge-7 {
    width: 58.33333%;
  }
  .mobileNav-margin-collapse > .xxlarge-8 {
    width: 66.66667%;
  }
  .mobileNav-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .mobileNav-margin-collapse > .xxlarge-10 {
    width: 83.33333%;
  }
  .mobileNav-margin-collapse > .xxlarge-11 {
    width: 91.66667%;
  }
  .mobileNav-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .mobileNav-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.33333%;
  }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.66667%;
  }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.33333%;
  }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.66667%;
  }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.33333%;
  }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.66667%;
  }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.33333%;
  }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.66667%;
  }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.33333%;
  }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.66667%;
  }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.33333%;
  }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.66667%;
  }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.33333%;
  }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.66667%;
  }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.33333%;
  }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.66667%;
  }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.33333%;
  }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.66667%;
  }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.33333%;
  }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.66667%;
  }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.33333%;
  }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.66667%;
  }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.33333%;
  }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.66667%;
  }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.33333%;
  }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.66667%;
  }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.33333%;
  }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.66667%;
  }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.33333%;
  }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.66667%;
  }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.33333%;
  }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.66667%;
  }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse > .mobileNav-1 {
    width: 8.33333%;
  }
  .xxlarge-margin-collapse > .mobileNav-2 {
    width: 16.66667%;
  }
  .xxlarge-margin-collapse > .mobileNav-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .mobileNav-4 {
    width: 33.33333%;
  }
  .xxlarge-margin-collapse > .mobileNav-5 {
    width: 41.66667%;
  }
  .xxlarge-margin-collapse > .mobileNav-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .mobileNav-7 {
    width: 58.33333%;
  }
  .xxlarge-margin-collapse > .mobileNav-8 {
    width: 66.66667%;
  }
  .xxlarge-margin-collapse > .mobileNav-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .mobileNav-10 {
    width: 83.33333%;
  }
  .xxlarge-margin-collapse > .mobileNav-11 {
    width: 91.66667%;
  }
  .xxlarge-margin-collapse > .mobileNav-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.33333%;
  }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.66667%;
  }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.33333%;
  }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.66667%;
  }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.33333%;
  }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.66667%;
  }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.33333%;
  }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.66667%;
  }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.46875rem);
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.46875rem);
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.46875rem);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.46875rem);
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.46875rem);
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.46875rem);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.46875rem);
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.46875rem);
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.46875rem);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.46875rem);
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.46875rem);
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.46875rem);
}

@media print, screen and (min-width: 30em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.78125rem);
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.78125rem);
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.78125rem);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.78125rem);
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.78125rem);
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.78125rem);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.78125rem);
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.78125rem);
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.78125rem);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.78125rem);
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.78125rem);
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.78125rem);
  }
}

@media print, screen and (min-width: 48em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.78125rem);
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.78125rem);
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.78125rem);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.78125rem);
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.78125rem);
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.78125rem);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.78125rem);
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.78125rem);
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.78125rem);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.78125rem);
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.78125rem);
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.78125rem);
  }
}

@media screen and (min-width: 64em) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 0.78125rem);
  }
  .xlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.33333% + 0.78125rem);
  }
  .xlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.66667% + 0.78125rem);
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 0.78125rem);
  }
  .xlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.33333% + 0.78125rem);
  }
  .xlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.66667% + 0.78125rem);
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 0.78125rem);
  }
  .xlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.33333% + 0.78125rem);
  }
  .xlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.66667% + 0.78125rem);
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 0.78125rem);
  }
  .xlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.33333% + 0.78125rem);
  }
  .xlarge-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.66667% + 0.78125rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .mobileNav-offset-0 {
    margin-left: calc(0% + 0.78125rem);
  }
  .mobileNav-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .mobileNav-offset-1 {
    margin-left: calc(8.33333% + 0.78125rem);
  }
  .mobileNav-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .mobileNav-offset-2 {
    margin-left: calc(16.66667% + 0.78125rem);
  }
  .mobileNav-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .mobileNav-offset-3 {
    margin-left: calc(25% + 0.78125rem);
  }
  .mobileNav-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .mobileNav-offset-4 {
    margin-left: calc(33.33333% + 0.78125rem);
  }
  .mobileNav-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .mobileNav-offset-5 {
    margin-left: calc(41.66667% + 0.78125rem);
  }
  .mobileNav-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .mobileNav-offset-6 {
    margin-left: calc(50% + 0.78125rem);
  }
  .mobileNav-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .mobileNav-offset-7 {
    margin-left: calc(58.33333% + 0.78125rem);
  }
  .mobileNav-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .mobileNav-offset-8 {
    margin-left: calc(66.66667% + 0.78125rem);
  }
  .mobileNav-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .mobileNav-offset-9 {
    margin-left: calc(75% + 0.78125rem);
  }
  .mobileNav-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .mobileNav-offset-10 {
    margin-left: calc(83.33333% + 0.78125rem);
  }
  .mobileNav-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .mobileNav-offset-11 {
    margin-left: calc(91.66667% + 0.78125rem);
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 0.78125rem);
  }
  .xxlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.33333% + 0.78125rem);
  }
  .xxlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.66667% + 0.78125rem);
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 0.78125rem);
  }
  .xxlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.33333% + 0.78125rem);
  }
  .xxlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.66667% + 0.78125rem);
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 0.78125rem);
  }
  .xxlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.33333% + 0.78125rem);
  }
  .xxlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.66667% + 0.78125rem);
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 0.78125rem);
  }
  .xxlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.33333% + 0.78125rem);
  }
  .xxlarge-offset-11 {
    margin-left: 91.66667%;
  }
  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.66667% + 0.78125rem);
  }
}

.grid-y {
  display: flex;
  flex-flow: column nowrap;
}

.grid-y > .cell {
  width: auto;
}

.grid-y > .auto {
  height: auto;
}

.grid-y > .shrink {
  height: auto;
}

.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 30em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}

@media screen and (min-width: 64em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    flex-basis: auto;
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-y > .mobileNav-shrink, .grid-y > .mobileNav-full, .grid-y > .mobileNav-1, .grid-y > .mobileNav-2, .grid-y > .mobileNav-3, .grid-y > .mobileNav-4, .grid-y > .mobileNav-5, .grid-y > .mobileNav-6, .grid-y > .mobileNav-7, .grid-y > .mobileNav-8, .grid-y > .mobileNav-9, .grid-y > .mobileNav-10, .grid-y > .mobileNav-11, .grid-y > .mobileNav-12 {
    flex-basis: auto;
  }
}

@media screen and (min-width: 80em) {
  .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
    flex-basis: auto;
  }
}

.grid-y > .small-1 {
  height: 8.33333%;
}

.grid-y > .small-2 {
  height: 16.66667%;
}

.grid-y > .small-3 {
  height: 25%;
}

.grid-y > .small-4 {
  height: 33.33333%;
}

.grid-y > .small-5 {
  height: 41.66667%;
}

.grid-y > .small-6 {
  height: 50%;
}

.grid-y > .small-7 {
  height: 58.33333%;
}

.grid-y > .small-8 {
  height: 66.66667%;
}

.grid-y > .small-9 {
  height: 75%;
}

.grid-y > .small-10 {
  height: 83.33333%;
}

.grid-y > .small-11 {
  height: 91.66667%;
}

.grid-y > .small-12 {
  height: 100%;
}

@media print, screen and (min-width: 30em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.33333%;
  }
  .grid-y > .medium-2 {
    height: 16.66667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.33333%;
  }
  .grid-y > .medium-5 {
    height: 41.66667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.33333%;
  }
  .grid-y > .medium-8 {
    height: 66.66667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.33333%;
  }
  .grid-y > .medium-11 {
    height: 91.66667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.33333%;
  }
  .grid-y > .large-2 {
    height: 16.66667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.33333%;
  }
  .grid-y > .large-5 {
    height: 41.66667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.33333%;
  }
  .grid-y > .large-8 {
    height: 66.66667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.33333%;
  }
  .grid-y > .large-11 {
    height: 91.66667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

@media screen and (min-width: 64em) {
  .grid-y > .xlarge-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xlarge-shrink {
    height: auto;
  }
  .grid-y > .xlarge-1 {
    height: 8.33333%;
  }
  .grid-y > .xlarge-2 {
    height: 16.66667%;
  }
  .grid-y > .xlarge-3 {
    height: 25%;
  }
  .grid-y > .xlarge-4 {
    height: 33.33333%;
  }
  .grid-y > .xlarge-5 {
    height: 41.66667%;
  }
  .grid-y > .xlarge-6 {
    height: 50%;
  }
  .grid-y > .xlarge-7 {
    height: 58.33333%;
  }
  .grid-y > .xlarge-8 {
    height: 66.66667%;
  }
  .grid-y > .xlarge-9 {
    height: 75%;
  }
  .grid-y > .xlarge-10 {
    height: 83.33333%;
  }
  .grid-y > .xlarge-11 {
    height: 91.66667%;
  }
  .grid-y > .xlarge-12 {
    height: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-y > .mobileNav-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .mobileNav-shrink {
    height: auto;
  }
  .grid-y > .mobileNav-1 {
    height: 8.33333%;
  }
  .grid-y > .mobileNav-2 {
    height: 16.66667%;
  }
  .grid-y > .mobileNav-3 {
    height: 25%;
  }
  .grid-y > .mobileNav-4 {
    height: 33.33333%;
  }
  .grid-y > .mobileNav-5 {
    height: 41.66667%;
  }
  .grid-y > .mobileNav-6 {
    height: 50%;
  }
  .grid-y > .mobileNav-7 {
    height: 58.33333%;
  }
  .grid-y > .mobileNav-8 {
    height: 66.66667%;
  }
  .grid-y > .mobileNav-9 {
    height: 75%;
  }
  .grid-y > .mobileNav-10 {
    height: 83.33333%;
  }
  .grid-y > .mobileNav-11 {
    height: 91.66667%;
  }
  .grid-y > .mobileNav-12 {
    height: 100%;
  }
}

@media screen and (min-width: 80em) {
  .grid-y > .xxlarge-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxlarge-1 {
    height: 8.33333%;
  }
  .grid-y > .xxlarge-2 {
    height: 16.66667%;
  }
  .grid-y > .xxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxlarge-4 {
    height: 33.33333%;
  }
  .grid-y > .xxlarge-5 {
    height: 41.66667%;
  }
  .grid-y > .xxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxlarge-7 {
    height: 58.33333%;
  }
  .grid-y > .xxlarge-8 {
    height: 66.66667%;
  }
  .grid-y > .xxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxlarge-10 {
    height: 83.33333%;
  }
  .grid-y > .xxlarge-11 {
    height: 91.66667%;
  }
  .grid-y > .xxlarge-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.46875rem;
  margin-bottom: -0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.78125rem;
    margin-bottom: -0.78125rem;
  }
}

.grid-padding-y > .cell {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

@media print, screen and (min-width: 30em) {
  .grid-padding-y > .cell {
    padding-top: 0.46875rem;
    padding-bottom: 0.46875rem;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-padding-y > .cell {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.grid-margin-y {
  margin-top: -0.46875rem;
  margin-bottom: -0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y {
    margin-top: -0.78125rem;
    margin-bottom: -0.78125rem;
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 0.9375rem);
  margin-top: 0.46875rem;
  margin-bottom: 0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.5625rem);
    margin-top: 0.78125rem;
    margin-bottom: 0.78125rem;
  }
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 0.9375rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 0.9375rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 0.9375rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 0.9375rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 0.9375rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 0.9375rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 0.9375rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 0.9375rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 0.9375rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 0.9375rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 0.9375rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 0.9375rem);
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.5625rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media print, screen and (min-width: 48em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 64em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-margin-y > .mobileNav-auto {
    height: auto;
  }
  .grid-margin-y > .mobileNav-shrink {
    height: auto;
  }
  .grid-margin-y > .mobileNav-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 80em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1.5625rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 30em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}

@media print, screen and (min-width: 48em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xlarge-grid-frame {
    width: 100%;
  }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .mobileNav-grid-frame {
    width: 100%;
  }
  .mobileNav-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .mobileNav-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .mobileNav-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .mobileNav-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxlarge-grid-frame {
    width: 100%;
  }
  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
  .xxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }
}

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
}

@media print, screen and (min-width: 30em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

@media print, screen and (min-width: 48em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

@media screen and (min-width: 64em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-y.mobileNav-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

@media screen and (min-width: 80em) {
  .grid-y.xxlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}

@media print, screen and (min-width: 30em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

@media screen and (min-width: 64em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .cell .grid-y.mobileNav-grid-frame {
    height: 100%;
  }
}

@media screen and (min-width: 80em) {
  .cell .grid-y.xxlarge-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.46875rem;
  margin-bottom: -0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y {
    margin-top: -0.78125rem;
    margin-bottom: -0.78125rem;
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 0.9375rem);
  margin-top: 0.46875rem;
  margin-bottom: 0.46875rem;
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.5625rem);
    margin-top: 0.78125rem;
    margin-bottom: 0.78125rem;
  }
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 0.9375rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 0.9375rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 0.9375rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 0.9375rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 0.9375rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 0.9375rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 0.9375rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 0.9375rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 0.9375rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 0.9375rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 0.9375rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 0.9375rem);
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.5625rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media print, screen and (min-width: 48em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 64em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-margin-y > .mobileNav-auto {
    height: auto;
  }
  .grid-margin-y > .mobileNav-shrink {
    height: auto;
  }
  .grid-margin-y > .mobileNav-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .mobileNav-12 {
    height: calc(100% - 1.5625rem);
  }
}

@media screen and (min-width: 80em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.33333% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.66667% - 1.5625rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1.5625rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 0.9375rem);
}

@media print, screen and (min-width: 30em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.5625rem);
  }
}

@media print, screen and (min-width: 48em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.5625rem);
  }
}

@media screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.5625rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.5625rem);
  }
}

@media screen and (min-width: 80em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.5625rem);
  }
}

@media print, screen and (min-width: 30em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.5625rem);
  }
}

@media print, screen and (min-width: 48em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.5625rem);
  }
}

@media screen and (min-width: 64em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.5625rem);
  }
}

@media screen and (min-width: 79.9375em) {
  .grid-margin-y.mobileNav-grid-frame {
    height: calc(100vh + 1.5625rem);
  }
}

@media screen and (min-width: 80em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 1.5625rem);
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Hurme Geometric Sans_1 W01 Rg", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 2.0625rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

ff-akz, .ff-akz {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

small, .small {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

large, .large {
  font-size: 1.375rem;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 30em) {
  h1, .h1 {
    font-size: 3rem;
    line-height: 1.25;
  }
  h2, .h2 {
    font-size: 1.375rem;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h3, .h3 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h4, .h4 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h5, .h5 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h6, .h6 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  ff-akz, .ff-akz {
    font-size: 1.625rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  small, .small {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  large, .large {
    font-size: 1.5625rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}

@media print, screen and (min-width: 48em) {
  h1, .h1 {
    font-size: 4rem;
    line-height: 1.2;
  }
  h2, .h2 {
    font-size: 1.5625rem;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h3, .h3 {
    font-size: 1.5625rem;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h5, .h5 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h6, .h6 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  small, .small {
    font-size: 1.0625rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  large, .large {
    font-size: 1.875rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  ff-akz, .ff-akz {
    font-size: 1.75rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 64em) {
  h1, .h1 {
    font-size: 4rem;
    line-height: 1.2;
  }
  h2, .h2 {
    font-size: 1.5625rem;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h3, .h3 {
    font-size: 1.5625rem;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h4, .h4 {
    font-size: 1.625rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h5, .h5 {
    font-size: 1.625rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  h6, .h6 {
    font-size: 1.625rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  small, .small {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  large, .large {
    font-size: 1.875rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  ff-akz, .ff-akz {
    font-size: 1.875rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: #1468a0;
}

a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 82.8125rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}

cite:before {
  content: "— ";
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 30em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}

@media print, screen and (min-width: 48em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-text-left {
    text-align: left;
  }
  .mobileNav-text-right {
    text-align: right;
  }
  .mobileNav-text-center {
    text-align: center;
  }
  .mobileNav-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button:hover, .button:focus {
  background-color: #14679e;
  color: #fefefe;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.button.primary {
  background-color: #1779ba;
  color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fefefe;
}

.button.secondary {
  background-color: #767676;
  color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}

.button.success {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}

.button.warning {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}

.button.alert {
  background-color: #cc4b37;
  color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fefefe;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button.disabled.primary, .button[disabled].primary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button.disabled.secondary, .button[disabled].secondary {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #767676;
  color: #fefefe;
}

.button.disabled.success, .button[disabled].success {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.disabled.warning, .button[disabled].warning {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.disabled.alert, .button[disabled].alert {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #cc4b37;
  color: #fefefe;
}

.button.hollow {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
  background-color: transparent;
}

.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.secondary {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear, .button.clear:hover, .button.clear:focus {
  background-color: transparent;
}

.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  background-color: transparent;
}

.button.clear:hover, .button.clear:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
  border-color: transparent;
}

.button.clear.primary {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear.primary:hover, .button.clear.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
  border-color: transparent;
}

.button.clear.secondary {
  border: 1px solid #767676;
  color: #767676;
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border: 1px solid #767676;
  color: #767676;
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
  border-color: transparent;
}

.button.clear.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.clear.success:hover, .button.clear.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
  border-color: transparent;
}

.button.clear.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.clear.warning:hover, .button.clear.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
  border-color: transparent;
}

.button.clear.alert {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear.alert:hover, .button.clear.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
  border-color: transparent;
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #ffffff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}

.button.dropdown.hollow::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.primary::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.secondary::after {
  border-top-color: #767676;
}

.button.dropdown.hollow.success::after {
  border-top-color: #3adb76;
}

.button.dropdown.hollow.warning::after {
  border-top-color: #ffae00;
}

.button.dropdown.hollow.alert::after {
  border-top-color: #cc4b37;
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0;
}

input[type='search'] {
  box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
  cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}

.input-group > :first-child {
  border-radius: 0 0 0 0;
}

.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  height: auto;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: auto;
  align-self: stretch;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}

.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb;
}

.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}

.form-error.is-visible {
  display: block;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}

.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: '+';
}

.is-active > .accordion-title::before {
  content: '\2013';
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.accordion-menu li {
  width: 100%;
}

.accordion-menu a {
  padding: 0.7rem 1rem;
}

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded='true']::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe;
}

.badge.primary {
  background: #1779ba;
  color: #fefefe;
}

.badge.secondary {
  background: #767676;
  color: #fefefe;
}

.badge.success {
  background: #3adb76;
  color: #0a0a0a;
}

.badge.warning {
  background: #ffae00;
  color: #0a0a0a;
}

.badge.alert {
  background: #cc4b37;
  color: #fefefe;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}

.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.breadcrumbs::after {
  clear: both;
}

.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}

.breadcrumbs a {
  color: #1779ba;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.button-group::before, .button-group::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.button-group::after {
  clear: both;
}

.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}

.button-group .button:last-child {
  margin-right: 0;
}

.button-group.tiny .button {
  font-size: 0.6rem;
}

.button-group.small .button {
  font-size: 0.75rem;
}

.button-group.large .button {
  font-size: 1.25rem;
}

.button-group.expanded .button {
  flex: 1 1 0px;
}

.button-group.primary .button {
  background-color: #1779ba;
  color: #fefefe;
}

.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #126195;
  color: #fefefe;
}

.button-group.secondary .button {
  background-color: #767676;
  color: #fefefe;
}

.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}

.button-group.success .button {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}

.button-group.warning .button {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}

.button-group.alert .button {
  background-color: #cc4b37;
  color: #fefefe;
}

.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #a53b2a;
  color: #fefefe;
}

.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 30em) {
  .button-group.stacked-for-small .button {
    flex: 1 1 0px;
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 48em) {
  .button-group.stacked-for-medium .button {
    flex: 1 1 0px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 29.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a;
}

.callout > :first-child {
  margin-top: 0;
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout.primary {
  background-color: #d7ecfa;
  color: #0a0a0a;
}

.callout.secondary {
  background-color: #eaeaea;
  color: #0a0a0a;
}

.callout.success {
  background-color: #e1faea;
  color: #0a0a0a;
}

.callout.warning {
  background-color: #fff3d9;
  color: #0a0a0a;
}

.callout.alert {
  background-color: #f7e4e1;
  color: #0a0a0a;
}

.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}

.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  flex: 0 1 auto;
  display: flex;
  padding: 1rem;
  background: #e6e6e6;
}

.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}

.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
  outline: 0;
}

.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}

.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

[data-whatinput='mouse'] .menu li {
  outline: 0;
}

.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}

.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}

.menu input {
  display: inline-block;
}

.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}

.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}

.menu.expanded li {
  flex: 1 1 0px;
}

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

.menu.simple li + li {
  margin-left: 1rem;
}

.menu.simple a {
  padding: 0;
}

@media print, screen and (min-width: 30em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 48em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}

@media screen and (min-width: 64em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xlarge-simple li {
    flex: 1 1 0px;
  }
}

@media screen and (min-width: 79.9375em) {
  .menu.mobileNav-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.mobileNav-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.mobileNav-expanded li {
    flex: 1 1 0px;
  }
  .menu.mobileNav-simple li {
    flex: 1 1 0px;
  }
}

@media screen and (min-width: 80em) {
  .menu.xxlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xxlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xxlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xxlarge-simple li {
    flex: 1 1 0px;
  }
}

.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}

.menu.icons a {
  display: flex;
}

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}

.menu.icon-left li a {
  flex-flow: row nowrap;
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
  margin-right: 0.25rem;
}

.menu.icon-right li a {
  flex-flow: row nowrap;
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
  margin-left: 0.25rem;
}

.menu.icon-top li a {
  flex-flow: column nowrap;
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu.icon-bottom li a {
  flex-flow: column nowrap;
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}

.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}

.menu.align-left {
  justify-content: flex-start;
}

.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}

.menu.align-right li .submenu li {
  justify-content: flex-start;
}

.menu.align-right.vertical li {
  display: block;
  text-align: right;
}

.menu.align-right.vertical li .submenu li {
  text-align: right;
}

.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}

.menu.align-center li {
  display: flex;
  justify-content: center;
}

.menu.align-center li .submenu li {
  justify-content: flex-start;
}

.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}

.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}

.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: '';
}

.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #182833;
  box-shadow: 0 7px 0 #182833, 0 14px 0 #182833;
  content: '';
}

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown li {
  display: block;
}

.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}

.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}

.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}

.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}

.drilldown .is-drilldown-submenu-parent > a::after {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  left: auto;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  right: auto;
  left: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
}

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  display: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
}

.dropdown-pane.is-opening {
  display: block;
}

.dropdown-pane.is-open {
  visibility: visible;
  display: block;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}

.dropdown.menu a {
  padding: 0.7rem 1rem;
}

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0;
}

.dropdown.menu .is-active > a {
  background: transparent;
  color: #1779ba;
}

.no-js .dropdown.menu ul {
  display: none;
}

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
  top: 0;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

@media print, screen and (min-width: 30em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
}

@media print, screen and (min-width: 48em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
}

@media screen and (min-width: 64em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
}

@media screen and (min-width: 79.9375em) {
  .dropdown.menu.mobileNav-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.mobileNav-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.mobileNav-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.mobileNav-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.mobileNav-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
}

@media screen and (min-width: 80em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}

.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}

.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}

.is-dropdown-submenu > li {
  width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe;
}

.label.primary {
  background: #1779ba;
  color: #fefefe;
}

.label.secondary {
  background: #767676;
  color: #fefefe;
}

.label.success {
  background: #3adb76;
  color: #0a0a0a;
}

.label.warning {
  background: #ffae00;
  color: #0a0a0a;
}

.label.alert {
  background: #cc4b37;
  color: #fefefe;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}

.media-object img {
  max-width: none;
}

@media screen and (max-width: 29.9375em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 29.9375em) {
  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section {
  flex: 0 1 auto;
}

.media-object-section:first-child {
  padding-right: 1rem;
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}

.media-object-section > :last-child {
  margin-bottom: 0;
}

.media-object-section.main-section {
  flex: 1 1 0px;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}

.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}

.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput='mouse'] .off-canvas {
  outline: 0;
}

.off-canvas.is-transition-push {
  z-index: 12;
}

.off-canvas.is-closed {
  visibility: hidden;
}

.off-canvas.is-transition-overlap {
  z-index: 13;
}

.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput='mouse'] .off-canvas-absolute {
  outline: 0;
}

.off-canvas-absolute.is-transition-push {
  z-index: 12;
}

.off-canvas-absolute.is-closed {
  visibility: hidden;
}

.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}

.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
}

.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}

.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 30em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 48em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media screen and (min-width: 64em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media screen and (min-width: 79.9375em) {
  .position-left.reveal-for-mobileNav {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-mobileNav .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-mobileNav {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-mobileNav ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-mobileNav {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-mobileNav .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-mobileNav {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-mobileNav ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-mobileNav {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-mobileNav .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-mobileNav {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-mobileNav ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-mobileNav {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-mobileNav .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-mobileNav {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-mobileNav ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media screen and (min-width: 80em) {
  .position-left.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 30em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}

@media print, screen and (min-width: 48em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}

@media screen and (min-width: 79.9375em) {
  .off-canvas.in-canvas-for-mobileNav {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-mobileNav.position-left, .off-canvas.in-canvas-for-mobileNav.position-right, .off-canvas.in-canvas-for-mobileNav.position-top, .off-canvas.in-canvas-for-mobileNav.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-mobileNav .close-button {
    display: none;
  }
}

@media screen and (min-width: 80em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
}

.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #ffffff;
}

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #ffffff;
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
  outline: 0;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
  outline: 0;
}

.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}

.orbit-bullets button:hover {
  background-color: #8a8a8a;
}

.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.pagination::after {
  clear: both;
}

.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}

.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}

@media print, screen and (min-width: 30em) {
  .pagination li {
    display: inline-block;
  }
}

.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}

.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1779ba;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: '\2026';
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab';
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb';
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}

.progress.primary .progress-meter {
  background-color: #1779ba;
}

.progress.secondary .progress-meter {
  background-color: #767676;
}

.progress.success .progress-meter {
  background-color: #3adb76;
}

.progress.warning .progress-meter {
  background-color: #ffae00;
}

.progress.alert .progress-meter {
  background-color: #cc4b37;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}

.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}

[data-whatinput='mouse'] .slider-handle {
  outline: 0;
}

.slider-handle:hover {
  background-color: #14679e;
}

.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}

.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}

.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #ffffff;
  user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

input + .switch-paddle {
  margin: 0;
}

.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: '';
}

input:checked ~ .switch-paddle {
  background: #1779ba;
}

input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}

input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}

input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}

.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}

table thead,
table tbody,
table tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

table caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

table thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

table tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}

table thead tr,
table tfoot tr {
  background: transparent;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

table tbody th,
table tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #fefefe;
}

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media screen and (max-width: 47.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
  background-color: #ececec;
}

table.hover tbody tr:hover {
  background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

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

.table-scroll table {
  width: auto;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}

.tabs::before, .tabs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #1779ba;
}

.tabs.primary > li > a {
  color: #ffffff;
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1673b1;
}

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}

.tabs-title > a:hover {
  background: #fefefe;
  color: #1468a0;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #e6e6e6;
  color: #1779ba;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}

.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}

a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}

a.thumbnail image {
  box-shadow: none;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}

.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}

.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}

.top-bar input.button {
  width: auto;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 30em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 47.9375em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 63.9375em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 79.875em) {
  .top-bar.stacked-for-xlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 79.9375em) {
  .top-bar.stacked-for-mobileNav {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-mobileNav .top-bar-left,
  .top-bar.stacked-for-mobileNav .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar.stacked-for-xxlarge {
  flex-wrap: wrap;
}

.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 29.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 30em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 30em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 29.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 30em) and (max-width: 47.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 29.9375em), screen and (min-width: 48em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 47.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 47.9375em), screen and (min-width: 64em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 79.875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 79.9375em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 79.9375em) {
  .hide-for-mobileNav {
    display: none !important;
  }
}

@media screen and (max-width: 79.875em) {
  .show-for-mobileNav {
    display: none !important;
  }
}

@media screen and (min-width: 79.9375em) and (max-width: 79.9375em) {
  .hide-for-mobileNav-only {
    display: none !important;
  }
}

@media screen and (max-width: 79.875em), screen and (min-width: 80em) {
  .show-for-mobileNav-only {
    display: none !important;
  }
}

@media screen and (min-width: 80em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 79.9375em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 80em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 79.9375em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

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

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

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

.align-spaced {
  justify-content: space-around;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

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

.align-bottom {
  align-items: flex-end;
}

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

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

.align-self-middle {
  align-self: center;
}

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

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 30em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}

@media print, screen and (min-width: 48em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-order-1 {
    order: 1;
  }
  .mobileNav-order-2 {
    order: 2;
  }
  .mobileNav-order-3 {
    order: 3;
  }
  .mobileNav-order-4 {
    order: 4;
  }
  .mobileNav-order-5 {
    order: 5;
  }
  .mobileNav-order-6 {
    order: 6;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}

.flex-container {
  display: flex;
}

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

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

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

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

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 30em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 48em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 64em) {
  .xlarge-flex-container {
    display: flex;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 79.9375em) {
  .mobileNav-flex-container {
    display: flex;
  }
  .mobileNav-flex-child-auto {
    flex: 1 1 auto;
  }
  .mobileNav-flex-child-grow {
    flex: 1 0 auto;
  }
  .mobileNav-flex-child-shrink {
    flex: 0 1 auto;
  }
  .mobileNav-flex-dir-row {
    flex-direction: row;
  }
  .mobileNav-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .mobileNav-flex-dir-column {
    flex-direction: column;
  }
  .mobileNav-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 80em) {
  .xxlarge-flex-container {
    display: flex;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-ccw-1turn;
}

@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

/**
 * ===============================================
 * CUSTOM MIXINS - RESET CLASSES
 * Table reset & List reset
 */
/**
 * ================================================
 * CUSTOM MIXINS - TRANSITIONS
 * 1. Parameter: Duration of transition in Seconds
 * 2. Parameter: Transition Type (style)
 */
/**
 * ===============================================
 * CUSTOM MIXINS - ROTATE
 */
/**
 * ============================
 * CUSTOM MIXINS - ROUND BORDER
 */
/* round-border customized */
/* round-border all */
/* round-border top */
/* round-border bottom */
/* round-border left */
/* round-border right */
/* basic mixin to include in others */
/**
 * ===============================================
 * CUSTOM MIXINS - BOX SHADOW
 * 1. Parameter: Verschiebung X-Achse (horizontal)
 * 2. Parameter: Verschiebung Y-Achse (vertical)
 * 3. Parameter: Breite des Verlaufs
 * 4. Parameter: Farbe des Schattens
 * 5. Parameter: Schatten nach Innen
 */
/**
 * ===============================================
 * CUSTOM MIXINS - NEGATIVE COLORS
 * 1. Parameter: Hintergrund-Farbe
 * 2. Parameter: Schrift-Farbe
 * 3. Parameter: Link-Farbe
 * 4. Parameter: Link-Farbe beim Hover
 */
/**
 * ===============================================
 * CUSTOM MIXINS - BUTTON-LINK
 * 1. Parameter: Hintergrund-Farbe
 * 2. Parameter: Hintergrund-Farbe beim Hover
 * 3. Parameter: Schrift-Farbe
 */
/**
 * ==========================================
 * CUSTOM MIXINS - Card
 * eine vertikale Flexbox für ein Card Layout
 */
/**
 * ===============================================
 * CUSTOM MIXINS - Icon + Text / Headline
 * Ein Icon einer Headline oder einem Text hinzufügen
 */
/**
 * ==========================================
 * CUSTOM MIXINS - ASPECT-RATIO
 * mit Fallback-Lösung (padding-bottom-trick)
 * 1. Parameter: Faktor Breite
 * 2. Parameter: Faktor Höhe
 * Classname: .aspect-ratio-{Faktor Breite}-{Faktor Höhe}
 */
/* setzt aspect-ratio auf Übergeordnetes Element */
/* aspect-ratio Klassen erzeugen */
html {
  scroll-behavior: auto;
}

body {
  background-color: #0D2944;
  color: #0D2944;
}

body.nav-open {
  overflow: hidden;
}

body .print {
  display: none;
}

body .skip-to-content-link {
  left: 50%;
  top: 0;
  z-index: 1000;
  position: fixed;
  padding: 1rem;
  background-color: #D1FF00;
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: transform 0.3s;
  transform: translate(-50%, -110%);
}

body .skip-to-content-link:focus-visible {
  transform: translate(-50%, 0);
}

body button:focus-visible, body a:focus-visible, body input:focus-visible, body textarea:focus-visible, body select:focus-visible {
  outline: 2px solid #0088ff !important;
  outline-offset: 1px;
  scroll-margin-block: 25vh;
}

/* Breakpoint anzeige 
@include breakpoint(medium only) {
  body::after { display: block; position: fixed; top: 0; left: 0; content: "medium"; padding: 5px 10px; background-color: grey; color: $white; z-index: 99999; }
}
@include breakpoint(large only) {
  body::after { display: block; position: fixed; top: 0; left: 0; content: "large"; padding: 5px 10px; background-color: grey; color: $white; z-index: 99999; }
}
@include breakpoint(mobileNav only) {
  body::after { display: block; position: fixed; top: 0; left: 0; content: "mobileNav"; padding: 5px 10px; background-color: grey; color: $white; z-index: 99999; }
}
@include breakpoint(xlarge only) {
  body::after { display: block; position: fixed; top: 0; left: 0; content: "xlarge"; padding: 5px 10px; background-color: grey; color: $white; z-index: 99999; }
}
@include breakpoint(xxlarge only) {
  body::after { display: block; position: fixed; top: 0; left: 0; content: "xxlarge"; padding: 5px 10px; background-color: grey; color: $white; z-index: 99999; }
}
*/
.internal.acc {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 600px;
  box-sizing: border-box;
}

.internal.acc .acc-trigger {
  padding-right: 1.0rem;
}

.internal.acc .acc-content {
  padding-left: 1.0rem;
}

/**
 * reset Klassen
 */
ul.reset, ol.reset {
  list-style: none;
  margin: 0;
}

ul.reset li, ol.reset li {
  margin: 0;
}

button.reset {
  border: none;
  line-height: 1.6;
}

table thead, table tbody, table tfoot {
  border: none;
  background: none;
}

/**
 * generische Klassen
 */
.bg-white {
  background-color: #ffffff;
}

.bg-xlight {
  background-color: #E5E8EB;
}

.bg-light {
  background-color: #EBF4FD;
}

.bg-medium {
  background-color: #868686;
}

.bg-dark {
  background-color: #0D2944;
}

.bg-xdark {
  background-color: #0D2944;
}

.bg-akzent {
  background-color: #D1FF00;
}

.bg-akzent > .grid-container {
  padding-top: 25px;
}

.bg-akzent > .grid-container::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22px;
  background: url("../images/bg_akzent2x.webp") no-repeat center center;
  background-size: cover;
}

.bg-akzent::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background-image: linear-gradient(to right, #D1FF00 1%, rgba(209, 255, 0, 0.3) 20%);
  z-index: 1;
}

/**
 * Hintergrundgrafiken (Mixin.Backgroundimage)
 * SVG-Originalgrößen: hoehenlinien_1_1 368.4x616.7, hoehenlinien_1_2 424.8x746.5
 * gleicher Skalierungsfaktor (0.8), damit die Linienstärke identisch bleibt
 */
.bg-image-hoehenlinien-1 {
  background-image: url("../images/hoehenlinien_1_1.svg"), url("../images/hoehenlinien_1_2.svg");
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: 295px auto, 340px auto;
}

@media screen and (max-width: 47.9375em) {
  .bg-image-hoehenlinien-1 {
    background-image: url("../images/hoehenlinien_1_1.svg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 295px auto;
  }
}

@media screen and (max-width: 29.9375em) {
  .bg-image-hoehenlinien-1 {
    background-image: none;
  }
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.oflow {
  overflow: hidden;
}

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

.no-mrgs {
  margin: 0;
}

.no-pdgs {
  padding: 0;
}

.hyphens {
  hyphens: auto;
}

.shadow {
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

/*
//  <!-- grid-container Abstände als einzelne Werte ($grid-column-gutter Werte halbiert) -->
.pad-gutter-left { padding-left: rem_calc(10); }
.pad-gutter-right { padding-right: rem_calc(10); }
.marg-gutter-left { margin-left: rem_calc(10); }
.marg-gutter-right { margin-right: rem_calc(10); }

@include breakpoint (medium) {
  .pad-gutter-left { padding-left: rem_calc(15); }
  .pad-gutter-right { padding-right: rem_calc(15); }
  .marg-gutter-left { margin-left: rem_calc(15); }
  .marg-gutter-right { margin-right: rem_calc(15); }
}
*/
.mtop {
  margin-top: 1.5625rem;
}

@media print, screen and (min-width: 30em) {
  .mtop {
    margin-top: 1.875rem;
  }
}

@media print, screen and (min-width: 48em) {
  .mtop {
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 64em) {
  .mtop {
    margin-top: 3.125rem;
  }
}

@media screen and (min-width: 80em) {
  .mtop {
    margin-top: 3.75rem;
  }
}

.mbot {
  margin-bottom: 1.5625rem;
}

@media print, screen and (min-width: 30em) {
  .mbot {
    margin-bottom: 1.875rem;
  }
}

@media print, screen and (min-width: 48em) {
  .mbot {
    margin-bottom: 2.5rem;
  }
}

@media screen and (min-width: 64em) {
  .mbot {
    margin-bottom: 3.125rem;
  }
}

@media screen and (min-width: 80em) {
  .mbot {
    margin-bottom: 3.75rem;
  }
}

.custom-height {
  height: 1.5625rem;
}

@media print, screen and (min-width: 30em) {
  .custom-height {
    height: 1.875rem;
  }
}

@media print, screen and (min-width: 48em) {
  .custom-height {
    height: 2.5rem;
  }
}

@media screen and (min-width: 80em) {
  .custom-height {
    height: 3.75rem;
  }
}

.mtop-sm {
  margin-top: 0.78125rem;
}

@media print, screen and (min-width: 30em) {
  .mtop-sm {
    margin-top: 0.9375rem;
  }
}

@media print, screen and (min-width: 48em) {
  .mtop-sm {
    margin-top: 1.25rem;
  }
}

@media screen and (min-width: 64em) {
  .mtop-sm {
    margin-top: 1.5625rem;
  }
}

@media screen and (min-width: 80em) {
  .mtop-sm {
    margin-top: 1.875rem;
  }
}

.mbot-sm {
  margin-bottom: 0.78125rem;
}

@media print, screen and (min-width: 30em) {
  .mbot-sm {
    margin-bottom: 0.9375rem;
  }
}

@media print, screen and (min-width: 48em) {
  .mbot-sm {
    margin-bottom: 1.25rem;
  }
}

@media screen and (min-width: 64em) {
  .mbot-sm {
    margin-bottom: 1.5625rem;
  }
}

@media screen and (min-width: 80em) {
  .mbot-sm {
    margin-bottom: 1.875rem;
  }
}

.custom-height-sm {
  height: 0.78125rem;
}

@media print, screen and (min-width: 30em) {
  .custom-height-sm {
    height: 0.9375rem;
  }
}

@media print, screen and (min-width: 48em) {
  .custom-height-sm {
    height: 1.25rem;
  }
}

@media screen and (min-width: 64em) {
  .custom-height-sm {
    height: 1.5625rem;
  }
}

@media screen and (min-width: 80em) {
  .custom-height-sm {
    height: 1.875rem;
  }
}

/*
.pad-top {
  padding-top: $pad-sm;
  @include breakpoint (medium) { padding-top: $pad-md; }
  @include breakpoint (large) { padding-top: $pad-lg; }
  @include breakpoint (xlarge) { padding-top: $pad-xl; }
}

.pad-bottom {
  padding-bottom: $pad-sm;
  @include breakpoint (medium) { padding-bottom: $pad-md; }
  @include breakpoint (large) { padding-bottom: $pad-lg; }
  @include breakpoint (xlarge) { padding-bottom: $pad-xl; }
}

.marg-top-small {
  margin-top: $pad-sm / 2;
  @include breakpoint (medium) { margin-top: $pad-md / 2; }
  @include breakpoint (large) { margin-top: $pad-lg / 2; }
  @include breakpoint (xlarge) { margin-top: $pad-xl / 2; }
}

.marg-bottom-small {
  margin-bottom: $pad-sm / 2;
  @include breakpoint (medium) { margin-bottom: $pad-md / 2; }
  @include breakpoint (large) { margin-bottom: $pad-lg / 2; }
  @include breakpoint (xlarge) { margin-bottom: $pad-xl / 2; }
}

.pad-top-small {
  padding-top: $pad-sm / 2;
  @include breakpoint (medium) { padding-top: $pad-md / 2; }
  @include breakpoint (large) { padding-top: $pad-lg / 2; }
  @include breakpoint (xlarge) { padding-top: $pad-xl / 2; }
}

.pad-bottom-small {
  padding-bottom: $pad-sm / 2;
  @include breakpoint (medium) { padding-bottom: $pad-md / 2; }
  @include breakpoint (large) { padding-bottom: $pad-lg / 2; }
  @include breakpoint (xlarge) { padding-bottom: $pad-xl / 2; }
}
*/
/*
.linearize-lg {
  @include breakpoint (medium down) {
    //& > .cell + .cell { padding-top: 2em; }
    & > .cell:not(:first-child) {
      padding-top: 2em;
      //background-color: #ccc;
    }
  }
  @include breakpoint (large only) {
    & > [class*="xlarge-"] {
      padding-top: 2em;
      //background-color: #f00;
    }
  }
}
*/
/**
 * mehrspaltige Layouts
 */
.flx, .flxcard {
  display: flex;
  flex-wrap: wrap;
  /* folgende 3 Klassen zur Abwärtskompatibilität */
}

.flx--c {
  justify-content: center;
  align-items: center;
}

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

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

.flx.flx-c, .flx-c.flxcard {
  justify-content: center;
  align-items: center;
}

.flx.flx-hc, .flx-hc.flxcard {
  justify-content: center;
}

.flx.flx-vc, .flx-vc.flxcard {
  align-items: center;
}

.flxcard {
  flex-direction: row;
  height: 100%;
  position: relative;
  background-color: #fff;
}

.flxcard__item {
  box-sizing: border-box;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

.flxcard__end {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 25px 24px 25px;
}

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

.flex-container .flex-item {
  box-sizing: border-box;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

/*
.flx {
  display: flex;
  flex-wrap: wrap;
  &.flx-c { justify-content: center; align-items: center; }
  &.flx-hc { justify-content: center; }
  &.flx-vc { align-items: center; }
}
*/
.wrp {
  display: flex;
  flex-wrap: wrap;
}

.wrp > div {
  box-sizing: border-box;
  flex-basis: auto;
}

.wrp__1, .wrp__3 {
  flex-grow: 1;
}

.wrp__2 {
  flex-basis: 118.75rem;
  flex-shrink: 1;
}

.flex-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  position: relative;
  background-color: #fff;
}

.flex-cards .flex-item {
  box-sizing: border-box;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}

.flex-cards .flex-end {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 25px 24px 25px;
}

.items-center {
  display: grid;
  place-items: center;
}

@media print, screen and (min-width: 30em) {
  div.medium-cc-2 {
    column-count: 2;
  }
  div.medium-cc-3 {
    column-count: 3;
  }
}

@media print, screen and (min-width: 48em) {
  div.large-cc-2 {
    column-count: 2;
  }
  div.large-cc-3 {
    column-count: 3;
  }
}

@media screen and (min-width: 64em) {
  div.xlarge-cc-2 {
    column-count: 2;
  }
  div.xlarge-cc-3 {
    column-count: 3;
  }
}

/**
 * Grafiken & Bilder
 */
figure {
  margin: 0;
  vertical-align: bottom;
}

figure .legend {
  margin-top: 0.5em;
  font-size: 0.9em;
}

div[class*="ratio_"], figure[class*="ratio_"], picture[class*="ratio_"] {
  display: block;
  position: relative;
  overflow: hidden;
}

div[class*="ratio_"] img, figure[class*="ratio_"] img, picture[class*="ratio_"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div[class*="ratio_"] iframe, figure[class*="ratio_"] iframe, picture[class*="ratio_"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.ratio_16-9, figure.ratio_16-9, picture.ratio_16-9 {
  width: initial;
  height: initial;
  aspect-ratio: 1.77778;
}

@supports not (aspect-ratio: 1.77778) {
  div.ratio_16-9::before, figure.ratio_16-9::before, picture.ratio_16-9::before {
    float: left;
    content: "";
    padding-bottom: 56.25%;
  }
  div.ratio_16-9::after, figure.ratio_16-9::after, picture.ratio_16-9::after {
    display: block;
    content: "";
    clear: both;
  }
}

div.ratio_16-9 img, figure.ratio_16-9 img, picture.ratio_16-9 img {
  aspect-ratio: 16 / 9;
}

div.ratio_3-2, figure.ratio_3-2, picture.ratio_3-2 {
  width: initial;
  height: initial;
  aspect-ratio: 1.5;
}

@supports not (aspect-ratio: 1.5) {
  div.ratio_3-2::before, figure.ratio_3-2::before, picture.ratio_3-2::before {
    float: left;
    content: "";
    padding-bottom: 66.66667%;
  }
  div.ratio_3-2::after, figure.ratio_3-2::after, picture.ratio_3-2::after {
    display: block;
    content: "";
    clear: both;
  }
}

div.ratio_3-2 img, figure.ratio_3-2 img, picture.ratio_3-2 img {
  aspect-ratio: 3 / 2;
}

div.ratio_1-1, figure.ratio_1-1, picture.ratio_1-1 {
  width: initial;
  height: initial;
  aspect-ratio: 1;
}

@supports not (aspect-ratio: 1) {
  div.ratio_1-1::before, figure.ratio_1-1::before, picture.ratio_1-1::before {
    float: left;
    content: "";
    padding-bottom: 100%;
  }
  div.ratio_1-1::after, figure.ratio_1-1::after, picture.ratio_1-1::after {
    display: block;
    content: "";
    clear: both;
  }
}

div.ratio_1-1 img, figure.ratio_1-1 img, picture.ratio_1-1 img {
  aspect-ratio: 1;
}

div.ratio_3-4, figure.ratio_3-4, picture.ratio_3-4 {
  width: initial;
  height: initial;
  aspect-ratio: 0.75;
}

@supports not (aspect-ratio: 0.75) {
  div.ratio_3-4::before, figure.ratio_3-4::before, picture.ratio_3-4::before {
    float: left;
    content: "";
    padding-bottom: 133.33333%;
  }
  div.ratio_3-4::after, figure.ratio_3-4::after, picture.ratio_3-4::after {
    display: block;
    content: "";
    clear: both;
  }
}

div.ratio_3-4 img, figure.ratio_3-4 img, picture.ratio_3-4 img {
  aspect-ratio: 3 / 4;
}

div.ratio_9-16, figure.ratio_9-16, picture.ratio_9-16 {
  width: initial;
  height: initial;
  aspect-ratio: 0.5625;
}

@supports not (aspect-ratio: 0.5625) {
  div.ratio_9-16::before, figure.ratio_9-16::before, picture.ratio_9-16::before {
    float: left;
    content: "";
    padding-bottom: 177.77778%;
  }
  div.ratio_9-16::after, figure.ratio_9-16::after, picture.ratio_9-16::after {
    display: block;
    content: "";
    clear: both;
  }
}

div.ratio_9-16 img, figure.ratio_9-16 img, picture.ratio_9-16 img {
  aspect-ratio: 9 / 16;
}

div[class*="wrapper-ratio_"] img, figure[class*="wrapper-ratio_"] img, picture[class*="wrapper-ratio_"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div .wrapper-ratio_16-9 img, figure .wrapper-ratio_16-9 img, picture .wrapper-ratio_16-9 img {
  width: initial;
  height: initial;
  aspect-ratio: 1.77778;
}

@supports not (aspect-ratio: 1.77778) {
  div .wrapper-ratio_16-9 img::before, figure .wrapper-ratio_16-9 img::before, picture .wrapper-ratio_16-9 img::before {
    float: left;
    content: "";
    padding-bottom: 56.25%;
  }
  div .wrapper-ratio_16-9 img::after, figure .wrapper-ratio_16-9 img::after, picture .wrapper-ratio_16-9 img::after {
    display: block;
    content: "";
    clear: both;
  }
}

div .wrapper-ratio_3-2 img, figure .wrapper-ratio_3-2 img, picture .wrapper-ratio_3-2 img {
  width: initial;
  height: initial;
  aspect-ratio: 1.5;
}

@supports not (aspect-ratio: 1.5) {
  div .wrapper-ratio_3-2 img::before, figure .wrapper-ratio_3-2 img::before, picture .wrapper-ratio_3-2 img::before {
    float: left;
    content: "";
    padding-bottom: 66.66667%;
  }
  div .wrapper-ratio_3-2 img::after, figure .wrapper-ratio_3-2 img::after, picture .wrapper-ratio_3-2 img::after {
    display: block;
    content: "";
    clear: both;
  }
}

div .wrapper-ratio_1-1 img, figure .wrapper-ratio_1-1 img, picture .wrapper-ratio_1-1 img {
  width: initial;
  height: initial;
  aspect-ratio: 1;
}

@supports not (aspect-ratio: 1) {
  div .wrapper-ratio_1-1 img::before, figure .wrapper-ratio_1-1 img::before, picture .wrapper-ratio_1-1 img::before {
    float: left;
    content: "";
    padding-bottom: 100%;
  }
  div .wrapper-ratio_1-1 img::after, figure .wrapper-ratio_1-1 img::after, picture .wrapper-ratio_1-1 img::after {
    display: block;
    content: "";
    clear: both;
  }
}

div .wrapper-ratio_3-4 img, figure .wrapper-ratio_3-4 img, picture .wrapper-ratio_3-4 img {
  width: initial;
  height: initial;
  aspect-ratio: 0.75;
}

@supports not (aspect-ratio: 0.75) {
  div .wrapper-ratio_3-4 img::before, figure .wrapper-ratio_3-4 img::before, picture .wrapper-ratio_3-4 img::before {
    float: left;
    content: "";
    padding-bottom: 133.33333%;
  }
  div .wrapper-ratio_3-4 img::after, figure .wrapper-ratio_3-4 img::after, picture .wrapper-ratio_3-4 img::after {
    display: block;
    content: "";
    clear: both;
  }
}

div .wrapper-ratio_9-16 img, figure .wrapper-ratio_9-16 img, picture .wrapper-ratio_9-16 img {
  width: initial;
  height: initial;
  aspect-ratio: 0.5625;
}

@supports not (aspect-ratio: 0.5625) {
  div .wrapper-ratio_9-16 img::before, figure .wrapper-ratio_9-16 img::before, picture .wrapper-ratio_9-16 img::before {
    float: left;
    content: "";
    padding-bottom: 177.77778%;
  }
  div .wrapper-ratio_9-16 img::after, figure .wrapper-ratio_9-16 img::after, picture .wrapper-ratio_9-16 img::after {
    display: block;
    content: "";
    clear: both;
  }
}

picture:empty,
figure:empty {
  display: none;
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  vertical-align: bottom;
}

img.w-flex {
  margin-bottom: 1.5em;
  max-width: 100%;
  height: auto;
}

img.h-flex {
  margin-bottom: 1.5em;
  max-height: 100%;
  width: auto;
}

img.bordered {
  margin-bottom: 1.5em;
  border: 2px #182833 solid;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

img.img-fleft, img.bild-links-platzieren {
  float: left;
  margin: 5px 20px 5px 0px;
}

img.img-fright, img.bild-rechts-platzieren {
  float: right;
  margin: 5px 0px 5px 20px;
}

div.img-shadow,
picture.img-shadow img {
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.image-copyright {
  font-size: 0.8em;
  color: #1d5d9a;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.bg-medium .image-copyright, .bg-dark .image-copyright {
  color: #e6e6e6;
}

.image-copyright:empty {
  display: none;
}

video {
  display: block;
}

/**
 * andere Elemente
 */
.ruler {
  box-sizing: border-box;
  height: 2px;
  border-top: 2px solid #182833;
}

.ruler-2 {
  box-sizing: border-box;
  height: 7px;
  border-top: 2px solid #182833;
  border-bottom: 2px solid #182833;
}

#tinymce {
  background: #fff;
  padding: 5px 7px;
  font-size: 16px;
}

@media print, screen and (min-width: 30em) {
  .columns-1 {
    column-count: 1;
  }
}

@media print, screen and (min-width: 48em) {
  .columns-1 {
    column-count: 1;
  }
}

@media screen and (min-width: 64em) {
  .columns-1 {
    column-count: 1;
  }
}

@media print, screen and (min-width: 30em) {
  .columns-2 {
    column-count: 1;
  }
}

@media print, screen and (min-width: 48em) {
  .columns-2 {
    column-count: 2;
  }
}

@media screen and (min-width: 64em) {
  .columns-2 {
    column-count: 2;
  }
}

@media print, screen and (min-width: 30em) {
  .columns-3 {
    column-count: 1;
  }
}

@media print, screen and (min-width: 48em) {
  .columns-3 {
    column-count: 3;
  }
}

@media screen and (min-width: 64em) {
  .columns-3 {
    column-count: 3;
  }
}

.neos-hinweis {
  font-size: 16px;
  color: #f72828;
  font-style: italic;
  margin-top: 1em;
}

/**
 * Page Header Styling
 */
.page-header {
  position: sticky;
  top: 0;
  z-index: 999;
  box-sizing: border-box;
  background-color: #E5E8EB;
}

.page-header .flx-header {
  height: var(--header-height);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

@media screen and (min-width: 79.9375em) {
  .page-header .flx-header {
    height: var(--header-height);
    padding-inline-start: 150px;
  }
}

.page-header > .grid-container {
  max-width: 116.875rem;
}

body.fixed-header .page-header {
  position: fixed;
  top: 0;
  left: 0px;
  right: 0px;
  z-index: 20;
}

.page-logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 150px;
  height: auto;
  padding-block: 0;
  transform: translateY(-50%);
  z-index: 5;
}

.page-logo img {
  display: block;
  width: 100%;
  height: auto;
}

#nav-trigger {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

@media screen and (min-width: 79.9375em) {
  #nav-trigger {
    display: none;
  }
}

#nav-trigger svg {
  display: block;
  fill: #0D2944;
  width: 28px;
}

#nav-trigger .nav-trigger__icon-opened {
  display: none;
}

#nav-trigger.open .nav-trigger__icon-closed {
  display: none;
}

#nav-trigger.open .nav-trigger__icon-opened {
  display: block;
  fill: #009AC4;
}

.lang-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.875rem;
  right: 1.125rem;
  z-index: 6;
}

@media screen and (max-width: 79.875em) {
  .page-header > .lang-nav {
    display: none;
  }
}

.lang-nav ul {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lang-nav li {
  line-height: 1;
}

.lang-nav li a {
  display: block;
  color: #5f5f5f;
  /* XD: CI 2 - dunkel */
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
  opacity: 0.5;
  transition: 0.2s opacity;
}

.lang-nav li a:hover, .lang-nav li a:focus-visible {
  opacity: 1;
}

.lang-nav li.current a {
  opacity: 1;
}

.lang-nav .lang-nav__icon {
  display: block;
  width: 1.5rem;
  height: auto;
  margin-left: 0.875rem;
  fill: #009AC4;
}

.sm-icons-header {
  padding: 1rem;
  width: 100%;
}

.sm-icons-header ul.flx, .sm-icons-header ul.flxcard {
  justify-content: flex-end;
  gap: 12px;
}

.sm-icons-header svg {
  display: block;
  height: 35px;
  width: auto;
}

.sm-icons-header svg .sm-svg-outer {
  fill: #868686;
  transition: 0.3s all;
}

.sm-icons-header svg .sm-svg-inner {
  fill: #fff;
}

.sm-icons-header a:hover svg .sm-svg-outer,
.sm-icons-header a:focus-visible svg .sm-svg-outer {
  fill: #009AC4;
  transition: 0.2s all;
}

.sm-icons-header a:hover svg .sm-svg-inner,
.sm-icons-header a:focus-visible svg .sm-svg-inner {
  fill: #fff;
}

@media screen {
  .page-content {
    background-color: #ffffff;
    /* <!-- Abstände oben, wenn Element untereinander angeordnet sind (small devices)  --> */
    /* <!-- Ausnahmen hinzufügen - z.B. Galerie --> */
    /**
     * Liste mit Pfeilen
     */
    /**
     * Liste mit vorangestellten Icons

    .linklist {
      margin: 0;
      list-style-type: none;

      li { margin-left: 0px; }

      a {
        display: block;
        position: relative;
        padding-left: 23px;

        &::before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 7px;
          width: 10px;
          height: 10px;
          background: url('../images/svg/arrow_right_white.svg') no-repeat 0 0/10px 10px;
          //border: 1px solid orange;
        }
      }
    } // end .linklist
     */
    /**
     * einzelner Link mit Pfeil

    .pfeil-link {
      a {
        display: inline-block;
        position: relative;
        padding-right: 23px;

        &::after {
          content: "";
          display: block;
          position: absolute;
          right: 0;
          top: 7px;
          width: 10px;
          height: 10px;
          background: url('../images/svg/arrow_left_blue.svg') no-repeat 0 0/10px 10px;
        }
      }
    }
     */
    /**
    * Parallax Modul
    */
    /**
    * Stoerer
    */
  }
  .page-content .content-wrapper {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}

@media screen and (min-width: 30em) {
  .page-content .content-wrapper {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}

@media screen and (min-width: 48em) {
  .page-content .content-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media screen and (min-width: 64em) {
  .page-content .content-wrapper {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}

@media screen and (min-width: 80em) {
  .page-content .content-wrapper {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

@media screen {
  .page-content .content-wrapper > .anker:first-child,
  .page-content .content-wrapper > div > .anker:first-child {
    position: absolute;
    left: 0;
    top: calc(-1 * var(--header-height));
  }
  .page-content .content-wrapper > .grid-container,
  .page-content .content-wrapper > div > .grid-container {
    position: relative;
    z-index: 2;
  }
  .page-content .grid-container > .grid-x + .grid-x {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 30em) {
  .page-content .grid-container > .grid-x + .grid-x {
    padding-top: 1rem;
  }
}

@media screen and (min-width: 48em) {
  .page-content .grid-container > .grid-x + .grid-x {
    padding-top: 1.5rem;
  }
}

@media screen {
  .page-content .gallery .grid-x > .cell.small-6 {
    padding-top: 0;
  }
  .page-content .cell.headlines {
    margin-bottom: 30px;
    text-align: center;
  }
  .page-content .cell.headlines-left h1:last-child,
  .page-content .cell.headlines-left .h1:last-child,
  .page-content .cell.headlines-left h2:last-child,
  .page-content .cell.headlines-left .h2:last-child {
    margin-bottom: 1.5em;
  }
  .page-content .bg-none + .bg-none,
  .page-content .bg-white:not(.bg-reset) + .bg-white,
  .page-content .bg-xlight:not(.bg-reset) + .bg-xlight,
  .page-content .bg-light:not(.bg-reset) + .bg-light,
  .page-content .bg-medium:not(.bg-reset) + .bg-medium,
  .page-content .bg-dark:not(.bg-reset) + .bg-dark {
    padding-top: 10px;
  }
  .page-content img {
    max-width: 100%;
    height: auto;
  }
  .page-content .picture-wrapper {
    display: block;
    margin-top: 1em;
  }
  .page-content .cell > .picture-wrapper:first-child {
    margin-top: 0;
  }
  .page-content ul.linklist {
    margin: 0;
    padding: 0;
    list-style: none;
    /* <!-- Themes --> */
  }
  .page-content ul.linklist > li {
    display: block;
    margin-left: 0;
    padding: 1rem 0;
  }
  .page-content ul.linklist > li:first-child {
    padding-top: 0;
  }
  .page-content ul.linklist > li:last-child {
    padding-bottom: 0;
  }
  .page-content ul.linklist .item {
    position: relative;
    display: block;
    padding: 0.3rem 4.5rem 0.3rem 0;
    transition: 0.2s background-color;
    color: #0D2944;
    hyphens: auto;
    /*
        &::after {
          display: block;
          content: "";
          position: absolute;
          top: 18px;
          right: 1rem;  // ohne bg-color bei hover 5px
          width: 44px;
          height: 23px;
          background-image: url("../images/arrow_large.svg");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto 23px;
        }
*/
  }
  .page-content ul.linklist .item .arrow-lg {
    display: block;
    position: absolute;
    top: 18px;
    right: 1rem;
    width: 44px;
    height: 23px;
  }
  .page-content ul.linklist .item .arrow-lg svg {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .page-content ul.linklist .item .arrow-lg line {
    stroke: #868686;
    transition: 0.2s stroke;
  }
  .page-content ul.linklist .item .arrow-lg path {
    fill: #868686;
    transition: 0.2s fill;
  }
  .page-content ul.linklist .item:hover, .page-content ul.linklist .item:focus-visible {
    background-color: #EBF4FD;
  }
  .page-content ul.linklist .item:hover .arrow-lg line, .page-content ul.linklist .item:focus-visible .arrow-lg line {
    stroke: #D1FF00;
  }
  .page-content ul.linklist .item:hover .arrow-lg path, .page-content ul.linklist .item:focus-visible .arrow-lg path {
    fill: #D1FF00;
  }
  .page-content ul.linklist .title {
    display: block;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 29.9375em) {
  .page-content ul.linklist .title {
    font-size: 1.5rem;
    hyphens: auto;
  }
}

@media screen {
  .page-content ul.linklist.thm-standard .item {
    padding-left: 1.1em;
  }
  .page-content ul.linklist.thm-standard .title,
  .page-content ul.linklist.thm-standard .title strong {
    font-weight: 700;
  }
  .page-content ul.linklist.thm-jobs .item {
    padding-left: 1em;
  }
  .page-content ul.linklist.thm-jobs .title strong {
    font-weight: 700;
  }
  .page-content .neg ul.linklist .item .arrow-lg line,
  .page-content .bg-medium ul.linklist .item .arrow-lg line,
  .page-content .bg-dark ul.linklist .item .arrow-lg line {
    stroke: #EBF4FD;
  }
  .page-content .neg ul.linklist .item .arrow-lg path,
  .page-content .bg-medium ul.linklist .item .arrow-lg path,
  .page-content .bg-dark ul.linklist .item .arrow-lg path {
    fill: #EBF4FD;
  }
  .page-content .neg ul.linklist .item:hover, .page-content .neg ul.linklist .item:focus-visible,
  .page-content .bg-medium ul.linklist .item:hover,
  .page-content .bg-medium ul.linklist .item:focus-visible,
  .page-content .bg-dark ul.linklist .item:hover,
  .page-content .bg-dark ul.linklist .item:focus-visible {
    background-color: rgba(13, 41, 68, 0.75);
  }
  .page-content .neg ul.linklist .item:hover .title, .page-content .neg ul.linklist .item:focus-visible .title,
  .page-content .bg-medium ul.linklist .item:hover .title,
  .page-content .bg-medium ul.linklist .item:focus-visible .title,
  .page-content .bg-dark ul.linklist .item:hover .title,
  .page-content .bg-dark ul.linklist .item:focus-visible .title {
    color: #D1FF00;
  }
  .page-content .neg ul.linklist .item:hover .arrow-lg line, .page-content .neg ul.linklist .item:focus-visible .arrow-lg line,
  .page-content .bg-medium ul.linklist .item:hover .arrow-lg line,
  .page-content .bg-medium ul.linklist .item:focus-visible .arrow-lg line,
  .page-content .bg-dark ul.linklist .item:hover .arrow-lg line,
  .page-content .bg-dark ul.linklist .item:focus-visible .arrow-lg line {
    stroke: #D1FF00;
  }
  .page-content .neg ul.linklist .item:hover .arrow-lg path, .page-content .neg ul.linklist .item:focus-visible .arrow-lg path,
  .page-content .bg-medium ul.linklist .item:hover .arrow-lg path,
  .page-content .bg-medium ul.linklist .item:focus-visible .arrow-lg path,
  .page-content .bg-dark ul.linklist .item:hover .arrow-lg path,
  .page-content .bg-dark ul.linklist .item:focus-visible .arrow-lg path {
    fill: #D1FF00;
  }
  .page-content .trenner {
    width: 100%;
    height: 300px;
    background-color: #EBF4FD;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
  }
}

@media screen and (min-width: 64em) {
  .page-content .trenner {
    height: 500px;
  }
}

@media screen and (max-width: 29.9375em) {
  .page-content .trenner {
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
  }
}

@media screen {
  @supports (-webkit-touch-callout: none) {
    .page-content .trenner {
      background-attachment: scroll;
      background-position: center;
      background-size: cover;
    }
  }
  .page-content .stoerer {
    margin: 2em 0 4em 0;
    padding: 2em 0;
  }
  .page-content .stoerer:last-child {
    margin-bottom: 0;
  }
  /** 
   * Formatierungen innerhalb der Module
   */
  .content-wrapper ul li,
  .content-wrapper ol li {
    padding-bottom: 0.25em;
  }
  .ap-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ap-cards .ap-item {
    width: 100%;
    max-width: 375px;
    box-sizing: border-box;
    padding: 2em 1em;
  }
}

@media screen and (min-width: 37.5em) {
  .ap-cards .ap-item {
    width: 50%;
  }
}

@media screen and (min-width: 56.25em) {
  .ap-cards .ap-item {
    width: 33.333%;
  }
}

@media screen {
  .ap-cards .ap-item img {
    display: block;
    max-width: 190px;
    margin: 0 auto;
    aspect-ratio: 1;
    border-radius: 100vw;
    object-fit: cover;
  }
  .ap-cards .ap-item .h2 {
    margin-top: 2rem;
    margin-bottom: 0;
    font-size: 1.75rem;
  }
  .ap-cards .ap-item p.title {
    margin: 0;
  }
  .ap-cards .ap-item .contact {
    margin-top: 1.5rem;
  }
  .ap-cards .ap-item .contact a {
    font-weight: 700;
    display: block;
  }
  .ap-cards .ap-item .contact a.phone span {
    font-weight: 200;
    color: #0D2944;
  }
  /**
   * Tabelle Termine
   */
  /*
  table.termine {
    thead {
      font-weight: normal;
      tr {
        background-color: #d0d0d0;
      }
      th {
        padding: 10px 50px 10px 30px;
        color: $fc-default;
        font-size: rem_calc(16);
        font-weight: normal;
      }
      th.highlight {
        background-color: $col-neg-bg;
        color: $col-neg;
      }
    }

    tbody {
      font-size: rem_calc(16);
      tr {
        border-top: 10px solid #fff;
        background-color: #e9e9e9;
      }
      td {
        padding: 10px 20px 10px 30px;
        vertical-align: top;
      }
      td.highlight {
        background-color: rgba(159, 152, 146, 0.64);
        color: $white;
      }
      a {
        color: $fc-a;
      }
      a:hover,
      a:focus-visible {
        color: $fc-a-hov;
      }
    }
  } // end table.termine
*/
  .mods .mod-wrapper:not(:empty) + .mod-wrapper {
    margin-top: 1.5em;
  }
  .img-txt-but-teaser > .cell {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .img-txt-but-teaser article[class*="item"] .inner {
    padding: 15px 2px;
  }
  .img-txt-but-teaser article[class*="item"] h2 {
    margin: 0.5em 0 0.8em 0;
  }
  .img-txt-but-teaser article[class*="item"] .button-link-wrapper {
    padding-top: 0.5em;
  }
  .img-txt-but-teaser .item--flx {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*
      &.text-center {
        .button-link {
          display: block;
        }
      }
*/
  }
  .img-txt-but-teaser .item--flx .item__end {
    margin-top: auto;
  }
  .lightbox .lb-outerContainer {
    border-radius: 0px;
  }
  .lightbox .lb-image {
    border-radius: 0px;
    border: 3px solid #D1FF00;
  }
  .lightbox .lb-data {
    color: #D1FF00;
  }
  .lb-images .text {
    padding: 10px 2px 2px 2px;
  }
  .lb-images .text p {
    font-size: 0.85em;
    /*font-weight: 300;*/
  }
  .img-zoom {
    display: block;
    position: relative;
  }
  .img-zoom::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #D1FF00 url("../images/icon_plus.svg") no-repeat center center;
    background-size: 16px auto;
  }
  /**
   * Video Einbindung mit Datenschutz Layer
   */
  .video-wrapper,
  .maps-wrapper {
    position: relative;
  }
  .video-wrapper img.preview,
  .maps-wrapper img.preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-layer,
  .maps-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 40, 51, 0.5);
  }
  .video-layer .inside,
  .maps-layer .inside {
    max-width: 440px;
    padding: 20px 20px;
    text-align: center;
    font-weight: 300;
    background-color: transparent;
    transition: 0.4s background-color;
  }
  .video-layer .inside:hover,
  .maps-layer .inside:hover {
    background-color: rgba(24, 40, 51, 0.75);
    transition: 0.2s background-color;
  }
  .video-layer .button-link,
  .maps-layer .button-link {
    margin-top: 0.8em;
  }
  .large-4 .video-layer .inside, .large-4
  .maps-layer .inside {
    font-size: 1rem;
    line-height: 1.4em;
  }
  .video-legend {
    margin-top: 0.5em;
  }
  .job-details .job-content-box {
    margin: 1.75em 0;
  }
  .job-details .job-content-box > div:first-child {
    margin-bottom: 0.5em;
    font-weight: 500;
  }
}

/** 
 * Checkbox listen 
 */
.checkbox-list {
  list-style: none;
  margin: 0;
}

.checkbox-list li {
  margin: 1em 1em 1em 4.5em;
}

.checkbox-list-item {
  position: relative;
  max-width: 700px;
}

.checkbox-list-item + .checkbox-list-item {
  margin-top: 2em;
}

.checkbox-list-item::before {
  display: block;
  content: "";
  position: absolute;
  left: -3.5em;
  top: 0.4em;
  width: 41px;
  height: 41px;
  background: url("../images/icon_checkbox.svg") no-repeat center center;
  background-size: contain;
}

.checkbox-list-item .ff-akz {
  color: #0D2944;
}

.page-footer .footer-cta {
  position: relative;
  background-color: #e6f5f9;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  overflow-x: clip;
}

@media print, screen and (min-width: 48em) {
  .page-footer .footer-cta {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}

.page-footer .footer-cta::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: max(-33vw, -640px);
  z-index: 0;
  pointer-events: none;
  background-image: url("../images/bg_footer_lines_right.svg"), url("../images/bg_footer_lines_left.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom min(12vw, 230px), left 3vw bottom min(1.6vw, 30px);
  background-size: auto min(64.8vw, 1243px), auto min(63.8vw, 1225px);
  display: none;
}

@media print, screen and (min-width: 48em) {
  .page-footer .footer-cta::before {
    display: block;
  }
}

.page-footer .footer-cta > .grid-container {
  position: relative;
  z-index: 2;
}

.page-footer .footer-cta__box {
  position: relative;
  background-color: rgba(13, 41, 68, 0.9);
  color: #ffffff;
  padding: 2rem 1.5rem 2rem 0;
  height: 100%;
}

.page-footer .footer-cta__box::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 50vw;
  background-color: inherit;
}

.page-footer .footer-cta__box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 50vw;
  background-color: inherit;
}

@media print, screen and (min-width: 30em) {
  .page-footer .footer-cta__box {
    padding: 3rem 2.5rem 3rem 0;
  }
}

@media print, screen and (min-width: 48em) {
  .page-footer .footer-cta__box::after {
    content: none;
  }
}

@media screen and (min-width: 64em) {
  .page-footer .footer-cta__box {
    padding: 4.5rem 3rem 4.5rem 0;
  }
}

.page-footer .footer-cta__box hgroup.lv1 {
  margin-bottom: 1.5rem;
}

.page-footer .footer-cta__box hgroup.lv1 h1 {
  color: #D1FF00;
  overflow-wrap: break-word;
  hyphens: manual;
  font-size: clamp(1.75rem, calc(0.25rem + 3.1vw), 3.25rem);
  line-height: 1.15;
}

.page-footer .footer-cta__text {
  max-width: 34ch;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: 1.3;
  font-size: clamp(1.25rem, calc(0.95rem + 1.1vw), 1.5625rem);
}

.page-footer .footer-cta__text p {
  margin-bottom: 0;
  line-height: inherit;
}

.page-footer .footer-cta__text a {
  color: #ffffff;
}

.page-footer .footer-cta__phone {
  margin-top: 1.5rem;
  font-size: clamp(1.75rem, calc(0.95rem + 2.1vw), 2.75rem);
  font-weight: 500;
  line-height: 1.2;
}

.page-footer .footer-cta__phone a {
  color: #ffffff;
  text-decoration: none;
}

.page-footer .footer-contact {
  margin-top: 2.5rem;
}

@media print, screen and (min-width: 48em) {
  .page-footer .footer-contact {
    margin-top: 0;
    display: flex;
    flex-direction: column;
  }
}

@media print, screen and (min-width: 48em) {
  .page-footer .footer-contact__main {
    margin-block: auto;
  }
}

.page-footer .footer-contact__wave {
  display: block;
  width: 58px;
  height: auto;
  fill: #0D2944;
  margin-bottom: 1.5rem;
}

.page-footer .footer-contact__list {
  font-style: normal;
}

.page-footer .footer-contact__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 1.25rem;
}

.page-footer .footer-contact__icon {
  flex-shrink: 0;
  width: 22px;
  height: auto;
  margin-top: 0.15em;
  fill: #009AC4;
}

.page-footer .footer-contact__text {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #0D2944;
}

.page-footer .footer-contact__text p {
  margin-bottom: 0;
}

.page-footer .footer-contact__text a {
  color: #0D2944;
  text-decoration: none;
}

.page-footer .footer-contact__button {
  margin-top: 1.75rem;
}

.page-footer .footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 3rem;
}

@media print, screen and (min-width: 48em) {
  .page-footer .footer-social {
    margin-top: 2.5rem;
  }
}

.page-footer .footer-social li {
  padding: 0;
}

.page-footer .footer-social svg {
  display: block;
  width: 44px;
  height: 44px;
}

.page-footer .footer-social svg .sm-svg-outer {
  fill: #0D2944;
  transition: 0.3s fill;
}

.page-footer .footer-social svg .sm-svg-inner {
  fill: #ffffff;
}

.page-footer .footer-social a:hover svg .sm-svg-outer,
.page-footer .footer-social a:focus-visible svg .sm-svg-outer {
  fill: #009AC4;
}

.page-footer .footer-bottom {
  background-color: #0D2944;
  padding-block: 1rem;
}

.page-footer .footer-bottom .footer-bottom__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

@media screen and (min-width: 64em) {
  .page-footer .footer-bottom .footer-bottom__inner {
    flex-direction: row;
    justify-content: center;
    min-height: 70px;
  }
}

.page-footer .toplink {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  color: #ffffff;
}

.page-footer .toplink .toplink__arrow {
  width: 30px;
  height: auto;
  fill: #009AC4;
  transition: 0.3s fill;
}

.page-footer .toplink .toplink__label {
  font-size: 0.875rem;
}

.page-footer .toplink:hover .toplink__arrow, .page-footer .toplink:focus-visible .toplink__arrow {
  fill: #D1FF00;
}

.page-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 2.5rem;
  row-gap: 0.5rem;
}

@media screen and (min-width: 64em) {
  .page-footer .footer-links {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: end;
  }
}

.page-footer .footer-links a {
  color: #D1FF00;
  font-size: 1.125rem;
  font-weight: 500;
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.page-footer .footer-links a:hover, .page-footer .footer-links a:focus-visible {
  color: #ffffff;
}

.page-footer .footer-links a .link-extern-icon {
  display: none;
}

.neos-page .gdpr-cookieconsent-setting-group__details,
.neos-page .gdpr-cookieconsent-settings__content__links a,
.neos-page .gdpr-cookieconsent-settings__content__links span {
  font-weight: 400;
}

.neos-page .at-symbol::after {
  content: "@";
}

.neos-page .gdpr-cookieconsent-settings {
  transition: none !important;
  background: var(--cookieconsent-bg-color);
  display: grid;
  grid-column: full;
  align-items: flex-start;
  grid-template-columns: [full-start] 20px [max-start] 1fr [grid-start] clamp(310px, 80vw, 700px) [grid-end] 1fr [max-end] 20px [full-end];
}

.neos-page .gdpr-cookieconsent-settings .lazyload,
.neos-page .gdpr-cookieconsent-settings .lazyloaded {
  transition: none !important;
}

.neos-page .gdpr-cookieconsent-setting-group__details {
  flex: 0 0 auto;
  margin-left: auto;
}

.neos-page .gdpr-cookieconsent-switch--group {
  font-weight: 600;
}

.neos-page .gdpr-cookieconsent-switch--cookie {
  font-weight: 600;
}

.neos-page .gdpr-cookieconsent-container {
  --cookieconsent-theme-color: #D1FF00;
  --cookieconsent-width: 1600px;
  --box-padding: 1.25rem;
  --grid-gutter-small: 16px;
  --cookieconsent-overlay-color: rgba(0, 0, 0, 0.75);
  --cookieconsent-bg-color: #f0f0f0;
  --cookieconsent-group-bg-color: white;
  --cookieconsent-button-text-color: white;
  --cookieconsent-button-primary-color: var(--cookieconsent-theme-color);
  --cookieconsent-button-secondary-color: #e6e6e6;
  --cookieconsent-button-primary-text-color: var(--cookieconsent-button-text-color);
  --cookieconsent-button-secondary-text-color: black;
  --cookieconsent-button-borderradius: 4px;
  --cookieconsent-spacing: 1rem;
  --cookieconsent-focus-outline: black solid 2px;
  --cookieconsent-focus-outline-offset: 2px;
  --cookieconsent-spacing: calc(var(--grid-gutter-small));
  line-height: 1.5;
}

.neos-page .gdpr-cookieconsent-container button,
.neos-page .gdpr-cookieconsent-container button .button__link {
  width: 100%;
}

.neos-page .gdpr-cookieconsent-settings__content {
  grid-column: grid;
  padding: var(--box-padding) 0;
}

.neos-page .gdpr-cookieconsent-settings__content__links {
  --font-size: 0.875rem;
  --line-height: 1.5;
  line-height: var(--line-height);
  font-size: var(--font-size);
  margin-left: calc(-1 * var(--font-size) * 0.1);
  margin-bottom: calc(-1 * var(--font-size) * var(--line-height) * 0.18);
}

.neos-page .gdpr-cookieconsent-settings__content__links a,
.neos-page .gdpr-cookieconsent-settings__content__links span {
  color: var(--cs__primary__fg--default);
}

.neos-page .gdpr-cookieconsent-settings__content__cta {
  grid-gap: calc(0.5 * var(--grid-gutter-small));
}

.neos-page .gdpr-cookieconsent-settings__content__cta .gdpr-cc-button {
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  text-transform: unset;
}

.neos-page .gdpr-cookieconsent-settings__content__cta .gdpr-cc-button.gdpr-cc-button--secondary {
  border: none !important;
}

.neos-page .gdpr-cookieconsent-settings__content__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.neos-page .gdpr-cookieconsent-settings__content__info > * {
  flex: 0 1;
}

.neos-page .gdpr-cookieconsent-settings__content__info__description {
  margin-top: 1rem;
}

.neos-page .gdpr-cookieconsent-settings__content__info__description p {
  font-size: 1rem;
}

@media (min-width: 48.0625rem) {
  .neos-page .gdpr-cookieconsent-settings__content__info__description p {
    max-width: 90%;
  }
}

@media (max-width: 48.0625rem) {
  .neos-page .gdpr-cookieconsent-settings__content__info__description p {
    hyphens: auto;
  }
}

.neos-page .gdpr-cookieconsent-setting-group {
  border-radius: 4px;
  background: var(--cookieconsent-group-bg-color);
}

.neos-page #gdpr-cc-btn-accept-necessary {
  order: 99;
}

@media (min-width: 48.0625rem) {
  .neos-page .gdpr-cookieconsent-settings {
    grid-template-columns: [full-start] 20px [max-start] 1fr [grid-start] clamp(620px,80vw,1176px) [grid-end] 1fr [max-end] 20px [full-end];
  }
}

@media (hover: hover) {
  .neos-page .gdpr-cookieconsent-container a:not([disabled]):not(:disabled):hover {
    text-decoration: underline;
  }
  .neos-page .gdpr-cookieconsent-settings__content__links a:not([disabled]):not(:disabled):hover {
    color: var(--cs__primary__fg--default);
    text-decoration: underline;
  }
}

.neos-page .atom {
  --margin-top: 0px;
  margin-top: var(--margin-top) !important;
}

.neos-page .gdpr-cookieconsent-settings__content__cta .gdpr-cc-button + .gdpr-cc-button {
  margin-top: 0 !important;
}

@media screen {
  /**
   * Allgemein
   */
  nav ul,
  .cell-nav ul {
    margin: 0;
    list-style: none;
  }
  nav li,
  .cell-nav li {
    margin: 0;
    padding: 0;
  }
  nav a,
  .cell-nav a {
    text-decoration: none;
    text-transform: none;
  }
  nav a:hover,
  nav a:focus-visible,
  .cell-nav a:hover,
  .cell-nav a:focus-visible {
    text-decoration: none;
  }
  .drilldown .is-drilldown-submenu-parent > a::after,
  .drilldown .js-drilldown-back > a::before {
    display: none;
  }
  .drilldown .is-drilldown-submenu {
    background-color: transparent;
  }
  /**
   * Main-Navigation
   */
  .mainnav {
    /**
     * Styles Mobile
     */
    /**
     * Styles Desktop
     */
  }
  .mainnav .nav-sidebar-items {
    display: none;
  }
  .mainnav .is-dropdown-submenu {
    margin-top: 0;
    border: 0;
  }
}

@media screen and (max-width: 79.875em) {
  .mainnav {
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    top: 100%;
    width: 100vw;
    background-color: #009AC4;
    text-align: left;
  }
  .mainnav.open {
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - var(--header-height));
    height: calc(100dvh - var(--header-height));
    overflow-y: auto;
  }
  .mainnav.open .is-drilldown {
    max-width: 100% !important;
  }
  .mainnav .mainnav__footer {
    padding: 0 1.75rem 1.75rem;
  }
  .mainnav .mainnav__footer .mainnav__wave {
    display: block;
    width: calc(100% + 3.5rem);
    height: auto;
    margin: 0 -1.75rem 1.5rem;
  }
  .mainnav .mainnav__footer .lang-nav {
    position: static;
    justify-content: flex-end;
  }
  .mainnav .mainnav__footer .lang-nav li a {
    color: #0D2944;
    opacity: 0.45;
    font-size: 1.125rem;
  }
  .mainnav .mainnav__footer .lang-nav li.current a {
    opacity: 1;
  }
  .mainnav .mainnav__footer .lang-nav .lang-nav__icon {
    fill: #ffffff;
  }
  .mainnav .is-drilldown {
    padding-top: 2rem;
  }
  .mainnav .is-drilldown li.navigation-item--state-active > a,
  .mainnav .is-drilldown li.navigation-item--state-current > a {
    color: #009AC4;
  }
  .mainnav .is-drilldown a {
    display: block;
    padding: 1.5rem 3rem 1.5rem 1.75rem;
    background-color: transparent;
    color: #0D2944;
    font-size: 1.1875rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.08em;
    text-transform: lowercase;
  }
  .mainnav .is-drilldown a:hover, .mainnav .is-drilldown a:focus-visible {
    background-color: transparent;
    color: #D1FF00;
  }
  .mainnav .is-drilldown .trigger span {
    position: relative;
  }
  .mainnav .is-drilldown .trigger span::after {
    display: block;
    content: "";
    position: absolute;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 15px;
    background: url("../images/arrow_right.svg") no-repeat center center;
    background-size: contain;
  }
  .mainnav .is-drilldown .trigger:hover span::after,
  .mainnav .is-drilldown .trigger:focus-visible span::after {
    background-image: url("../images/arrow_right.svg");
  }
  .mainnav .is-drilldown .js-drilldown-back .trigger-back {
    background-color: #008eb5;
  }
  .mainnav .is-drilldown .js-drilldown-back .trigger-back span {
    position: relative;
    padding-left: 17px;
  }
  .mainnav .is-drilldown .js-drilldown-back .trigger-back span::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 8px;
    height: 15px;
    background: url("../images/arrow_right.svg") no-repeat center center;
    background-size: contain;
  }
  .mainnav .is-drilldown .js-drilldown-back .trigger-back:hover span::before,
  .mainnav .is-drilldown .js-drilldown-back .trigger-back:focus-visible span::before {
    background-image: url("../images/arrow_right.svg");
  }
  .mainnav .nav-sidebar-items {
    display: block;
    padding: 10px 0;
    background-color: #009AC4;
    color: #ffffff;
    text-transform: none;
  }
  .mainnav .nav-sidebar-items a:hover, .mainnav .nav-sidebar-items:focus-visible {
    background-color: rgba(13, 13, 13, 0);
  }
}

@media screen and (min-width: 79.9375em) {
  .mainnav {
    display: block;
    position: relative;
    margin-left: 2.5rem;
    background-color: transparent;
  }
  .mainnav .mainnav__footer {
    display: none;
  }
  .mainnav ul a {
    color: #0D2944;
    font-size: 1.125rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.08em;
    text-transform: lowercase;
  }
  .mainnav ul a:hover, .mainnav ul a:focus-visible {
    color: #D1FF00;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal {
    height: 100%;
    align-items: end;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li {
    height: 100%;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal a {
    padding: 0.5em 1em;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li {
    position: relative;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li > a {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease-in-out;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li::after {
    content: "";
    position: absolute;
    right: 1em;
    top: calc(100% - 0.5em);
    z-index: 0;
    width: 59.59px;
    height: 22.56px;
    background: url("../images/nav_wave.svg") no-repeat center center;
    background-size: contain;
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li:hover > a, .mainnav .dropdown.menu.mobileNav-horizontal > li:focus-within > a, .mainnav .dropdown.menu.mobileNav-horizontal > li.is-active > a, .mainnav .dropdown.menu.mobileNav-horizontal > li.navigation-item--state-active > a, .mainnav .dropdown.menu.mobileNav-horizontal > li.navigation-item--state-current > a, .mainnav .dropdown.menu.mobileNav-horizontal > li:has( > a.is-active) > a {
    color: #009AC4;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li:hover::after, .mainnav .dropdown.menu.mobileNav-horizontal > li:focus-within::after, .mainnav .dropdown.menu.mobileNav-horizontal > li.is-active::after, .mainnav .dropdown.menu.mobileNav-horizontal > li.navigation-item--state-active::after, .mainnav .dropdown.menu.mobileNav-horizontal > li.navigation-item--state-current::after, .mainnav .dropdown.menu.mobileNav-horizontal > li:has( > a.is-active)::after {
    opacity: 1;
    transform: translateX(0);
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: none;
  }
  .mainnav .dropdown.menu.mobileNav-horizontal > li.opens-right > .is-dropdown-submenu {
    left: -1.5rem;
  }
  .mainnav .dropdown.menu .is-dropdown-submenu a {
    padding: 0.825rem 2.5rem;
  }
  .mainnav > ul.dropdown.menu .is-active > a,
  .mainnav > ul.dropdown.menu .navigation-item--state-active > a {
    color: #D1FF00;
  }
  .mainnav ul.submenu.lvl2 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px;
    text-align: left;
    background-color: #ffffff;
    padding-block: 0.825rem;
    width: max-content;
    top: 100%;
  }
  .mainnav ul.submenu.lvl2 .trigger span {
    position: relative;
    white-space: nowrap;
  }
  .mainnav ul.submenu.lvl2 .trigger span::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 15px;
    background: url("../images/arrow_right.svg") no-repeat center center;
    background-size: contain;
    margin-left: 0.75rem;
    transform: translateY(10%);
  }
  .mainnav ul.submenu.lvl2 .trigger:hover span::after,
  .mainnav ul.submenu.lvl2 .trigger:focus-visible span::after {
    background-image: url("../images/arrow_right.svg");
  }
  .mainnav ul.submenu.lvl2 li.is-submenu-item {
    transition: all 0.3s ease-in-out;
  }
  .mainnav ul.submenu.lvl2 li.is-submenu-item a {
    transition: all 0.3s ease-in-out;
  }
  .mainnav ul.submenu.lvl2 li.is-submenu-item.navigation-item--state-current, .mainnav ul.submenu.lvl2 li.is-submenu-item:hover, .mainnav ul.submenu.lvl2 li.is-submenu-item:focus-visible {
    background-color: #f7f7f7;
  }
  .mainnav ul.submenu.lvl2 li.is-submenu-item.navigation-item--state-current > a, .mainnav ul.submenu.lvl2 li.is-submenu-item:hover > a, .mainnav ul.submenu.lvl2 li.is-submenu-item:focus-visible > a {
    color: #0D2944;
  }
  .mainnav ul.submenu.lvl2 .is-dropdown-submenu-parent a::after {
    display: none;
  }
  .mainnav ul.submenu.lvl2 .is-dropdown-submenu-parent a span {
    position: relative;
  }
  .mainnav .dropdown.menu.vertical .is-dropdown-submenu.lvl3 {
    top: -0.825rem;
    padding-block: 0.825rem;
    border: none;
    background-color: #ffffff;
  }
  .mainnav .subitems {
    background-color: transparent;
    width: 300px;
    max-width: 300px;
    padding: 1rem 1.5rem 1.1rem 1.5rem;
    text-align: left;
    /*
        a {
          color: $col-neg-a;
          padding: rem_calc(10) 0 0 0;

          &:hover {
            color: $fc-nav-a-hov;
            text-decoration: none;
          }
        }
*/
  }
  .mainnav .dropdown.menu.vertical .multiNav {
    position: unset;
    --column-width: 275px;
    --column-count: 4;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 {
    --offset-left: 1.5rem;
    display: grid;
    grid-template-columns: repeat(var(--column-count), var(--column-width));
    left: calc(-1 * var(--offset-left)) !important;
    width: calc(100% + var(--offset-left));
    max-width: calc(var(--column-count) * var(--column-width));
    padding-block: 2rem;
    overflow-x: scroll;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li .trigger {
    font-weight: 700;
    text-transform: uppercase;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li .trigger span {
    white-space: unset;
  }
  :lang(fi) .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li .trigger span {
    hyphens: auto;
    word-break: break-word;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li .trigger span::after {
    content: none;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li:hover, .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li:focus-visible {
    background-color: transparent;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li:hover > a, .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li:focus-visible > a {
    color: #D1FF00;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li:not(:last-child) {
    border-right: 1px solid rgba(24, 40, 51, 0.3);
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li.navigation-item--state-current {
    background-color: transparent;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active > ul.menu.is-dropdown-submenu.lvl2 > li.navigation-item--state-current > a {
    color: #D1FF00;
  }
  .mainnav .dropdown.menu.vertical .multiNav.is-active ul.menu.is-dropdown-submenu.lvl3 {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding-block: 0;
    background-color: transparent;
  }
}

@media screen {
  .mainnav ul a.is-active {
    color: #D1FF00;
  }
}

/**
 * Image Marquee Slider (ueber dem Header und als Content-Modul)
 */
.image-marquee {
  width: 100%;
  overflow: hidden;
  background: #fff;
}

.image-marquee .swiper-wrapper {
  align-items: stretch;
}

.image-marquee .swiper-slide {
  --row-h: clamp(260px, 42vh, 520px);
  height: var(--row-h);
  width: auto;
  overflow: hidden;
  background: #dfe7ec;
  flex-shrink: 0;
}

.image-marquee .swiper-slide img,
.image-marquee .swiper-slide video {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/**
 * Sidebar
 */
.sidebar-info {
  /* general */
  /* large Devices */
}

.sidebar-info .sb-tab {
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.sidebar-info .sb-tab, .sidebar-info .sb-tab a, .sidebar-info .sb-tab span {
  color: #ffffff;
}

.sidebar-info .sb-tab:hover, .sidebar-info .sb-tab:focus-visible, .sidebar-info .sb-tab a:hover, .sidebar-info .sb-tab a:focus-visible, .sidebar-info .sb-tab span:hover, .sidebar-info .sb-tab span:focus-visible {
  text-decoration: none;
  color: #ffffff;
}

.sidebar-info .sb-tab .sb-trigger, .sidebar-info .sb-tab .sb-body, .sidebar-info .sb-tab .sb-inside {
  display: block;
}

.sidebar-info .sb-tab .sb-trigger svg {
  max-height: 100%;
  height: auto;
}

.sidebar-info .sb-tab .sb-trigger svg path, .sidebar-info .sb-tab .sb-trigger svg circle {
  fill: #ffffff;
}

.sidebar-info .sb-tab .sb-body {
  position: relative;
}

.sidebar-info .sb-tab .sb-body .sb-inside strong {
  color: #D1FF00;
}

.sidebar-info .sb-tab .sb-body .sb-inside em {
  font-size: 1.125rem;
  font-style: normal;
}

.sidebar-info.large-devices {
  display: none;
  position: fixed;
  top: 135px;
  right: 0;
  z-index: 99;
  overflow: hidden;
}

@media (min-width: 1500px) {
  .sidebar-info.large-devices {
    display: block;
  }
}

.sidebar-info.large-devices .sb-tab {
  display: flex;
  align-items: center;
  width: 315px;
  height: 64px;
  background-color: #009AC4;
  transform: translateX(251px);
  transition: transform .5s;
  /* trigger (Icon) */
  /* body (Label) */
}

.sidebar-info.large-devices .sb-tab .sb-trigger {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sidebar-info.large-devices .sb-tab .sb-trigger svg {
  max-height: 100%;
  width: auto;
  height: auto;
}

.sidebar-info.large-devices .sb-tab .sb-trigger svg path, .sidebar-info.large-devices .sb-tab .sb-trigger svg circle {
  fill: #ffffff;
}

.sidebar-info.large-devices .sb-tab .sb-body {
  flex: 1 1 auto;
  min-width: 0;
}

.sidebar-info.large-devices .sb-tab .sb-body .sb-inside {
  padding: 0 20px;
  font-size: 1.0625rem;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
  text-align: left;
  color: #ffffff;
  opacity: 0;
  transition: opacity .3s;
}

.sidebar-info.large-devices .sb-tab:hover, .sidebar-info.large-devices .sb-tab.open {
  transform: translateX(0);
  background-color: #D1FF00;
}

.sidebar-info.large-devices .sb-tab:hover .sb-trigger svg path, .sidebar-info.large-devices .sb-tab:hover .sb-trigger svg circle, .sidebar-info.large-devices .sb-tab.open .sb-trigger svg path, .sidebar-info.large-devices .sb-tab.open .sb-trigger svg circle {
  fill: #0D2944;
}

.sidebar-info.large-devices .sb-tab:hover .sb-inside, .sidebar-info.large-devices .sb-tab.open .sb-inside {
  opacity: 1;
  color: #0D2944;
}

.sidebar-info.small-devices {
  padding: 1.25rem;
  text-align: left;
  font-size: 1.125rem;
}

@media screen and (min-width: 79.9375em) {
  .sidebar-info.small-devices {
    display: none;
  }
}

.sidebar-info.small-devices .sb-tab {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  margin-bottom: 15px;
}

.sidebar-info.small-devices .sb-tab a {
  padding: 0.5em 0;
  background: none;
  color: #E5E8EB;
  font-size: 1.1875rem;
}

.sidebar-info.small-devices .sb-tab a:hover, .sidebar-info.small-devices .sb-tab a:focus-visible {
  text-decoration: underline;
  /*color: $col-akzent-2;*/
}

@media print {
  #sidebar-info, .sidebar-info {
    display: none !important;
  }
}

/**
 * Page Intro
 * Kann ein Slider oder Heroimage mit Text sein 
 * wird verwendet von den Einstiegsmodulen
 */
/* <!-- Intro --> */
.page-intro {
  position: relative;
  --offset-top: 75px;
}

.page-intro .slider-wrapper {
  position: relative;
}

.page-intro video {
  width: 100%;
  object-fit: cover;
  height: var(--static-height-2);
}

.page-intro-stoerer {
  position: absolute;
  margin: 2rem 2.5rem;
  border-radius: 0.2rem;
  padding: 2rem 2rem;
  background-color: rgba(235, 244, 253, 0.45);
  z-index: 1;
}

.page-intro-stoerer.ltop {
  left: 0;
  top: 0;
}

.page-intro-stoerer.rtop {
  right: 0;
  top: 0;
}

.page-intro-stoerer.lbot {
  left: 0;
  bottom: 0;
}

.page-intro-stoerer:not(.ltop, .rtop, .lbot) {
  right: 0;
  bottom: 0;
}

.intro-wrapper {
  position: relative;
}

.intro-wrapper img, .intro-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.intro-wrapper.static {
  height: var(--static-height-1);
}

.intro-wrapper.full-height {
  height: calc(50vh - var(--header-height));
}

@media print, screen and (min-width: 30em) {
  .intro-wrapper.full-height {
    height: calc(75vh - var(--header-height));
  }
}

@media screen and (min-width: 64em) {
  .intro-wrapper.full-height {
    height: calc(100vh - var(--header-height));
  }
}

.intro-wrapper a.scroll-down {
  position: absolute;
  bottom: 20px;
  left: 50%;
  padding-top: 60px;
  z-index: 2;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fff;
  transition: opacity 0.3s;
  display: none;
}

.intro-wrapper a.scroll-down:hover, .intro-wrapper a.scroll-down:focus-visible {
  opacity: 0.5;
}

@media print, screen and (min-width: 30em) {
  .intro-wrapper a.scroll-down {
    display: inline-block;
  }
}

.intro-wrapper a.scroll-down span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}

.intro-wrapper a.scroll-down span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

[data-tmpl="TextImageButton"] .text-image-button__media {
  position: relative;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.1875rem;
}

[data-tmpl="TextImageButton"] .text-image-button__media .container-image,
[data-tmpl="TextImageButton"] .text-image-button__media picture,
[data-tmpl="TextImageButton"] .text-image-button__media img {
  display: block;
  width: 100%;
  height: auto;
}

[data-tmpl="TextImageButton"] .text-image-button__button-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
  text-align: center;
}

[data-tmpl="TextImageButton"] .text-image-button__button-wrap .button-link {
  margin: 0;
}

[data-tmpl="TextSocialMedia"] .text-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1.5rem;
}

[data-tmpl="TextSocialMedia"] .text-social li {
  padding: 0;
}

[data-tmpl="TextSocialMedia"] .text-social svg {
  display: block;
  width: 44px;
  height: 44px;
}

[data-tmpl="TextSocialMedia"] .text-social svg .sm-svg-outer {
  fill: #0D2944;
  transition: 0.3s fill;
}

[data-tmpl="TextSocialMedia"] .text-social svg .sm-svg-inner {
  fill: #ffffff;
}

[data-tmpl="TextSocialMedia"] .text-social a:hover svg .sm-svg-outer,
[data-tmpl="TextSocialMedia"] .text-social a:focus-visible svg .sm-svg-outer {
  fill: #009AC4;
}

[data-tmpl="TextSocialMedia"] .text-center .text-social {
  justify-content: center;
}

/**
 * Akkordeon Module
 * verwendet von: "Text | Akkordeon" und "Akkordeon (ganze Breite)"
 */
.acc, .acc-js {
  margin: 0;
}

.acc .acc-wrapper, .acc-js .acc-wrapper {
  display: grid;
  gap: 1rem;
}

.acc .acc-wrapper.columns, .acc-js .acc-wrapper.columns {
  row-gap: 1rem;
}

@media print, screen and (min-width: 48em) {
  .acc .acc-wrapper.columns, .acc-js .acc-wrapper.columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 80em) {
  .acc .acc-wrapper.columns, .acc-js .acc-wrapper.columns {
    grid-template-columns: repeat(3, 1fr);
  }
}

.acc .acc-item, .acc-js .acc-item {
  display: block;
  position: relative;
  margin: 0;
}

.acc .acc-item + .acc-item, .acc-js .acc-item + .acc-item {
  margin-top: 0.6rem;
}

.acc .acc-trigger, .acc-js .acc-trigger {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.acc .acc-trigger h2, .acc-js .acc-trigger h2 {
  margin: 0;
  font-weight: 400;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
}

.acc .acc-trigger .inside, .acc-js .acc-trigger .inside {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.2rem;
}

.acc .acc-trigger .arrow-r, .acc-js .acc-trigger .arrow-r {
  display: block;
  height: 23px;
  width: 20px;
  margin-top: -2px;
  order: 3;
  transition: 0.3s all;
}

.acc .acc-trigger .arrow-r svg, .acc-js .acc-trigger .arrow-r svg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.acc .acc-trigger .arrow-r path, .acc-js .acc-trigger .arrow-r path {
  fill: #0D2944;
  transition: 0.2s fill;
}

.acc .acc-trigger:hover .arrow-r, .acc .acc-trigger:focus-visible .arrow-r, .acc-js .acc-trigger:hover .arrow-r, .acc-js .acc-trigger:focus-visible .arrow-r {
  -moz-transform: rotate(90deg);
  /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(90deg);
  /* Opera */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  transform: rotate(90deg);
}

.acc .acc-trigger.open .arrow-r, .acc-js .acc-trigger.open .arrow-r {
  -moz-transform: rotate(270deg);
  /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(270deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(270deg);
  /* Opera */
  -ms-transform: rotate(270deg);
  /* IE 9 */
  transform: rotate(270deg);
}

.acc .acc-content:not(.backend), .acc-js .acc-content:not(.backend) {
  display: none;
}

.acc .acc-content, .acc-js .acc-content {
  margin-bottom: 1rem;
}

.acc .acc-content .inside, .acc-js .acc-content .inside {
  padding: 1rem 1rem 2rem 1rem;
}

.acc .acc-content picture, .acc-js .acc-content picture {
  display: inline-block;
  margin-bottom: 20px;
}

.acc.fullsize .acc-trigger .cell, .acc-js.fullsize .acc-trigger .cell {
  padding-top: 0.3rem;
  padding-bottom: 0rem;
}

.acc.fullsize .acc-content .inside, .acc-js.fullsize .acc-content .inside {
  padding: 0.5rem 1rem;
}

/**
 * Colors
 * this part adopts the colors from /config/_colors.scss
 * Paddings are neccessary when using background colors
 */
.acc .acc-trigger, .acc-js .acc-trigger {
  padding: 0.6em 1.5em 0.2em 1.5em;
  background-color: #D1FF00;
}

.acc .acc-trigger h2, .acc-js .acc-trigger h2 {
  color: #0D2944;
}

.acc .acc-trigger .inside::before, .acc-js .acc-trigger .inside::before {
  background-color: #ffffff;
}

.acc .acc-trigger .arrow-r path, .acc-js .acc-trigger .arrow-r path {
  fill: #ffffff;
}

.acc .acc-trigger:hover, .acc .acc-trigger:focus-visible, .acc .acc-trigger.open, .acc-js .acc-trigger:hover, .acc-js .acc-trigger:focus-visible, .acc-js .acc-trigger.open {
  background-color: #009AC4;
}

.acc .acc-trigger:hover h2, .acc .acc-trigger:focus-visible h2, .acc .acc-trigger.open h2, .acc-js .acc-trigger:hover h2, .acc-js .acc-trigger:focus-visible h2, .acc-js .acc-trigger.open h2 {
  color: #ffffff;
}

.acc .acc-trigger:hover .inside::before, .acc .acc-trigger:focus-visible .inside::before, .acc .acc-trigger.open .inside::before, .acc-js .acc-trigger:hover .inside::before, .acc-js .acc-trigger:focus-visible .inside::before, .acc-js .acc-trigger.open .inside::before {
  background-color: #D1FF00;
}

.acc .acc-trigger:hover .arrow-r path, .acc .acc-trigger:focus-visible .arrow-r path, .acc .acc-trigger.open .arrow-r path, .acc-js .acc-trigger:hover .arrow-r path, .acc-js .acc-trigger:focus-visible .arrow-r path, .acc-js .acc-trigger.open .arrow-r path {
  fill: #D1FF00;
}

.acc .acc-content, .acc-js .acc-content {
  padding: 0.5em 1.5em 1.0em 1.5em;
  background-color: #009AC4;
  color: #ffffff;
  font-size: 1rem;
}

/* Farbanpassungen bei dunklem Hintergrund 
.bg-dark, .bg-xdark {
  .acc, .acc-js {
    .acc-trigger {
      h2 { color: $fc-acc-h2-neg; }
      .subline { color: $fc-neg; font-weight: 300; }
      .inside::before { background-color: $col-acc-arrow-neg; }
      .arrow-r path { fill: $col-acc-arrow-neg; }
      &:hover, &:focus-visible, &.open {
        .inside::before { background-color: $col-acc-arrow-neg-hov; }
        .arrow-r path { fill: $col-acc-arrow-neg-hov; }
      }
    }
  }
}
*/
/* Hintergrundfarben für .acc-content (default) und .acc-trigger (hover) */
/* Farben sind abhängig von der Hintergrundfarbe des Moduls */
@media print {
  .acc .acc-content {
    display: block;
  }
  .acc .acc-trigger {
    display: none;
  }
}

/**
 * Downloads
 * NEU: Das Download Icon (SVG) wird jetzt inline eingebunden und über die Klasse .svg-icon-download angepasst 
 */
.download-item {
  max-width: 640px;
  display: grid;
  grid-template-columns: 100px auto;
  gap: 1rem;
}

@media print, screen and (min-width: 30em) {
  .download-item {
    grid-template-columns: 150px auto;
    gap: 2rem;
  }
}

.download-item .image-link {
  position: relative;
  display: block;
  height: fit-content;
}

.download-item .image-link .icon-download {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.85);
  transition: all 0.3s;
}

.download-item .image-link .svg-icon-download {
  width: 30px;
  height: auto;
}

.download-item .image-link .svg-icon-download path {
  fill: none;
  stroke-width: 4;
  stroke: #0D2944;
  transition: all 0.3s;
}

.download-item .image-link:hover .icon-download {
  background-color: rgba(0, 154, 196, 0.9);
}

.download-item .image-link:hover .svg-icon-download path {
  stroke: #ffffff;
}

.download-item picture {
  position: relative;
  height: min-content;
}

/**
 * Zitate Slider
 */
.zitate-slider {
  padding-inline: 2rem;
}

.zitate-slider .item {
  padding: 0 0;
  text-align: center;
}

.zitate-slider figure img {
  max-width: 260px;
  max-height: 260px;
  aspect-ratio: 1;
  object-fit: cover;
  margin: 0 auto 1.3rem auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.zitate-slider figcaption .name {
  color: #0D2944;
  font-size: 2rem;
  font-style: italic;
}

.zitate-slider .ruler-zitate {
  height: 52px;
  margin: 2rem 0 1rem 0;
  background: url("../images/ruler_zitate.svg") no-repeat center center;
  background-size: auto 52px;
}

.bg-medium .zitate-slider h2, .bg-medium .zitate-slider .h2 {
  color: #ffffff;
}

.bg-medium .zitate-slider .ruler-zitate {
  background-image: url("../images/ruler_zitate_white.svg");
}

.zitate-slider blockquote {
  font-size: 1.375rem;
  color: #0D2944;
  font-style: italic;
}

@media print, screen and (min-width: 48em) {
  .zitate-slider blockquote {
    font-size: 2rem;
  }
}

.zitate-slider cite {
  color: #0D2944;
}

/*
 * Hero Image (mit Textbox)
 * funktioniert mit eingebetteten- UND Hintergrundbildern
 * Höheverhältins dynamisch über aspect-ratio Klasse
 * feste Höhe (.static) verschiedene Höhen über breakpoints 
 * Parallax-Effekt (.fix) geht NUR mit Hintergrundbildern
 */
.hero {
  min-height: 320px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 64em) {
  .hero.fix {
    background-attachment: fixed;
  }
}

.hero.static {
  height: 320px;
}

@media print, screen and (min-width: 30em) {
  .hero.static {
    height: 450px;
  }
}

@media screen and (min-width: 64em) {
  .hero.static {
    height: 720px;
  }
}

.hero.aspect-ratio-10-3 {
  min-height: 0;
  width: initial;
  height: initial;
  aspect-ratio: 2;
}

@supports not (aspect-ratio: 2) {
  .hero.aspect-ratio-10-3::before {
    float: left;
    content: "";
    padding-bottom: 50%;
  }
  .hero.aspect-ratio-10-3::after {
    display: block;
    content: "";
    clear: both;
  }
}

@media print, screen and (min-width: 48em) {
  .hero.aspect-ratio-10-3 {
    width: initial;
    height: initial;
    aspect-ratio: 3.33333;
  }
  @supports not (aspect-ratio: 3.33333) {
    .hero.aspect-ratio-10-3::before {
      float: left;
      content: "";
      padding-bottom: 30%;
    }
    .hero.aspect-ratio-10-3::after {
      display: block;
      content: "";
      clear: both;
    }
  }
}

.hero.aspect-ratio-11-4 {
  min-height: 0;
  width: initial;
  height: initial;
  aspect-ratio: 2;
}

@supports not (aspect-ratio: 2) {
  .hero.aspect-ratio-11-4::before {
    float: left;
    content: "";
    padding-bottom: 50%;
  }
  .hero.aspect-ratio-11-4::after {
    display: block;
    content: "";
    clear: both;
  }
}

@media print, screen and (min-width: 48em) {
  .hero.aspect-ratio-11-4 {
    width: initial;
    height: initial;
    aspect-ratio: 2.75;
  }
  @supports not (aspect-ratio: 2.75) {
    .hero.aspect-ratio-11-4::before {
      float: left;
      content: "";
      padding-bottom: 36.36364%;
    }
    .hero.aspect-ratio-11-4::after {
      display: block;
      content: "";
      clear: both;
    }
  }
}

.hero .tbox-wrapper {
  display: flex;
  height: 100%;
  padding: 20px;
  justify-content: center;
  align-items: center;
}

.hero .tbox {
  max-width: 600px;
  padding: 35px;
  color: #ffffff;
  background-color: rgba(71, 71, 71, 0.8);
  color: #ffffff;
}

.page-content {
  position: relative;
}

.hero-headlines {
  display: flex;
  align-items: flex-end;
  max-height: 100%;
  min-height: 420px;
}

@media print, screen and (min-width: 48em) {
  .hero-headlines {
    width: initial;
    height: initial;
    aspect-ratio: 1.6;
  }
  @supports not (aspect-ratio: 1.6) {
    .hero-headlines::before {
      float: left;
      content: "";
      padding-bottom: 62.5%;
    }
    .hero-headlines::after {
      display: block;
      content: "";
      clear: both;
    }
  }
}

.hero-headlines .legend {
  width: 100%;
  padding-top: 0.9rem;
  padding-bottom: 0rem;
  background: rgba(134, 134, 134, 0.85);
}

@media print, screen and (min-width: 48em) {
  .hero-headlines .legend {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 80em) {
  .hero-headlines .legend {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
}

/* modern version mit aspect-ratio Klasse */
.aspect-ratio-16-9 {
  aspect-ratio: 1.77778;
}

@supports not (aspect-ratio: 1.77778) {
  .aspect-ratio-16-9 {
    display: flow-root;
    position: relative;
  }
  .aspect-ratio-16-9::before {
    content: '';
    float: left;
    padding-bottom: 56.25%;
  }
}

.aspect-ratio-2-3 {
  aspect-ratio: 0.66667;
}

@supports not (aspect-ratio: 0.66667) {
  .aspect-ratio-2-3 {
    display: flow-root;
    position: relative;
  }
  .aspect-ratio-2-3::before {
    content: '';
    float: left;
    padding-bottom: 150%;
  }
}

/**
* Galerie DL.Gallery WG Theme
*/
.wg-gallery {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

@media print, screen and (min-width: 30em) {
  .wg-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media print, screen and (min-width: 48em) {
  .wg-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}

.wg-gallery_item {
  position: relative;
  cursor: pointer;
}

.wg-gallery_item img {
  aspect-ratio: 1;
  object-fit: cover;
}

.wg-gallery_item::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(209, 255, 0, 0.45);
  background-image: url("../images/icon_plus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10%;
  transition: opacity 0.5s;
  opacity: 0;
}

.wg-gallery_item:hover::after, .wg-gallery_item:focus-visible::after {
  opacity: 1;
}

.wg-gallery figcaption {
  display: none;
}

/**
 * Video Modul - 1, 2 oder 3 Spalter
 */
.responsive-video {
  display: block;
  position: relative;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-interferer {
  position: relative;
}

.video-interferer video {
  width: 100%;
  max-height: 50vh;
  min-height: 35vh;
  object-fit: cover;
}

@media print, screen and (min-width: 30em) {
  .video-interferer video {
    max-height: 60vh;
    min-height: 40vh;
  }
}

@media print, screen and (min-width: 48em) {
  .video-interferer video {
    max-height: 70vh;
    min-height: 45vh;
  }
}

@media screen and (min-width: 64em) {
  .video-interferer video {
    max-height: 80vh;
    min-height: 50vh;
  }
}

.video-interferer figcaption {
  display: block;
  position: absolute;
  left: 0;
  bottom: 10%;
  max-width: 90%;
  padding: 1em;
  background-color: rgba(134, 134, 134, 0.9);
  z-index: 1;
}

@media screen and (min-width: 64em) {
  .video-interferer figcaption {
    padding: 2em 3em 2em 4em;
  }
}

.video-interferer figcaption > span {
  display: block;
}

.video-interferer figcaption .ft-h1 {
  font-weight: 300;
  word-spacing: 0.05em;
}

.video-interferer figcaption .ft-h1 strong,
.video-interferer figcaption .ft-h1 b {
  display: inline-block;
  margin-left: 0.1em;
  font-weight: 600;
  letter-spacing: 0.01em;
  font-style: normal;
}

.video-interferer.intro video {
  max-height: 56vh;
}

.video-interferer.intro .ft-hw, .video-interferer.intro .ft-h1 {
  margin-bottom: 0;
}

/**
 * Owl-Theme / Owl-Carousel
 */
.owl-theme .owl-nav button {
  position: absolute;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -15px;
  opacity: 1;
}

.owl-theme .owl-nav button span {
  visibility: hidden;
}

.owl-theme .owl-nav button.owl-prev, .owl-theme .owl-nav button.owl-next {
  background-color: transparent;
  background-image: url("../images/arrow_right_dark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 20px;
}

.owl-theme .owl-nav button.owl-prev:hover, .owl-theme .owl-nav button.owl-prev:focus-visible, .owl-theme .owl-nav button.owl-next:hover, .owl-theme .owl-nav button.owl-next:focus-visible {
  background-image: url("../images/arrow_right_dark.svg");
}

.owl-theme .owl-nav button.owl-prev {
  left: 0;
  -moz-transform: rotate(180deg);
  /* Firefox 3.6 Firefox 4 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(180deg);
  /* Opera */
  -ms-transform: rotate(180deg);
  /* IE 9 */
  transform: rotate(180deg);
}

.owl-theme .owl-nav button.owl-next {
  right: 0;
}

.bg-medium .owl-theme .owl-nav button.owl-prev, .bg-medium .owl-theme .owl-nav button.owl-next {
  background-image: url("../images/arrow_right_white.svg");
}

.bg-medium .owl-theme .owl-nav button.owl-prev:hover, .bg-medium .owl-theme .owl-nav button.owl-prev:focus-visible, .bg-medium .owl-theme .owl-nav button.owl-next:hover, .bg-medium .owl-theme .owl-nav button.owl-next:focus-visible {
  background-image: url("../images/arrow_right_white.svg");
}

.bg-dark .owl-theme .owl-nav button.owl-prev, .bg-dark .owl-theme .owl-nav button.owl-next {
  background-image: url("../images/arrow_right_white.svg");
}

.bg-dark .owl-theme .owl-nav button.owl-prev:hover, .bg-dark .owl-theme .owl-nav button.owl-prev:focus-visible, .bg-dark .owl-theme .owl-nav button.owl-next:hover, .bg-dark .owl-theme .owl-nav button.owl-next:focus-visible {
  background-image: url("../images/arrow_right_white.svg");
}

.owl-theme .owl-dots {
  text-align: center;
  line-height: 0;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
}

.owl-theme button.owl-dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #868686;
}

.owl-theme button.owl-dot:hover, .owl-theme button.owl-dot:focus-visible, .owl-theme button.owl-dot.active {
  background-color: #D1FF00;
}

.bg-medium .owl-theme .owl-dot {
  background-color: #ffffff;
}

.bg-dark .owl-theme .owl-dot {
  background-color: #ffffff;
}

/**
 * Owl-Slider 
 */
.page-intro-wrapper {
  position: relative;
}

.page-intro-wrapper::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 55px;
  background: #868686 url("../images/bg_pageslider.webp") no-repeat center center;
  background-size: cover;
  z-index: -1;
}

.page-intro-wrapper::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 5px;
  background-image: linear-gradient(to left, #D1FF00 1%, rgba(209, 255, 0, 0.3) 20%);
  z-index: -1;
}

.page-intro-wrapper .mask {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 240px;
}

.page-intro-slider.ratio .item {
  width: initial;
  height: initial;
  aspect-ratio: 2.75;
}

@supports not (aspect-ratio: 2.75) {
  .page-intro-slider.ratio .item::before {
    float: left;
    content: "";
    padding-bottom: 36.36364%;
  }
  .page-intro-slider.ratio .item::after {
    display: block;
    content: "";
    clear: both;
  }
}

.page-intro-slider.ratio .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-intro-slider .image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 40px;
  height: 73%;
  width: 90%;
}

.page-intro-slider .image .container-image {
  display: block;
  height: 100%;
  width: 100%;
}

.page-intro-slider .label {
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 50%;
  height: 240px;
  padding: 2.1875rem 2.5rem 2.5rem 1.875rem;
  background: transparent;
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 1.3em;
  text-align: right;
}

.page-intro-slider .label .sld-h1 {
  font-weight: 700;
}

.page-intro-slider .label .sld-h2 {
  font-weight: 400;
}

.page-intro-slider .label .sld-h1 + .sld-h2 {
  margin-top: 0.2em;
}

.page-intro-slider .item {
  height: 100%;
}

.page-intro-slider.static .item {
  height: 260px;
}

@media print, screen and (min-width: 30em) {
  .page-intro-slider.static .item {
    height: 450px;
  }
}

@media print, screen and (min-width: 48em) {
  .page-intro-slider.static .item {
    height: 600px;
  }
}

@media screen and (min-width: 64em) {
  .page-intro-slider.static .item {
    height: 740px;
  }
}

.page-intro-slider.static .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-intro-slider .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}

@media screen and (min-width: 64em) {
  .page-intro-slider .owl-dots {
    left: unset;
    transform: unset;
    right: 2.5rem;
    bottom: 2.0625rem;
  }
}

.page-intro-slider .owl-dots .owl-dot {
  background-color: #ffffff;
}

.page-intro-slider.faded .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.page-intro-slider.faded .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.page-intro-slider.faded .fadeIn {
  animation-name: fadeIn;
}

.page-intro-slider.faded .fadeOut {
  animation-name: fadeOut;
}

/* <!-- Fullsize Slider - mit Textfeld --> */
.hero-slider img {
  aspect-ratio: 3.33;
  object-fit: cover;
  max-height: 90vh;
  min-height: 50vh;
}

.hero-slider figure {
  display: block;
  position: relative;
}

.hero-slider figcaption {
  display: block;
  position: absolute;
  left: 0;
  top: 10%;
  max-width: 90%;
  padding: 1em;
  background-color: rgba(134, 134, 134, 0.9);
}

@media screen and (min-width: 64em) {
  .hero-slider figcaption {
    padding: 2em 3em 2em 4em;
  }
}

.hero-slider figcaption > span {
  display: block;
}

.hero-slider figcaption .ft-h1 {
  font-weight: 300;
  word-spacing: 0.05em;
}

.hero-slider figcaption .ft-h1 strong,
.hero-slider figcaption .ft-h1 b {
  display: inline-block;
  margin-left: 0.1em;
  font-weight: 600;
  letter-spacing: 0.01em;
  font-style: normal;
}

.hero-slider.owl-theme .owl-nav button {
  bottom: 3rem;
  top: unset;
  height: 30px;
  width: 30px;
}

.hero-slider.owl-theme .owl-nav button.owl-prev {
  left: 2rem !important;
  background-image: url("../images/arrow_right_white.svg");
  background-size: auto 30px;
  z-index: 1;
}

.hero-slider.owl-theme .owl-nav button.owl-next {
  right: 2rem !important;
  background-image: url("../images/arrow_right_white.svg");
  background-size: auto 30px;
  z-index: 1;
}

.hero-slider .owl-dots {
  position: absolute;
  bottom: 3.25rem;
  width: 100%;
}

.hero-slider .owl-dots .owl-dot {
  background-color: #ffffff;
}

/* <!-- News Slider - 4 Spalten Teaser mit Bild/Video  --> */
.news-slider .teaser-image {
  display: block;
  width: initial;
  height: initial;
  aspect-ratio: 0.66667;
}

@supports not (aspect-ratio: 0.66667) {
  .news-slider .teaser-image::before {
    float: left;
    content: "";
    padding-bottom: 150%;
  }
  .news-slider .teaser-image::after {
    display: block;
    content: "";
    clear: both;
  }
}

.news-slider .teaser-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-slider .video-play-button::after,
.news-slider .video-play-button::before {
  width: 18%;
}

.news-slider .teaser-text {
  position: relative;
  padding: 1em 1px;
  text-align: center;
}

.news-slider .teaser-text strong,
.news-slider .teaser-text b,
.news-slider .teaser-text a {
  font-weight: 700;
}

.news-slider .button-link.arrow-r {
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
}

/* <!-- Zitate Slider - Kundenmeinungen  --> */
.zitate-slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 64em) {
  .zitate-slider .owl-stage {
    display: flex;
    align-items: center;
  }
}

/* <!-- Image/Video Slider - 4 Spalten Teaser mit Bild/Video  --> */
.video-slider {
  padding-left: 20px;
  padding-right: 20px;
}

.video-slider .teaser {
  margin: 0 5px;
}

.video-slider .teaser-image {
  display: block;
}

.video-slider .teaser-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-slider .teaser-image a:hover img,
.video-slider .teaser-image a:focus img,
.video-slider .teaser-image a:focus-visible img {
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
}

.video-slider .video-play-button::after,
.video-slider .video-play-button::before {
  width: 18%;
}

.video-slider .teaser-text {
  position: relative;
  padding: 1em 10px;
  text-align: center;
}

.video-slider .teaser-text strong,
.video-slider .teaser-text b,
.video-slider .teaser-text a {
  font-weight: 700;
}

.video-slider .ratio_16-9 .video-layer .inside {
  padding: 10px 20px;
  font-size: 1rem;
  line-height: 1.4rem;
}

.video-slider .ratio_16-9 .video-layer .inside .button-link {
  margin-top: 0.4em;
}

.video-slider .fs-24 p {
  font-size: 1.5rem;
}

.video-slider .button-link.arrow-r {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.video-slider .owl-dots {
  width: 100%;
}

.video-slider.owl-theme button.owl-dot {
  width: 13px;
  height: 13px;
}

.video-slider.owl-theme .owl-nav button.owl-prev {
  left: -5px;
}

.video-slider.owl-theme .owl-nav button.owl-next {
  right: -5px;
}

@media screen and (min-width: 82.5em) {
  .video-slider {
    padding-left: 0;
    padding-right: 0;
  }
  .video-slider.owl-theme .owl-nav button.owl-prev {
    left: -30px;
  }
  .video-slider.owl-theme .owl-nav button.owl-next {
    right: -30px;
  }
}

.video-slider.flx .item, .video-slider.flxcard .item {
  width: 25%;
  padding: 5px;
}

/*
 * Timeline
 */
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.timeline h1 em, .timeline h2 em, .timeline h3 em, .timeline h4 em, .timeline h5 em, .timeline h6 em {
  display: inline-block;
  line-height: 1;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}

.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}

.timeline-marker:before {
  background: #D1FF00;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 9px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}

.timeline-marker:after {
  content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 35px;
  bottom: 0;
  left: 6px;
}

.timeline-item:last-child .timeline-marker:after {
  content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #D1FF00;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 40px;
}

.timeline-content p:last-child {
  margin-bottom: 0;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}

.period .timeline-info {
  display: none;
}

.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB;
}

.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}

.period .timeline-content {
  padding: 40px 0 70px;
}

.period .timeline-title {
  margin: 0;
}

/*----------------------------------------------
MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    display: table;
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker,
  .timeline-split .timeline-content, .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info, .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 30px;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px;
  }
}

/*----------------------------------------------
MOD: TIMELINE CENTERED
----------------------------------------------*/
@media (min-width: 992px) {
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    overflow: hidden;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .timeline-item.period {
    padding: 50px 0 90px;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto;
  }
  .timeline-centered .period .timeline-title {
    left: auto;
  }
}

/*----------------------------------------------
MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #D1FF00;
}

.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #009AC4;
}

/**
 * Images compare
 * Bildvergleich mit Schieberegler 
 */
/* Images compare main container */
.images-compare {
  display: block;
  position: relative;
  overflow: hidden;
}

.images-compare-container {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* Images compare front element */
.images-compare-before {
  will-change: clip;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

/* Images compare back element */
.images-compare-after {
  pointer-events: none;
}

/* Responsive image settings */
.images-compare-before img, .images-compare-after img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Separator (thin vertical blank line) */
.images-compare-separator {
  position: absolute;
  background: white;
  height: 100%;
  width: 1px;
  z-index: 4;
  left: 0;
  top: 0;
}

/* Drag handle (circle) */
.images-compare-handle {
  height: 46px;
  width: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  z-index: 3;
  background-color: rgba(209, 255, 0, 0.5);
  cursor: pointer;
}

/* Drag handle arrows */
.images-compare-left-arrow, .images-compare-right-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

.images-compare-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

.images-compare-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

/* Label */
.images-compare-label {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  pointer-events: none;
  display: none;
}

.images-compare-container .images-compare-label {
  display: inherit;
}

.images-compare-before .images-compare-label {
  left: 10px;
}

.images-compare-after .images-compare-label {
  left: auto;
  right: 10px;
}

/**
 * icon-list - EQ in Zahlen
 * Raster: 5-4-3-2 Elemente zentriert
 */
.icon-list-wrapper {
  overflow-x: hidden;
  margin-top: 10px;
  margin-bottom: 0px;
}

.icon-list.flx, .icon-list.flxcard {
  justify-content: center;
  margin-left: -30px;
  margin-right: -30px;
}

.icon-list .item {
  box-sizing: border-box;
  padding: 50px 25px;
  text-align: center;
}

.icon-list .item .inside {
  margin: auto;
}

.icon-list .item picture {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
}

.icon-list .item picture img {
  max-width: 200px;
  height: auto;
}

.icon-list .item .txt-1 {
  min-height: 52px;
  padding: 5px 0;
  font-size: 1.25rem;
  hyphens: auto;
}

.icon-list .item .txt-number {
  min-height: 70px;
  padding: 5px 0;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.icon-list .item .txt-2 {
  padding-top: 5px;
  font-size: 1.25rem;
  hyphens: auto;
}

.icon-list.cols3 .item {
  width: 33.3333%;
  min-width: 340px;
}

.icon-list.cols4 .item {
  width: 25%;
  min-width: 280px;
}

.icon-list.cols5 .item {
  width: 20%;
  min-width: 220px;
}

.step-by-step-navigation {
  display: flex;
  justify-content: center;
}

.step-by-step-navigation .content {
  display: none;
}

.step-by-step-details {
  margin: 1rem 2rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1.5rem;
  background-color: rgba(255, 255, 255, 0.45);
}

.step-by-step-details button.item {
  display: none;
}

.step-by-step-details .step-by-step_item {
  display: none;
}

.step-by-step-details .step-by-step_item.active {
  display: block;
}

.bg-white .step-by-step-details {
  margin: 1rem 0rem;
}

.step-by-step-slider {
  --spacer: 2rem;
  width: calc(100% - (2 * var(--spacer)));
}

.step-by-step-slider .owl-nav button.owl-prev {
  left: calc(-1 * var(--spacer));
  background-image: url("../images/arrow_right_dark.svg") !important;
}

.step-by-step-slider .owl-nav button.owl-next {
  right: calc(-1 * var(--spacer));
  background-image: url("../images/arrow_right_dark.svg") !important;
}

.step-by-step-slider .item {
  padding: 0.5em;
  max-width: 250px;
  min-width: 100%;
  text-align: center;
  line-height: unset;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  margin-bottom: 3rem;
  cursor: pointer;
  word-break: break-word;
  hyphens: auto;
}

.step-by-step-slider .item * {
  transition: inherit;
}

.step-by-step-slider .item .number {
  font-size: 3rem;
  line-height: 1.2;
}

.step-by-step-slider .item .short-text {
  font-weight: 500;
}

.step-by-step-slider .item svg.svg-arrow {
  position: absolute;
  transform: rotate(90deg);
  bottom: 50%;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.step-by-step-slider .item:hover svg.svg-arrow, .step-by-step-slider .item:focus-visible svg.svg-arrow, .step-by-step-slider .item.active svg.svg-arrow {
  bottom: 0;
}

.step-by-step-slider.backend {
  display: grid;
  gap: 3rem;
}

.step-by-step-slider.backend .backend-item {
  display: flex;
  gap: 2rem;
}

.step-by-step-slider.backend .backend-item .item {
  width: -moz-available;
  max-width: 300px;
  min-width: auto;
  height: fit-content;
}

.step-by-step-slider .item {
  background-color: #97a7b2;
}

.step-by-step-slider .item * {
  color: #ffffff;
}

.step-by-step-slider .item .number {
  color: #ffffff;
}

.step-by-step-slider .item .short-text {
  color: #ffffff;
}

.step-by-step-slider .item svg.svg-arrow {
  fill: #D1FF00;
}

.step-by-step-slider .item:hover .number, .step-by-step-slider .item:focus-visible .number {
  color: #D1FF00;
}

.step-by-step-slider .item.active {
  background-color: #0D2944;
}

.step-by-step-slider .item.active .number {
  color: #D1FF00;
}

.step-by-step-slider .item[data-highlight="true"] {
  background-color: #D1FF00;
}

.step-by-step-slider .item[data-highlight="true"] .number {
  color: #0D2944;
}

.step-by-step-slider .item[data-highlight="true"] .short-text {
  color: #0D2944;
}

.step-by-step-slider .item[data-highlight="true"]:hover .number, .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .step-by-step-slider .item[data-highlight="true"].active .number {
  color: #0D2944;
}

.bg-white .step-by-step-slider .item[data-highlight="true"].active .number, .bg-white .step-by-step-slider .item[data-highlight="true"].active .short-text, .bg-white .step-by-step-slider .item[data-highlight="true"]:hover .number, .bg-white .step-by-step-slider .item[data-highlight="true"]:hover .short-text, .bg-white .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .bg-white .step-by-step-slider .item[data-highlight="true"]:focus-visible .short-text, .bg-xlight .step-by-step-slider .item[data-highlight="true"].active .number, .bg-xlight .step-by-step-slider .item[data-highlight="true"].active .short-text, .bg-xlight .step-by-step-slider .item[data-highlight="true"]:hover .number, .bg-xlight .step-by-step-slider .item[data-highlight="true"]:hover .short-text, .bg-xlight .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .bg-xlight .step-by-step-slider .item[data-highlight="true"]:focus-visible .short-text, .bg-light .step-by-step-slider .item[data-highlight="true"].active .number, .bg-light .step-by-step-slider .item[data-highlight="true"].active .short-text, .bg-light .step-by-step-slider .item[data-highlight="true"]:hover .number, .bg-light .step-by-step-slider .item[data-highlight="true"]:hover .short-text, .bg-light .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .bg-light .step-by-step-slider .item[data-highlight="true"]:focus-visible .short-text, .bg-medium .step-by-step-slider .item[data-highlight="true"].active .number, .bg-medium .step-by-step-slider .item[data-highlight="true"].active .short-text, .bg-medium .step-by-step-slider .item[data-highlight="true"]:hover .number, .bg-medium .step-by-step-slider .item[data-highlight="true"]:hover .short-text, .bg-medium .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .bg-medium .step-by-step-slider .item[data-highlight="true"]:focus-visible .short-text, .bg-dark .step-by-step-slider .item[data-highlight="true"].active .number, .bg-dark .step-by-step-slider .item[data-highlight="true"].active .short-text, .bg-dark .step-by-step-slider .item[data-highlight="true"]:hover .number, .bg-dark .step-by-step-slider .item[data-highlight="true"]:hover .short-text, .bg-dark .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .bg-dark .step-by-step-slider .item[data-highlight="true"]:focus-visible .short-text, .bg-xdark .step-by-step-slider .item[data-highlight="true"].active .number, .bg-xdark .step-by-step-slider .item[data-highlight="true"].active .short-text, .bg-xdark .step-by-step-slider .item[data-highlight="true"]:hover .number, .bg-xdark .step-by-step-slider .item[data-highlight="true"]:hover .short-text, .bg-xdark .step-by-step-slider .item[data-highlight="true"]:focus-visible .number, .bg-xdark .step-by-step-slider .item[data-highlight="true"]:focus-visible .short-text {
  color: #ffffff;
}

.bg-light .step-by-step-details {
  background-color: #f9fcfe;
}

.bg-medium .step-by-step-slider .item {
  background-color: #909090;
}

.bg-medium .step-by-step-slider .item .number, .bg-medium .step-by-step-slider .item .short-text {
  color: #0b2137;
}

.bg-medium .step-by-step-slider .item.active, .bg-medium .step-by-step-slider .item:hover, .bg-medium .step-by-step-slider .item:focus-visible {
  background-color: #0D2944;
}

.bg-medium .step-by-step-slider .item.active .number, .bg-medium .step-by-step-slider .item:hover .number, .bg-medium .step-by-step-slider .item:focus-visible .number {
  color: #0D2944;
}

.bg-medium .step-by-step-slider .item.active .short-text, .bg-medium .step-by-step-slider .item:hover .short-text, .bg-medium .step-by-step-slider .item:focus-visible .short-text {
  color: #ffffff;
}

.bg-medium .step-by-step-slider .item[data-highlight="true"] {
  background-color: #0c2640;
}

.bg-medium .step-by-step-details {
  background-color: rgba(255, 255, 255, 0.15);
}

.bg-dark .step-by-step-slider .item:not([data-highlight="true"], .active) {
  background-color: #12385e;
}

.bg-dark .step-by-step-slider .item:not([data-highlight="true"], .active).active, .bg-dark .step-by-step-slider .item:not([data-highlight="true"], .active):hover, .bg-dark .step-by-step-slider .item:not([data-highlight="true"], .active):focus-visible {
  background-color: #0D2944;
}

.bg-dark .step-by-step-details {
  background-color: #12385e;
}

.bg-xdark .step-by-step-slider .item:not([data-highlight="true"]) {
  background-color: #12385e;
}

.bg-xdark .step-by-step-slider .item:not([data-highlight="true"]).active, .bg-xdark .step-by-step-slider .item:not([data-highlight="true"]):hover, .bg-xdark .step-by-step-slider .item:not([data-highlight="true"]):focus-visible {
  background-color: #071726;
}

.bg-xdark .step-by-step-details {
  background-color: #12385e;
}

/*
.bg-medium {
    .step-by-step-slider {
        .item {
            background-color: $col-bg-light;
            * {
                color: $col-bg-body;
            }
            .number {
                color: $col-bg-body;
            }
            .short-text {
            }
            svg.svg-arrow {
                fill: $col-akzent-1;
            }

            &:hover,
            &:focus-visible {
                .number {
                    color: $col-akzent-1;
                }
            }

            &.active {
                background-color: $white;
                .number {
                    color: $col-akzent-1;
                }
            }

            &[data-highlight="true"] {
                background-color: $col-akzent-1;
                color: $col-bg-body;

                &:hover,
                &:focus-visible,
                &.active {
                    .number {
                        color: $col-bg-body;
                    }
                }
            }
        }
    }
}
*/
/**
 * Stellenanzeigen
 */
.stellenanzeigen-overview {
  display: grid;
  gap: 1rem;
  row-gap: 4rem;
}

@media print, screen and (min-width: 48em) {
  .stellenanzeigen-overview {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 80em) {
  .stellenanzeigen-overview {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media print, screen and (min-width: 48em) {
  .stellenanzeigen-overview--first-solo::before {
    content: '';
    grid-row: 1;
    grid-column: 2 / -1;
  }
}

.stellenanzeigen-teaser {
  background-color: rgba(209, 255, 0, 0.15);
  display: flex;
  flex-direction: column;
}

.stellenanzeigen-teaser img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.stellenanzeigen-teaser .stellenanzeigen-teaser_content {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.stellenanzeigen-teaser .stellenanzeigen-teaser_content .stellenanzeigen-teaser_headline {
  font-size: 1.5625rem;
  margin-bottom: 0;
  hyphens: auto;
}

.stellenanzeigen-teaser .stellenanzeigen-teaser_content .button-link {
  margin-top: auto;
  display: inline-block;
  width: fit-content;
}

.stellenanzeigen-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.stellenanzeigen-meta .stellenanzeigen-meta_tag {
  display: inline-block;
  padding: 0.2em 0.5em;
  font-weight: 500;
  font-size: 90%;
  line-height: 1.5;
  background-color: rgba(209, 255, 0, 0.15);
  color: #009AC4;
}

@media screen and (max-width: 47.9375em) {
  .stellenanzeigen-meta .stellenanzeigen-meta_tag {
    font-size: 80%;
  }
}

.stellenanzeigen-page .stellenanzeigen-content p + p {
  margin-top: 1.25em;
}

.stellenanzeigen-section:not(:last-child) {
  margin-bottom: 2rem;
}

.stellenanzeigen-section h2 {
  margin-bottom: 0.5em;
}

.stellenanzeigen-section ul, .stellenanzeigen-section ol {
  margin-left: 1.5em;
}

.stellenanzeigen-back-link {
  color: gray;
  text-decoration: none;
}

.stellenanzeigen-back-link:hover {
  color: gray;
  text-decoration: none;
}

.stellenanzeigen-image_caption {
  font-size: 90%;
  color: #009AC4;
  margin-top: 1em;
}

/**
 * Modul: Einsatzgebiet (Karte mit Kasten & Button)
 * - Hintergrundgrafik: bg_einsatzgebiet_karte.svg (Höhenlinien-Karte), absolut, rechtsbündig
 * - Der Inhalt (Foundation-Grid: grid-container > grid-x > cell large-6) bestimmt die Modulhöhe,
 *   das Modul kann daher nicht mit dem Folgemodul überlappen
 * - Badge "Ulla Rinman" am Pfeil der Grafik (absolut im Karten-Wrapper)
 * - Linke Spalte: dunkler Kasten (full-bleed bis zum linken Rand) mit Liste
 * - Rechte Spalte: Welle + Text + Button
 *
 * Maße aus dem XD-Entwurf (Artboard 1920px, SVG 1522x783 rechtsbündig):
 * - Karte: 1522/1920 ≈ 79,3% Breite, Ratio 783/1522 → Höhe ≈ 40,8% der Modulbreite
 * - Kasten beginnt bei ~45% der Kartenhöhe → padding-top ≈ 18,4% der Modulbreite
 * - Rechte Spalte: Text ab ~62,5% (im rechten Halb-Cell: padding-left 25%)
 */
.mod-einsatzgebiet.content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.mod-einsatzgebiet .einsatzgebiet {
  position: relative;
  overflow: hidden;
  padding-top: 23.2%;
  padding-bottom: 3em;
}

@media screen and (min-width: 80em) {
  .mod-einsatzgebiet .einsatzgebiet {
    padding-top: 18.4%;
  }
}

.mod-einsatzgebiet .einsatzgebiet__karte-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
}

@media screen and (min-width: 80em) {
  .mod-einsatzgebiet .einsatzgebiet__karte-wrap {
    width: 79.3%;
  }
}

.mod-einsatzgebiet .einsatzgebiet__karte {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}

.mod-einsatzgebiet .einsatzgebiet__badge {
  position: absolute;
  top: 18%;
  left: 4.7%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: auto;
}

.mod-einsatzgebiet .einsatzgebiet__badge .button-link {
  font-size: 0.85em;
  padding: 0.3em 1em;
}

.mod-einsatzgebiet .einsatzgebiet__content {
  position: relative;
  z-index: 1;
}

.mod-einsatzgebiet .einsatzgebiet__kasten {
  position: relative;
  background-color: rgba(13, 41, 68, 0.9);
  color: #ffffff;
  padding: 4em 3em 4em 0;
}

.mod-einsatzgebiet .einsatzgebiet__kasten::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 50vw;
  background-color: inherit;
}

.mod-einsatzgebiet .einsatzgebiet__liste {
  color: #ffffff;
  font-size: 1.5625rem;
  font-weight: 500;
}

.mod-einsatzgebiet .einsatzgebiet__liste p {
  margin-bottom: 0.5em;
}

.mod-einsatzgebiet .einsatzgebiet__liste p:last-child {
  margin-bottom: 0;
}

.mod-einsatzgebiet .einsatzgebiet__liste ul,
.mod-einsatzgebiet .einsatzgebiet__liste ol {
  font-size: inherit;
}

.mod-einsatzgebiet .einsatzgebiet__liste ul:last-child,
.mod-einsatzgebiet .einsatzgebiet__liste ol:last-child {
  margin-bottom: 0;
}

.mod-einsatzgebiet .einsatzgebiet__liste li {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

.mod-einsatzgebiet .einsatzgebiet__liste li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.154' height='10' viewBox='0 0 9.154 10'%3E%3Cpath d='M5,0l5,9.154-5-2-5,2Z' transform='translate(9.154) rotate(90)' fill='%23ffffff'/%3E%3C/svg%3E");
}

.mod-einsatzgebiet .einsatzgebiet__col-right {
  padding: 5rem 12% 0 25%;
  color: #0D2944;
}

.mod-einsatzgebiet .einsatzgebiet__text {
  color: #0D2944;
  font-size: 1.8125rem;
  font-weight: 500;
  line-height: 1.5172;
}

.mod-einsatzgebiet .einsatzgebiet__text p {
  position: relative;
}

.mod-einsatzgebiet .einsatzgebiet__text p:first-child::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='71.5' height='10.5' viewBox='0 0 71.5 10.5'%3E%3Cpath fill='%230d2944' d='M71.5,6.6c-.4,0-.9-.4-1.5-1-1-.8-2.2-1.8-3.9-1.8s-2.5.8-3.3,1.4c-.9.8-1.8,1.4-4,1.4-1.6,0-2.3-.7-3.4-1.7-1.4-1.2-3.2-2.7-6.8-2.7s-5.2,1.3-6.9,2.5c-1.6,1.1-2.8,1.9-5.1,1.9-1.8,0-2.8-1-4.5-2.6-1.9-1.8-4.2-4-8.4-4s-6.6,2.3-8.6,4.1c-1.8,1.6-3,2.6-4.7,2.6-3.6,0-4.8-1.2-6.6-2.9-.4-.4-.9-.8-1.3-1.2L0,5.4s0,0,0,0c2.3,2.1,4.1,5.1,10.1,5.1h.6c1.1,0,2.2-.2,3.2-.7,1.5-.7,2.6-1.8,3.7-2.7,1.8-1.6,3.5-3.1,6.2-3.1s4,1.3,5.7,2.9c1.7,1.6,3.7,3.6,7.1,3.6,3.5,0,5.5-1.3,7.3-2.5,1.6-1,2.8-1.9,4.9-1.9s2.9.7,4.1,1.8c1.3,1.1,2.9,2.6,5.9,2.6s5.3-1.3,6.4-2.2c.5-.4.7-.6.9-.6.4,0,.9.4,1.5.9,1,.8,2.2,1.7,3.9,1.8v-3.8Z'/%3E%3C/svg%3E");
  position: absolute;
  left: -3em;
  top: 0.55em;
  line-height: 0;
}

.mod-einsatzgebiet .einsatzgebiet__button-wrap {
  margin-top: 0.75rem;
}

@media screen and (max-width: 47.9375em) {
  .mod-einsatzgebiet .einsatzgebiet {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mod-einsatzgebiet .einsatzgebiet__karte-wrap {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  .mod-einsatzgebiet .einsatzgebiet__badge {
    top: 12%;
    left: 5%;
    transform: none;
  }
  .mod-einsatzgebiet .einsatzgebiet__kasten {
    padding: 1.5em 0;
  }
  .mod-einsatzgebiet .einsatzgebiet__kasten::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 50vw;
    background-color: inherit;
  }
  .mod-einsatzgebiet .einsatzgebiet__col-right {
    padding: 1.5em 0 0 0;
  }
  .mod-einsatzgebiet .einsatzgebiet__text {
    font-size: 1.375rem;
  }
  .mod-einsatzgebiet .einsatzgebiet__text p:first-child::before {
    position: static;
    display: inline-block;
    margin-right: 0.5em;
    line-height: 1;
  }
  .mod-einsatzgebiet .einsatzgebiet__button-wrap {
    margin-top: 1.5em;
  }
}

@media screen {
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider.no-slider .cards-mobile-slider__wrapper {
    display: flex;
    gap: 1.25rem;
  }
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider.no-slider .swiper-slide {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider.no-slider .swiper-pagination {
    display: none;
  }
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider:not(.no-slider) .swiper-slide {
    width: 18.75rem;
    max-width: 82%;
    height: auto;
  }
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider:not(.no-slider) .swiper-pagination {
    position: static;
    margin-top: 1.25rem;
    line-height: 1;
  }
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider:not(.no-slider) .swiper-pagination .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #0D2944;
    opacity: 0.35;
  }
  [data-tmpl="CardsMobileSlider"] .cards-mobile-slider__slider:not(.no-slider) .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #009AC4;
    opacity: 1;
  }
  [data-tmpl="CardsMobileSlider"] .kachel {
    display: flex;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #ffffff;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__media {
    margin: 0;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__media .container-image,
  [data-tmpl="CardsMobileSlider"] .kachel__media picture,
  [data-tmpl="CardsMobileSlider"] .kachel__media img {
    display: block;
    width: 100%;
    height: auto;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__media img {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__inner {
    padding: 1.25rem 1.25rem 0.625rem;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__inner .kachel__headline {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0D2944;
    margin-bottom: 0.625rem;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__inner .kachel__text,
  [data-tmpl="CardsMobileSlider"] .kachel__inner .kachel__text p {
    color: #0D2944;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__button {
    margin-top: auto;
    padding: 0 1.25rem 1.25rem;
  }
  [data-tmpl="CardsMobileSlider"] .kachel__button .button-link {
    margin: 0;
  }
  [data-tmpl="CardsMobileSlider"].bg-white .kachel__card, [data-tmpl="CardsMobileSlider"].bg-xlight .kachel__card {
    background-color: #EBF4FD;
  }
  [data-tmpl="CardsMobileSlider"].neg .cards-mobile-slider__slider:not(.no-slider) .swiper-pagination .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.4;
  }
  [data-tmpl="CardsMobileSlider"].neg .cards-mobile-slider__slider:not(.no-slider) .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #D1FF00;
    opacity: 1;
  }
}

@media print {
  [data-tmpl="CardsMobileSlider"] .swiper-pagination {
    display: none;
  }
}

/*
 * Modul: Technische Daten
 * Tabelle mit Bezeichnung + Wert, mobil brechen die Spalten um
 * (Label steht dann über dem Wert)
 */
@media screen {
  [data-tmpl="TechnischeDaten"] .tech-data__image {
    margin-bottom: 2rem;
  }
  [data-tmpl="TechnischeDaten"] .tech-data__headline {
    margin-bottom: 0.75em;
  }
  [data-tmpl="TechnischeDaten"] .tech-data__table {
    font-size: 20px;
  }
}

@media screen and (min-width: 30em) {
  [data-tmpl="TechnischeDaten"] .tech-data__table {
    font-size: 22px;
  }
}

@media screen and (min-width: 48em) {
  [data-tmpl="TechnischeDaten"] .tech-data__table {
    font-size: 25px;
  }
}

@media screen {
  [data-tmpl="TechnischeDaten"] .tech-data__row {
    display: grid;
    grid-template-columns: minmax(12rem, 35%) 1fr;
    column-gap: 1.5rem;
    padding: 0.35em 0;
  }
}

@media screen and (max-width: 47.9375em) {
  [data-tmpl="TechnischeDaten"] .tech-data__row {
    grid-template-columns: 1fr;
    row-gap: 0.15em;
    padding: 0.5em 0;
  }
}

@media screen {
  [data-tmpl="TechnischeDaten"] .tech-data__label {
    position: relative;
    padding-left: 1.5em;
  }
  [data-tmpl="TechnischeDaten"] .tech-data__label::before {
    display: block;
    content: "";
    position: absolute;
    left: 0.25em;
    top: 0.45em;
    width: 0.55em;
    height: 0.6em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.154' height='10' viewBox='0 0 9.154 10'%3E%3Cpath d='M5,0l5,9.154-5-2-5,2Z' transform='translate(9.154) rotate(90)' fill='%23D1FF00'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  [data-tmpl="TechnischeDaten"] .tech-data__value {
    font-weight: 700;
  }
}

@media screen and (max-width: 47.9375em) {
  [data-tmpl="TechnischeDaten"] .tech-data__value {
    padding-left: 1.5em;
  }
}

@media screen {
  [data-tmpl="TechnischeDaten"] .tech-data__value p {
    margin-bottom: 0.25em;
    font-weight: 700;
  }
  [data-tmpl="TechnischeDaten"] .tech-data__value p:last-child {
    margin-bottom: 0;
  }
  [data-tmpl="TechnischeDaten"] .tech-data__button-wrap {
    margin-top: 2rem;
  }
}

@media print {
  [data-tmpl="TechnischeDaten"] .tech-data__button-wrap {
    display: none;
  }
}

/**
 * Formulare
 */
.forms fieldset {
  margin-block: 1em;
}

.forms fieldset legend {
  font-weight: 700;
}

.forms .flxbox {
  display: grid;
  margin-bottom: 6px;
}

@media print, screen and (min-width: 30em) {
  .forms .flxbox {
    grid-template-columns: 1fr 3fr;
  }
}

.forms .flxbox label {
  padding: 20px 20px 15px 20px;
  background-color: #E5E8EB;
  color: #0D2944;
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.5em;
  word-break: break-word;
}

@media print, screen and (min-width: 30em) {
  .forms .flxbox label {
    min-width: 160px;
    padding: 27px 30px 20px 30px;
    font-size: 1.25rem;
  }
}

.forms .flxbox .description {
  font-size: 75%;
  margin-top: 2px;
  grid-column: span 2;
}

.forms input.textfield,
.forms textarea.textfield {
  display: block;
  margin: 0;
  border: none;
  padding: 20px 20px 15px 20px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5em;
}

.forms input.textfield:focus, .forms input.textfield:focus-within,
.forms textarea.textfield:focus,
.forms textarea.textfield:focus-within {
  box-shadow: none;
}

@media print, screen and (min-width: 30em) {
  .forms input.textfield,
  .forms textarea.textfield {
    padding: 27px 30px 20px 30px;
    font-size: 1.25rem;
  }
}

.forms .input {
  height: 100%;
  width: 100%;
}

.forms input.textfield {
  height: 100%;
  width: 100%;
}

.forms textarea.textfield {
  resize: none;
  margin: 0;
}

@media print, screen and (min-width: 30em) {
  .forms .flxbox {
    flex-direction: row;
  }
}

.forms .flx-submit {
  margin-top: 1em;
}

.forms .flx-submit .button-submit {
  margin-top: 1.5em;
}

@media print, screen and (min-width: 48em) {
  .forms .flx-submit {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .forms .flx-submit .button-submit {
    margin-top: 0;
  }
}

.forms .single-checkbox label {
  font-size: 1.3rem;
  font-weight: unset;
  line-height: unset;
  color: unset;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  gap: 0.5em;
  align-items: first baseline;
}

.forms .single-checkbox .checkbox-wrapper {
  position: relative;
  height: 1em;
  width: 1em;
  aspect-ratio: 1;
}

.forms .single-checkbox .checkbox-wrapper input[type="checkbox"] {
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.forms .single-checkbox .checkbox-wrapper input[type="checkbox"] + span {
  margin-top: 0.15em;
  background-color: #ffffff;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 0 0 0 transparent;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.forms .single-checkbox .checkbox-wrapper input[type="checkbox"] + span::after {
  content: "";
  height: 45%;
  width: 45%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #868686;
  border-radius: 3px;
  opacity: 0;
  position: absolute;
}

.forms .single-checkbox .checkbox-wrapper input[type="checkbox"]:checked + span:after {
  opacity: 1;
}

.forms .single-checkbox .checkbox-wrapper input[type="checkbox"]:focus-visible + span {
  outline: 2px solid #D1FF00;
}

.forms input[type="submit"].button-link {
  display: inline-block;
  border: none;
  padding: 0.4em 1em 0.3em 1em;
  background-color: #D1FF00;
  color: #0D2944;
  font-size: 1.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  cursor: pointer;
}

.forms input[type="submit"].button-link:hover, .forms input[type="submit"].button-link:focus, .forms input[type="submit"].button-link:focus-visible, .forms input[type="submit"].button-link.current {
  background-color: #009AC4;
  text-decoration: none;
}

.forms input[type="submit"].button-link.arrow-r {
  padding-right: 1.5em;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 0.65em center;
  background-size: 0.4em auto;
}

.forms input[type="submit"].button-link.arrow-r:hover, .forms input[type="submit"].button-link.arrow-r:focus, .forms input[type="submit"].button-link.arrow-r:focus-visible, .forms input[type="submit"].button-link.arrow-r.current {
  background-image: url("../images/arrow_right_white.svg");
}

.help-inline {
  color: #f13131;
}

.bewerbungsformular h2 {
  font-family: "Space Grotesk", sans-serif;
  margin-bottom: 0.2em;
}

.bewerbungsformular .bewerbung-subtitle {
  color: #868686;
  font-size: 1rem;
  margin-bottom: 1.5em;
}

.bewerbungsformular .forms .bewerbung-section-heading {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 0.5em;
  color: #182833;
}

.bewerbungsformular .forms .bewerbung-section-heading:first-child {
  margin-top: 0;
}

.bewerbungsformular .forms .bewerbung-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}

.bewerbungsformular .forms .bewerbung-field label {
  order: 2;
  background-color: transparent;
  padding: 4px 2px 0;
  font-size: 0.8rem;
  font-weight: 400;
  color: #868686;
  line-height: 1.4;
}

.bewerbungsformular .forms .bewerbung-field input.textfield,
.bewerbungsformular .forms .bewerbung-field textarea.textfield,
.bewerbungsformular .forms .bewerbung-field select.textfield {
  order: 1;
  display: block;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 12px 14px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
  background-color: #ffffff;
  width: 100%;
  height: auto;
}

.bewerbungsformular .forms .bewerbung-field input.textfield:focus, .bewerbungsformular .forms .bewerbung-field input.textfield:focus-within,
.bewerbungsformular .forms .bewerbung-field textarea.textfield:focus,
.bewerbungsformular .forms .bewerbung-field textarea.textfield:focus-within,
.bewerbungsformular .forms .bewerbung-field select.textfield:focus,
.bewerbungsformular .forms .bewerbung-field select.textfield:focus-within {
  border-color: #868686;
  outline: none;
  box-shadow: none;
}

.bewerbungsformular .forms .bewerbung-field select.textfield {
  appearance: auto;
  background-image: none;
  cursor: pointer;
}

.bewerbungsformular .forms .bewerbung-field textarea.textfield {
  resize: vertical;
  min-height: 120px;
}

.bewerbungsformular .forms .bewerbung-field .errors {
  order: 3;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone {
  order: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5em 2em;
  background-color: #E5E8EB;
  border-radius: 8px;
  min-height: 160px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  padding: 0;
  margin: 0;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone .upload-dropzone-text {
  z-index: 1;
  pointer-events: none;
  text-align: center;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone .upload-dropzone-text strong {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #182833;
  margin-bottom: 0.3em;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone .upload-dropzone-text span {
  display: block;
  font-size: 0.85rem;
  color: #868686;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone:hover {
  background-color: #dce0e4;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone.drag-over {
  background-color: #d7dbe0;
  border: 2px dashed #868686;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone.file-selected {
  background-color: rgba(209, 255, 0, 0.08);
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone.file-selected .upload-dropzone-text strong {
  color: #009AC4;
}

.bewerbungsformular .forms .bewerbung-upload-zone .upload-dropzone.upload-error {
  border: 2px dashed #f13131;
}

.bewerbungsformular .forms .bewerbung-upload-zone label {
  order: 2;
}

.bewerbungsformular .forms .bewerbung-submit {
  display: block;
  margin-top: 1.5em;
}

.bewerbungsformular .forms .bewerbung-submit .button-submit {
  margin-top: 1em;
}

.bewerbungsformular .forms .bewerbung-datenschutz {
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.bewerbungsformular .forms .bewerbung-datenschutz .bewerbung-checkbox-input {
  margin-bottom: 0;
}

.bewerbungsformular .forms .bewerbung-datenschutz > label[for] {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}

.bewerbungsformular .forms .bewerbung-datenschutz > label[for] input[type="checkbox"] {
  font-size: 1rem;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
}

.bewerbungsformular .forms .bewerbung-datenschutz .bewerbung-datenschutz-text {
  display: inline;
  font-size: 1rem;
  line-height: 1.5;
}

.bewerbungsformular .forms .bewerbung-datenschutz a {
  color: #009AC4;
  text-decoration: underline;
}

.bewerbungsformular .forms .bewerbung-datenschutz a:hover {
  color: #D1FF00;
}

.bewerbungsformular .forms .form-success-message {
  padding: 2em;
  background-color: rgba(209, 255, 0, 0.12);
  text-align: center;
}

.bewerbungsformular .forms .form-success-message h3 {
  color: #009AC4;
  font-family: "Space Grotesk", sans-serif;
  margin-bottom: 0.5em;
}

.bewerbungsformular .forms .form-success-message p {
  margin-bottom: 0.5em;
}

.bewerbungsformular .forms .form-success-message p:last-child {
  margin-bottom: 0;
}

/*
 * Typography
 */
/* Style reset */
address {
  font-style: normal;
}

p {
  margin-bottom: 0;
  line-height: 1.5;
}

blockquote {
  border: none;
}

blockquote,
blockquote p {
  color: inherit;
}

cite {
  color: inherit;
}

cite::before {
  display: none;
}

/**
 * global text styles
 */
body {
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 1.6;
  font-size: 1rem;
}

@media print, screen and (min-width: 48em) {
  body {
    font-size: 1rem;
  }
}

strong,
b,
.bold {
  font-weight: bold;
}

.uppercase,
.uc {
  text-transform: uppercase;
}

/** END - global text styles */
/**
 * Section 1
 * global Headline styles
 */
h1,
.h1 {
  color: #0D2944;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  word-spacing: 0;
  text-transform: lowercase;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

@media screen and (max-width: 63.9375em) {
  h1,
  .h1 {
    word-break: break-word;
    hyphens: auto;
  }
}

.ff-akz {
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  color: #009AC4;
  font-weight: 700;
}

h2,
.h2,
h1 .xlight,
h1 .thin {
  color: #0D2944;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  letter-spacing: inherit;
  word-spacing: 0;
  text-transform: unset;
  position: relative;
}

@media screen and (max-width: 63.9375em) {
  h2,
  .h2,
  h1 .xlight,
  h1 .thin {
    word-break: break-word;
    hyphens: auto;
  }
}

h2 .xlight,
h2 .thin,
.h2 .xlight,
.h2 .thin,
h1 .xlight .xlight,
h1 .xlight .thin,
h1 .thin .xlight,
h1 .thin .thin {
  font-weight: 200;
}

h2 span,
.h2 span,
h1 .xlight span,
h1 .thin span {
  display: block;
}

h2::before,
.h2::before,
h1 .xlight::before,
h1 .thin::before {
  --ratio: 6.8;
  --height: 5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='71.5' height='10.5' viewBox='0 0 71.5 10.5'%3E%3Cpath fill='%230d2944' d='M71.5,6.6c-.4,0-.9-.4-1.5-1-1-.8-2.2-1.8-3.9-1.8s-2.5.8-3.3,1.4c-.9.8-1.8,1.4-4,1.4-1.6,0-2.3-.7-3.4-1.7-1.4-1.2-3.2-2.7-6.8-2.7s-5.2,1.3-6.9,2.5c-1.6,1.1-2.8,1.9-5.1,1.9-1.8,0-2.8-1-4.5-2.6-1.9-1.8-4.2-4-8.4-4s-6.6,2.3-8.6,4.1c-1.8,1.6-3,2.6-4.7,2.6-3.6,0-4.8-1.2-6.6-2.9-.4-.4-.9-.8-1.3-1.2L0,5.4s0,0,0,0c2.3,2.1,4.1,5.1,10.1,5.1h.6c1.1,0,2.2-.2,3.2-.7,1.5-.7,2.6-1.8,3.7-2.7,1.8-1.6,3.5-3.1,6.2-3.1s4,1.3,5.7,2.9c1.7,1.6,3.7,3.6,7.1,3.6,3.5,0,5.5-1.3,7.3-2.5,1.6-1,2.8-1.9,4.9-1.9s2.9.7,4.1,1.8c1.3,1.1,2.9,2.6,5.9,2.6s5.3-1.3,6.4-2.2c.5-.4.7-.6.9-.6.4,0,.9.4,1.5.9,1,.8,2.2,1.7,3.9,1.8v-3.8Z'/%3E%3C/svg%3E");
  position: relative;
  display: inline-flex;
  top: 50%;
  transform: translateY(-50%);
  height: var(--height);
  aspect-ratio: var(--ratio)/1;
  margin-right: 1rem;
  margin-left: calc(-1 * ((var(--height) * var(--ratio)) / 2));
}

@media print, screen and (min-width: 48em) {
  h2::before,
  .h2::before,
  h1 .xlight::before,
  h1 .thin::before {
    --height: 8px;
  }
}

.bg-dark h2::before, .bg-dark
.h2::before, .bg-dark
h1 .xlight::before, .bg-dark
h1 .thin::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='71.5' height='10.5' viewBox='0 0 71.5 10.5'%3E%3Cpath fill='%23009AC4' d='M71.5,6.6c-.4,0-.9-.4-1.5-1-1-.8-2.2-1.8-3.9-1.8s-2.5.8-3.3,1.4c-.9.8-1.8,1.4-4,1.4-1.6,0-2.3-.7-3.4-1.7-1.4-1.2-3.2-2.7-6.8-2.7s-5.2,1.3-6.9,2.5c-1.6,1.1-2.8,1.9-5.1,1.9-1.8,0-2.8-1-4.5-2.6-1.9-1.8-4.2-4-8.4-4s-6.6,2.3-8.6,4.1c-1.8,1.6-3,2.6-4.7,2.6-3.6,0-4.8-1.2-6.6-2.9-.4-.4-.9-.8-1.3-1.2L0,5.4s0,0,0,0c2.3,2.1,4.1,5.1,10.1,5.1h.6c1.1,0,2.2-.2,3.2-.7,1.5-.7,2.6-1.8,3.7-2.7,1.8-1.6,3.5-3.1,6.2-3.1s4,1.3,5.7,2.9c1.7,1.6,3.7,3.6,7.1,3.6,3.5,0,5.5-1.3,7.3-2.5,1.6-1,2.8-1.9,4.9-1.9s2.9.7,4.1,1.8c1.3,1.1,2.9,2.6,5.9,2.6s5.3-1.3,6.4-2.2c.5-.4.7-.6.9-.6.4,0,.9.4,1.5.9,1,.8,2.2,1.7,3.9,1.8v-3.8Z'/%3E%3C/svg%3E");
}

[data-tmpl="Text"] h2:not(.h2),
[data-tmpl="TextAutomaticColumns"] h2:not(.h2) {
  margin-top: 1em;
  margin-bottom: 1em;
}

[data-tmpl="Text"] h2:not(.h2)::before,
[data-tmpl="TextAutomaticColumns"] h2:not(.h2)::before {
  content: none;
}

h3,
.h3,
hgroup .large {
  color: #009AC4;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: unset;
}

@media screen and (max-width: 63.9375em) {
  h3,
  .h3,
  hgroup .large {
    word-break: break-word;
    hyphens: auto;
  }
}

h4,
.h4 {
  color: #182833;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: unset;
}

@media screen and (max-width: 63.9375em) {
  h4,
  .h4 {
    word-break: break-word;
    hyphens: auto;
  }
}

h5,
.h5 {
  color: #182833;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: unset;
}

@media screen and (max-width: 63.9375em) {
  h5,
  .h5 {
    word-break: break-word;
    hyphens: auto;
  }
}

h6,
.h6 {
  color: #182833;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-transform: unset;
}

@media screen and (max-width: 63.9375em) {
  h6,
  .h6 {
    word-break: break-word;
    hyphens: auto;
  }
}

span.h1, span.h2, span.h3 {
  display: block;
}

hgroup {
  color: #0D2944;
}

hgroup > span {
  display: block;
}

hgroup.hl-color-white h1 {
  color: #ffffff;
}

hgroup.hl-color-hellblau h1 {
  color: #009AC4;
}

hgroup.hl-color-akzent h1 {
  color: #D1FF00;
}

hgroup + p {
  margin-top: 1em;
}

/** END Section 1 - global Headline styling */
/**
 * Section 2
 * global link styling
 */
a {
  color: #009AC4;
  font-family: inherit;
  font-weight: 600;
  font-style: italic;
}

a:hover, a:focus, a:focus-visible {
  color: #009AC4;
}

a:active {
  color: #009AC4;
}

.bg-akzent .ff-akz {
  color: #ffffff;
}

a.button-link,
span.button-link,
button.button-link,
a.button-link-schiff,
span.button-link-schiff,
button.button-link-schiff,
a.button-link-download,
span.button-link-download,
button.button-link-download {
  color: #0D2944;
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  text-transform: unset;
  background-color: #D1FF00;
  display: inline-block;
  border: none;
  padding: 0.75em 1.25em;
  cursor: pointer;
}

a.button-link:hover, a.button-link:focus, a.button-link:focus-visible, a.button-link.current,
span.button-link:hover,
span.button-link:focus,
span.button-link:focus-visible,
span.button-link.current,
button.button-link:hover,
button.button-link:focus,
button.button-link:focus-visible,
button.button-link.current,
a.button-link-schiff:hover,
a.button-link-schiff:focus,
a.button-link-schiff:focus-visible,
a.button-link-schiff.current,
span.button-link-schiff:hover,
span.button-link-schiff:focus,
span.button-link-schiff:focus-visible,
span.button-link-schiff.current,
button.button-link-schiff:hover,
button.button-link-schiff:focus,
button.button-link-schiff:focus-visible,
button.button-link-schiff.current,
a.button-link-download:hover,
a.button-link-download:focus,
a.button-link-download:focus-visible,
a.button-link-download.current,
span.button-link-download:hover,
span.button-link-download:focus,
span.button-link-download:focus-visible,
span.button-link-download.current,
button.button-link-download:hover,
button.button-link-download:focus,
button.button-link-download:focus-visible,
button.button-link-download.current {
  color: #ffffff;
  background-color: #009AC4;
  text-decoration: none;
}

a.button-link.reverse,
span.button-link.reverse,
button.button-link.reverse,
a.button-link-schiff.reverse,
span.button-link-schiff.reverse,
button.button-link-schiff.reverse,
a.button-link-download.reverse,
span.button-link-download.reverse,
button.button-link-download.reverse {
  background-color: #009AC4;
}

a.button-link.reverse:hover, a.button-link.reverse:focus, a.button-link.reverse:focus-visible,
span.button-link.reverse:hover,
span.button-link.reverse:focus,
span.button-link.reverse:focus-visible,
button.button-link.reverse:hover,
button.button-link.reverse:focus,
button.button-link.reverse:focus-visible,
a.button-link-schiff.reverse:hover,
a.button-link-schiff.reverse:focus,
a.button-link-schiff.reverse:focus-visible,
span.button-link-schiff.reverse:hover,
span.button-link-schiff.reverse:focus,
span.button-link-schiff.reverse:focus-visible,
button.button-link-schiff.reverse:hover,
button.button-link-schiff.reverse:focus,
button.button-link-schiff.reverse:focus-visible,
a.button-link-download.reverse:hover,
a.button-link-download.reverse:focus,
a.button-link-download.reverse:focus-visible,
span.button-link-download.reverse:hover,
span.button-link-download.reverse:focus,
span.button-link-download.reverse:focus-visible,
button.button-link-download.reverse:hover,
button.button-link-download.reverse:focus,
button.button-link-download.reverse:focus-visible {
  background-color: #D1FF00;
}

.button-link-schiff::before {
  content: url('data:image/svg+xml,<svg fill="%230D2944" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.13 34.02"><path d="M60.98,21.17c-.08-.38-.14-.72-.08-1.04l.17-.79-.78.2c-.43.11-.94.21-1.49.3v-5.71h-16.04l-.59-1.77-3.1-.41v-1.4s.99-.72.99-.72l-.58-.81-1.43.99v1.87h-.53l-.19,1.12c-.62-1.71-1.34-3.61-1.6-3.91-.2-.23-.48-.32-.75-.3V0h-1.54l-.06.43s-.09.69-.21,1.77h-4.9v1h4.79c-.02.23-.05.47-.07.71h-2.01v1h1.91c-.09.81-.16,1.28-.21,1.54-1.14-.1-2.3-.22-2.49-.27l-.15.48-.16.47c.3.1,1.74.23,2.68.31v1.05l-8.65-.39.06,2.09h-.52l-1.58,2.35h1.4l.5,4.76h1.19v1.15c-4.62-.28-8.03-.54-8.12-.55h-.19s-1.96,1.51-1.96,1.51c-9.28-1.05-13.94-2.27-14.01-2.29l-.65-.17.02.67c0,.24.21,5.82,4.29,9.46,7.5,6.69,16.02,6.16,16.32,6.14,11.05.41,23.57.81,31.02.81,3.8,0,6.27-.1,6.55-.36h.09s2.05-1.23,2.05-1.23v-4.71l-1.49-1.22c2.65-2.7,2.37-4.16,2.13-5.34ZM57.48,32.64c-.61-.06-1.52-.26-2.12-.84-.43-.41-.63-.94-.63-1.63,0-2.07,1.45-2.93,2.87-3.1-.02.89-.03,1.72-.04,2.44-.02,1.32-.03,2.49-.08,3.12ZM53.66,20.4v-3.12h4.14v2.72c-1.21.16-2.62.3-4.14.4ZM33.13,19.89c5.65.24,11.36.35,14.57.04v.75c-5.41.16-11.03.12-14.28.05l.08-.04-.37-.8ZM32.4,20.7c-.25,0-.48-.02-.68-.02-2.03-.08-3.96-.18-5.79-.29v-.86c1.9.11,3.97.22,6.07.32l.4.86ZM31.63,16.67c.05-.49.14-1.68-.04-2.2-.25-.72-.87-.67-1.33-.63-.2.02-.45.04-.81-.02-.19-.21-.27-.78-.29-1.27h4.9c.09,1.94.57,3.31,1.43,4.09.65.58,1.3.64,1.51.64.04,0,.07,0,.07,0h10.64v1.65c-3.23.32-9.21.19-15.05-.06l-1.02-2.19ZM24.65,16.28l-.39-3.73h3.89c.01.58.11,1.45.55,1.94.21.23.47.36.77.38.35.02.64,0,.87-.03.14-.01.3-.03.3-.04.07.21.06.86.02,1.48h-6.01ZM43.39,16.28l-.32-1.15h4.64v1.15h-4.32ZM48.71,19.9c.27.03.53.11.67.29.1.13.12.29.13.43-.27.01-.53.02-.8.03v-.75ZM50.51,20.58c0-.31-.08-.67-.33-1-.31-.4-.79-.63-1.47-.69v-1.62h3.95v3.19c-.7.04-1.42.08-2.15.11ZM57.8,16.28h-9.09s0-1.15,0-1.15h9.09v1.15ZM23.97,11.21h1.02l-.05-2.04,8.62.38v-2.47c.12-.39.26-1.3.38-2.61.02-.16.03-.32.05-.48v6.25s.72-.35.72-.35c.11-.05.28-.1.27-.14.18.26.91,2.19,1.54,3.93v1.57l1.48-.15.38-2.21,3.05.39.5,1.5.42,1.5h-5.32s-.45.02-.9-.4c-.48-.45-1.06-1.48-1.09-3.83v-.49s-10.88,0-10.88,0h0s-.42,0-.42,0l.23-.35ZM25.94,17.28h4.86l.72,1.53c-1.93-.09-3.83-.19-5.58-.29v-1.23ZM16.93,18.92c.84.06,3.98.3,8.01.54v.86c-3.28-.21-6.23-.47-8.85-.75l.84-.65ZM1.08,18.26c2.64.61,12.83,2.72,30.61,3.42,5.21.21,21.78.33,28.2-1.02.02.24.07.47.11.7.21,1.03.44,2.2-2.1,4.68-.03,0-.05,0-.08,0h-.79c-3.8.02-16.75.08-23.92.08-7.71,0-25.85-.43-28.83-.5-2.37-2.59-3.04-5.95-3.2-7.36ZM20.61,32.22c-.08,0-8.18.48-15.26-5.58,4.95.12,20.71.48,27.76.48,6.22,0,16.79-.04,21.97-.06-.64.54-1.1,1.31-1.27,2.31h-4.36v1h4.3c.04.87.34,1.6.92,2.15.21.21.46.36.7.5-6.09.12-22.96-.37-34.76-.81ZM59.34,31.87l-.84.5c.03-.59.04-1.48.06-2.84,0-.58.02-1.23.03-1.92l.75.58v3.67Z" /></svg>');
  display: inline-block;
  height: 1em;
  width: 2em;
  margin-right: 1em;
  scale: 1.4;
}

.button-link-schiff:hover::before, .button-link-schiff:focus::before, .button-link-schiff:focus-visible::before, .button-link-schiff.current::before {
  content: url('data:image/svg+xml,<svg fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.13 34.02"><path d="M60.98,21.17c-.08-.38-.14-.72-.08-1.04l.17-.79-.78.2c-.43.11-.94.21-1.49.3v-5.71h-16.04l-.59-1.77-3.1-.41v-1.4s.99-.72.99-.72l-.58-.81-1.43.99v1.87h-.53l-.19,1.12c-.62-1.71-1.34-3.61-1.6-3.91-.2-.23-.48-.32-.75-.3V0h-1.54l-.06.43s-.09.69-.21,1.77h-4.9v1h4.79c-.02.23-.05.47-.07.71h-2.01v1h1.91c-.09.81-.16,1.28-.21,1.54-1.14-.1-2.3-.22-2.49-.27l-.15.48-.16.47c.3.1,1.74.23,2.68.31v1.05l-8.65-.39.06,2.09h-.52l-1.58,2.35h1.4l.5,4.76h1.19v1.15c-4.62-.28-8.03-.54-8.12-.55h-.19s-1.96,1.51-1.96,1.51c-9.28-1.05-13.94-2.27-14.01-2.29l-.65-.17.02.67c0,.24.21,5.82,4.29,9.46,7.5,6.69,16.02,6.16,16.32,6.14,11.05.41,23.57.81,31.02.81,3.8,0,6.27-.1,6.55-.36h.09s2.05-1.23,2.05-1.23v-4.71l-1.49-1.22c2.65-2.7,2.37-4.16,2.13-5.34ZM57.48,32.64c-.61-.06-1.52-.26-2.12-.84-.43-.41-.63-.94-.63-1.63,0-2.07,1.45-2.93,2.87-3.1-.02.89-.03,1.72-.04,2.44-.02,1.32-.03,2.49-.08,3.12ZM53.66,20.4v-3.12h4.14v2.72c-1.21.16-2.62.3-4.14.4ZM33.13,19.89c5.65.24,11.36.35,14.57.04v.75c-5.41.16-11.03.12-14.28.05l.08-.04-.37-.8ZM32.4,20.7c-.25,0-.48-.02-.68-.02-2.03-.08-3.96-.18-5.79-.29v-.86c1.9.11,3.97.22,6.07.32l.4.86ZM31.63,16.67c.05-.49.14-1.68-.04-2.2-.25-.72-.87-.67-1.33-.63-.2.02-.45.04-.81-.02-.19-.21-.27-.78-.29-1.27h4.9c.09,1.94.57,3.31,1.43,4.09.65.58,1.3.64,1.51.64.04,0,.07,0,.07,0h10.64v1.65c-3.23.32-9.21.19-15.05-.06l-1.02-2.19ZM24.65,16.28l-.39-3.73h3.89c.01.58.11,1.45.55,1.94.21.23.47.36.77.38.35.02.64,0,.87-.03.14-.01.3-.03.3-.04.07.21.06.86.02,1.48h-6.01ZM43.39,16.28l-.32-1.15h4.64v1.15h-4.32ZM48.71,19.9c.27.03.53.11.67.29.1.13.12.29.13.43-.27.01-.53.02-.8.03v-.75ZM50.51,20.58c0-.31-.08-.67-.33-1-.31-.4-.79-.63-1.47-.69v-1.62h3.95v3.19c-.7.04-1.42.08-2.15.11ZM57.8,16.28h-9.09s0-1.15,0-1.15h9.09v1.15ZM23.97,11.21h1.02l-.05-2.04,8.62.38v-2.47c.12-.39.26-1.3.38-2.61.02-.16.03-.32.05-.48v6.25s.72-.35.72-.35c.11-.05.28-.1.27-.14.18.26.91,2.19,1.54,3.93v1.57l1.48-.15.38-2.21,3.05.39.5,1.5.42,1.5h-5.32s-.45.02-.9-.4c-.48-.45-1.06-1.48-1.09-3.83v-.49s-10.88,0-10.88,0h0s-.42,0-.42,0l.23-.35ZM25.94,17.28h4.86l.72,1.53c-1.93-.09-3.83-.19-5.58-.29v-1.23ZM16.93,18.92c.84.06,3.98.3,8.01.54v.86c-3.28-.21-6.23-.47-8.85-.75l.84-.65ZM1.08,18.26c2.64.61,12.83,2.72,30.61,3.42,5.21.21,21.78.33,28.2-1.02.02.24.07.47.11.7.21,1.03.44,2.2-2.1,4.68-.03,0-.05,0-.08,0h-.79c-3.8.02-16.75.08-23.92.08-7.71,0-25.85-.43-28.83-.5-2.37-2.59-3.04-5.95-3.2-7.36ZM20.61,32.22c-.08,0-8.18.48-15.26-5.58,4.95.12,20.71.48,27.76.48,6.22,0,16.79-.04,21.97-.06-.64.54-1.1,1.31-1.27,2.31h-4.36v1h4.3c.04.87.34,1.6.92,2.15.21.21.46.36.7.5-6.09.12-22.96-.37-34.76-.81ZM59.34,31.87l-.84.5c.03-.59.04-1.48.06-2.84,0-.58.02-1.23.03-1.92l.75.58v3.67Z" /></svg>');
}

.button-link-download::before {
  content: url("data:image/svg+xml,%3Csvg fill='%230D2944' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 29.4 27.5'%3E%3Cpolygon points='15.9 18 16 18 16 17.9 21.2 12.1 19.3 10 16 13.6 16 0 13 0 13 13.8 9.6 10 7.6 12.1 14.4 19.7 15.9 18'/%3E%3Cpolygon points='26.4 16.5 26.4 24.5 3 24.5 3 16.5 0 16.5 0 27.5 29.4 27.5 29.4 16.5 26.4 16.5'/%3E%3C/svg%3E");
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 1em;
  scale: 1.6;
}

.button-link-download:hover::before, .button-link-download:focus::before, .button-link-download:focus-visible::before, .button-link-download.current::before {
  content: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 29.4 27.5'%3E%3Cpolygon points='15.9 18 16 18 16 17.9 21.2 12.1 19.3 10 16 13.6 16 0 13 0 13 13.8 9.6 10 7.6 12.1 14.4 19.7 15.9 18'/%3E%3Cpolygon points='26.4 16.5 26.4 24.5 3 24.5 3 16.5 0 16.5 0 27.5 29.4 27.5 29.4 16.5 26.4 16.5'/%3E%3C/svg%3E");
}

/** END Section 2 - global link styling */
.page-content ol {
  margin-left: 1.4rem;
}

.page-content ul,
.page-content ol {
  font-size: 1.125rem;
}

.page-content ul.list-large,
.page-content ol.list-large,
.page-content ul:has( > li > .list-large),
.page-content ol:has( > li > .list-large) {
  font-size: 20px;
  font-weight: 300;
}

@media print, screen and (min-width: 30em) {
  .page-content ul.list-large,
  .page-content ol.list-large,
  .page-content ul:has( > li > .list-large),
  .page-content ol:has( > li > .list-large) {
    font-size: 22px;
  }
}

@media print, screen and (min-width: 48em) {
  .page-content ul.list-large,
  .page-content ol.list-large,
  .page-content ul:has( > li > .list-large),
  .page-content ol:has( > li > .list-large) {
    font-size: 25px;
  }
}

.page-content * + ul,
.page-content * + ol {
  margin-top: 0.85em;
}

.page-content ul + *,
.page-content ol + * {
  margin-bottom: 0.85em;
}

.page-content p + p {
  margin-top: 1.5em;
}

.page-content picture + p,
.page-content img + p {
  display: inline-block;
  margin-top: 0.75em;
}

.page-content a:not(.button-link):not(.button-link-schiff):not(.button-link-download) {
  display: inline-block;
  position: relative;
  text-decoration: underline;
}

.page-content a:not(.button-link):not(.button-link-schiff):not(.button-link-download):hover, .page-content a:not(.button-link):not(.button-link-schiff):not(.button-link-download):focus, .page-content a:not(.button-link):not(.button-link-schiff):not(.button-link-download):focus-visible {
  text-decoration: none;
}

.page-content a:has(.button-link)::after,
.page-content a.button-link::after,
.page-content a.noani::after {
  display: none;
}

.stoerer .large {
  margin-bottom: 0;
}

.stoerer .large p {
  font-size: 1.375rem;
}

@media print, screen and (min-width: 30em) {
  .stoerer .large p {
    font-size: 1.5625rem;
  }
}

@media print, screen and (min-width: 48em) {
  .stoerer .large p {
    font-size: 1.875rem;
  }
}

.kicker {
  font-weight: 700;
}

.mainnav {
  font-weight: 500;
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  text-transform: lowercase;
}

.fs-24 {
  font-size: 1.25rem;
}

.fs-28 {
  font-size: 1.375rem;
}

.fs-32 {
  font-size: 1.5rem;
}

@media print, screen and (min-width: 48em) {
  .fs-24 {
    font-size: 1.375rem;
  }
  .fs-28 {
    font-size: 1.5625rem;
  }
  .fs-32 {
    font-size: 1.75rem;
  }
}

@media print, screen and (min-width: 48em) {
  .fs-24 {
    font-size: 1.5rem;
  }
  .fs-28 {
    font-size: 1.75rem;
  }
  .fs-32 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 29.9375em) {
  .fs-24,
  .fs-28,
  .fs-32 {
    hyphens: auto;
  }
}

/*
ul:not(.menu, .submenu, .reset, .iconlist, .linklist) {
  @include setCustomList('-', 1.2em, $akzent-1);
}
*/
ul.bullets,
.list-bullets ul,
ul:not([class]) {
  list-style: none;
  margin-left: 0.1em;
}

ul.bullets li,
.list-bullets ul li,
ul:not([class]) li {
  position: relative;
  box-sizing: border-box;
  margin: 0.2em 0.1em 0.2em 1.2em;
  line-height: 1.45em;
}

ul.bullets li::before,
.list-bullets ul li::before,
ul:not([class]) li::before {
  display: block;
  content: "";
  position: absolute;
  left: -1.2em;
  top: 0.45em;
  width: 0.55em;
  height: 0.6em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.154' height='10' viewBox='0 0 9.154 10'%3E%3Cpath d='M5,0l5,9.154-5-2-5,2Z' transform='translate(9.154) rotate(90)' fill='%23D1FF00'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

ul.checklist,
.list-checklist ul {
  list-style: none;
  margin-left: 0;
  font-size: 1.5625rem;
  font-weight: 300;
}

ul.checklist li,
.list-checklist ul li {
  position: relative;
  box-sizing: border-box;
  margin: 0.2em 0.1em 0.2em 1.6rem;
  line-height: 1.45em;
}

ul.checklist li::before,
.list-checklist ul li::before {
  display: block;
  content: "";
  position: absolute;
  left: -1.6rem;
  top: 0.55rem;
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.133' height='21.772' viewBox='0 0 23.133 21.772'%3E%3Cpath d='M122.419-818.228a2.329,2.329,0,0,1-1.708-.711,2.329,2.329,0,0,1-.711-1.708v-16.934a2.33,2.33,0,0,1,.711-1.709,2.33,2.33,0,0,1,1.708-.711h16.934a2.168,2.168,0,0,1,.454.045,2.292,2.292,0,0,1,.423.136l-2.238,2.238H122.419v16.934h16.934v-8.044l2.419-2.419v10.463a2.329,2.329,0,0,1-.711,1.708,2.329,2.329,0,0,1-1.708.711Zm7.892-4.838-6.834-6.834,1.693-1.693,5.141,5.141,11.1-11.1,1.724,1.663Z' transform='translate(-120 840)' fill='%23bee800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

ul.arrows,
.list-arrows ul {
  list-style: none;
  margin-left: 0.1em;
}

ul.arrows li,
.list-arrows ul li {
  position: relative;
  box-sizing: border-box;
  margin: 0.2em 0.1em 0.2em 1.5em;
  line-height: 1.45em;
}

ul.arrows li::before,
.list-arrows ul li::before {
  display: block;
  content: "";
  position: absolute;
  left: -1.25em;
  top: 0.44em;
  width: 0.5em;
  height: 0.5em;
  border-top: 3px solid #D1FF00;
  border-right: 3px solid #D1FF00;
  rotate: 45deg;
}

ul.lg-arrows,
.list-lg-arrows ul {
  list-style: none;
  margin-left: 0.1em;
}

ul.lg-arrows li,
.list-lg-arrows ul li {
  position: relative;
  box-sizing: border-box;
  margin: 0.2em 0.1em 0.2em 3em;
  line-height: 1.45em;
}

ul.lg-arrows li .lgarrow,
.list-lg-arrows ul li .lgarrow {
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: -3.5em;
  top: -0.1em;
  width: 50px;
  height: 32px;
  border: 15px solid #fff;
  background-color: #D1FF00;
}

ul.lg-arrows li .lgarrow::after,
.list-lg-arrows ul li .lgarrow::after {
  display: block;
  content: "";
  position: absolute;
  right: -0.6em;
  top: -0.28em;
  width: 0.65em;
  height: 0.65em;
  border-top: 4px solid #D1FF00;
  border-right: 4px solid #D1FF00;
  rotate: 45deg;
  border-radius: 1px;
}

ol li {
  margin-left: 0.35rem;
  padding-left: 0.25em;
}

ol li::marker {
  color: #0D2944;
  font-size: 0.9em;
  font-weight: 500;
}

@media screen {
  /**
 * Section 999
 * Style adjustments on used background colors
 */
  .neg {
    color: #ffffff;
    font-weight: 400;
  }
  .neg a {
    color: #ffffff;
  }
  .neg a:hover,
  .neg a:focus,
  .neg a:focus-visible {
    color: #e6e6e6;
  }
  .neg a:active {
    color: #e6e6e6;
  }
  .neg .buttonlinks a,
  .neg .button-link {
    color: #0D2944;
    background-color: #D1FF00;
  }
  .neg .buttonlinks a:hover, .neg .buttonlinks a:focus, .neg .buttonlinks a:focus-visible, .neg .buttonlinks a:active,
  .neg .button-link:hover,
  .neg .button-link:focus,
  .neg .button-link:focus-visible,
  .neg .button-link:active {
    color: #ffffff;
    background-color: #009AC4;
  }
  .neg h1,
  .neg .h1 {
    color: #009AC4;
  }
  .neg h2,
  .neg .h2,
  .neg h1 .xlight,
  .neg hgroup .large,
  .neg blockquote,
  .neg button.reset,
  .neg hgroup {
    color: #ffffff;
  }
  .neg .bg-white,
  .neg .bg-xlight {
    color: #0D2944;
  }
  .neg .bg-white h1,
  .neg .bg-white .h1,
  .neg .bg-white h2,
  .neg .bg-white .h2,
  .neg .bg-white blockquote,
  .neg .bg-white hgroup,
  .neg .bg-xlight h1,
  .neg .bg-xlight .h1,
  .neg .bg-xlight h2,
  .neg .bg-xlight .h2,
  .neg .bg-xlight blockquote,
  .neg .bg-xlight hgroup {
    color: #0D2944;
  }
  .neg .bg-white.stoerer .large,
  .neg .bg-xlight.stoerer .large {
    color: #0D2944;
  }
  .neg ol li::marker {
    color: #D1FF00;
    font-weight: 600;
  }
  .neg ul.checklist li::before,
  .neg .list-checklist ul li::before,
  .neg ul.arrows li::before,
  .neg .list-arrows ul li::before {
    border-color: #D1FF00;
  }
  .neg ul.linklist .item .title {
    color: #ffffff;
  }
  .neg ul.linklist .item .info {
    color: #E5E8EB;
  }
  .neg ul.linklist .item:hover .title {
    color: #E5E8EB;
  }
  .bg-medium {
    color: #0b2137;
  }
  .bg-medium h1,
  .bg-medium .h1 {
    color: #ffffff;
  }
  .bg-medium h2,
  .bg-medium .h2,
  .bg-medium h3,
  .bg-medium .h3 {
    color: #0b2137;
  }
  a.special-link.sm-devices, a.special-link.lg-devices {
    background-color: #D1FF00;
    color: #D1FF00;
    font-size: 0.8em;
    font-weight: 300;
    transition: 0.2s all;
  }
  a.special-link.sm-devices:hover, a.special-link.sm-devices:focus, a.special-link.lg-devices:hover, a.special-link.lg-devices:focus {
    background-color: #E5E8EB;
    color: #0D2944;
  }
  a.special-link.sm-devices {
    display: inline-block;
    margin-top: 30px;
    margin-right: 25px;
    border-radius: 1.1em;
    padding: 9px 18px 8px 18px;
  }
  a.special-link.lg-devices {
    display: block;
    position: absolute;
    height: fit-content;
    right: 0;
    top: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0.95em;
    padding: 0.2em 1em;
  }
}

@media screen and (min-width: 79.9375em) {
  a.special-link.sm-devices {
    display: none;
  }
}

@media screen and (max-width: 79.875em) {
  a.special-link.lg-devices {
    display: none;
  }
}

@media screen {
  table tbody tr:nth-child(odd) {
    background-color: rgba(235, 244, 253, 0.4);
  }
  table tbody tr:nth-child(even) {
    background-color: #E5E8EB;
  }
}

@media screen and (max-width: 29.9375em) {
  table {
    hyphens: auto;
  }
}

@media screen and (max-width: 63.9375em) {
  .mainnav {
    color: #0D2944;
  }
  .mainnav a,
  .mainnav a.lvl1,
  .mainnav a.lvl2,
  .mainnav a.lvl3 {
    color: #009AC4;
    background-color: #009AC4;
    font-weight: 500;
  }
  .mainnav a:hover, .mainnav a:focus, .mainnav a:focus-visible,
  .mainnav a.lvl1:hover,
  .mainnav a.lvl1:focus,
  .mainnav a.lvl1:focus-visible,
  .mainnav a.lvl2:hover,
  .mainnav a.lvl2:focus,
  .mainnav a.lvl2:focus-visible,
  .mainnav a.lvl3:hover,
  .mainnav a.lvl3:focus,
  .mainnav a.lvl3:focus-visible {
    color: #009AC4;
  }
  .mainnav a.active, .mainnav a.is-active,
  .mainnav a.lvl1.active,
  .mainnav a.lvl1.is-active,
  .mainnav a.lvl2.active,
  .mainnav a.lvl2.is-active,
  .mainnav a.lvl3.active,
  .mainnav a.lvl3.is-active {
    color: #009AC4;
  }
}

@media screen and (min-width: 79.9375em) {
  .mainnav {
    color: #0D2944;
  }
  .mainnav a,
  .mainnav a.lvl1,
  .mainnav a.lvl2,
  .mainnav a.lvl3 {
    color: #0D2944;
    font-weight: 500;
  }
  .mainnav a:hover, .mainnav a:focus, .mainnav a:focus-visible,
  .mainnav a.lvl1:hover,
  .mainnav a.lvl1:focus,
  .mainnav a.lvl1:focus-visible,
  .mainnav a.lvl2:hover,
  .mainnav a.lvl2:focus,
  .mainnav a.lvl2:focus-visible,
  .mainnav a.lvl3:hover,
  .mainnav a.lvl3:focus,
  .mainnav a.lvl3:focus-visible {
    color: #D1FF00;
  }
  .mainnav a.active,
  .mainnav a.lvl1.active,
  .mainnav a.lvl2.active,
  .mainnav a.lvl3.active {
    color: #D1FF00;
  }
}

@media screen {
  .page-footer {
    color: #0D2944;
    /*
    .footer-links.neg {
      a {
        border-color: $white;
        color: $white;

        &::before { background-color: $col-akzent-1; }
        &::after { background-image: url('../images/icon_ellipse_wht.svg'); }
      }

      a:hover,
      a:focus,
      a:focus-visible,
      a:active {
        color: $fc-a;
        border-color: $fc-a;
       // &::before { width: 0; }
        &::after {
          background-image: url('../images/icon_ellipse_drk.svg');
        }
      }
    }
      */
  }
  .page-footer a {
    color: #D1FF00;
  }
  .page-footer a:hover, .page-footer a:focus, .page-footer a:focus-visible {
    color: inherit;
  }
  .page-footer a.active {
    color: inherit;
  }
}

.neos-backend h1 + picture,
.neos-backend h2 + picture {
  margin-top: 0.3em;
}

.neos-backend a.button-link *,
.neos-backend span.button-link *,
.neos-backend button.button-link * {
  display: inline-block;
}

.headline-mixin .ff-akz {
  font-family: "Ubuntu", helvetica, arial, sans-serif;
  font-style: italic;
  color: #009AC4;
}

.headline-mixin .anlesetext {
  margin-top: 3rem;
}

.link-extern-icon {
  height: 0.8em;
  margin-left: 6px;
  margin-right: 3px;
  fill: currentColor;
}

a:hover .link-extern-icon,
a:focus-visible .link-extern-icon {
  fill: currentColor;
}

@media print {
  * {
    margin: 0;
    padding: 0;
  }
  body {
    font-size: 10pt;
    padding: 0 5px;
  }
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  nav {
    display: none;
  }
  /* Positionieren der Inhaltselemente */
  .wrapper {
    position: relative;
    width: 940px;
    margin: 0 auto;
  }
  #main .inside {
    clear: both;
  }
  #logo {
    display: block !important;
    padding: 0 0 60px 0;
  }
  #logo img {
    display: inline;
  }
  footer {
    margin-top: 40px;
  }
  footer .ym-g50.ym-gl {
    width: 60%;
  }
  footer .ym-g50.ym-gr {
    width: 40%;
  }
  footer .ym-gbox-right .ym-gr {
    display: none;
  }
  footer .ym-gbox-right .ym-g50.ym-gl {
    width: 100%;
  }
  /*	
	.print-nav { width: 100%; margin-bottom: 60px; }
	.print-nav td { font-size: 24px; font-weight: bold; }
  
  .news-teaser.inside { padding-bottom: 60px; overflow: hidden; }
  .news-teaser .ym-gl { float: left; }
  .news-teaser .ym-g25 { width: 25%; }
  .news-teaser h1 { font-size: 12pt; }
  .news-teaser .news-teaser-text { padding-top: 10px; padding-right: 10px; color: #000; text-transform: none; }
  .news-teaser .news-teaser-link { display: none; }
  .shadows { box-shadow: none; }
  
  .sidebox, .sidebox .ansprechpartner li { padding-top: 30px; }
  
  .mediathek { margin-top: 30px; }
  .mediathek .selectOutside,
  .mediathek .selectInside { display: inline; }
  
  ol.news-teaser { margin: 0px -5px; list-style: none; }
	ol.news-teaser li { display: inline-block; width: 25%; margin: 0; padding: 40px 0 0 0; vertical-align: top; }
	ol.news-teaser article { margin: 5px; }
*/
  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  .formular {
    width: 400px;
  }
  .formular form {
    margin: 20px 0;
  }
  .formular fieldset {
    position: relative;
    margin-bottom: 10px;
    padding: 20px 0px 8px 0px;
  }
  .formular div.nolabel {
    padding: 20px;
    font-weight: bold;
  }
  .formular p.legend {
    margin-bottom: 20px;
    font-size: 125%;
  }
  .formular label {
    width: 150px;
    display: block;
    float: left;
    text-align: left;
    padding-right: 10px;
    line-height: 2em;
  }
  .formular input, .formular textarea {
    border: 1px solid #999;
    padding: 3px;
  }
  .formular input.margin-top {
    margin-top: 3px;
    border: 0;
  }
  .formular input.submit {
    display: none;
  }
  .formular input.textfield,
  .formular textarea.textfield {
    width: 210px;
  }
  .formular textarea {
    height: 80px;
  }
  .formular form fieldset div.floatbox {
    margin-bottom: 5px;
    overflow: hidden;
  }
  .formular form fieldset div.pflichtfelder {
    display: none;
  }
  .formular #mail {
    display: none;
  }
}