@charset "UTF-8";
/**
 * HAUR-DIGI Pattern Library.
 */
/**
 * Global settings.
 */
/**
 * Bacon overrides.
 */
/**
 * Mixins (imported after variables so they can use them)
 */
@keyframes skeleton-loading {
  0% {
    transform: translateX(-100%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/**
 * Application wide variables.
 */
:root {
  --text-5xl: clamp(1.5rem, 1.22rem + 2.25vw, 3.25rem);
  --text-4xl: clamp(1.6rem, 1.27rem + 1.64vw, 2.75rem);
  --text-3xl: clamp(1.42rem, 1.2rem + 1.11vw, 2.2rem);
  --text-2xl: clamp(1.27rem, 1.12rem + 0.7vw, 1.76rem);
  --text-xl: clamp(1.19rem, 1.08rem + 0.56vw, 1.58rem);
  --text-lg: clamp(1.13rem, 1.04rem + 0.4vw, 1.41rem);
  --text-base: clamp(1rem, 0.96rem + 0.18vw, 1.13rem);
  --text-md: clamp(0.88rem, 0.84rem + 0.18vw, 1rem);
  --text-sm: clamp(0.89rem, 0.89rem + 0.02vw, 0.9rem);
  --text-xs: clamp(0.79rem, 0.81rem + -0.1vw, 0.72rem);
  --text-size: 1rem;
  --text-size-sm: 0.875rem;
  --text-size-xs: 0.75rem;
  --line-height: 1.5;
  --font-family: "Interstate", sans-serif;
  --h1-margin: 0 0 0.35em;
  --h1-size: calc(var(--text-size) * 2.125);
  --h1-line-height: calc(var(--h1-size) * 1.118);
  --h2-margin: 0 0 0.35em;
  --h2-size: calc(var(--text-size) * 1.75);
  --h2-line-height: calc(var(--h2-size) * 1.214);
  --h3-margin: 0 0 0.4em;
  --h3-size: calc(var(--text-size) * 1.5);
  --h3-line-height: calc(var(--h3-size) * 1.333);
  --h4-margin: 0 0 0.5em;
  --h4-size: calc(var(--text-size) * 1.25);
  --h4-line-height: calc(var(--h4-size) * 1.4);
  --cookie-consent-link-color: var(--c-link);
  --cookie-consent-checkbox-color: var(--c-link);
  --cookie-consent-button-primary-background: var(--c-link);
  --cookie-consent-button-primary-background-hover: var(--c-link-hocus);
  --s-4xs: 0.063rem;
  --s-3xs: 0.125rem;
  --s-2xs: 0.25rem;
  --s-xs: 0.5rem;
  --s-sm: 0.75rem;
  --s-md: 1rem;
  --s-lg: 1.25rem;
  --s-xl: 1.5rem;
  --s-2xl: 1.75rem;
  --s-3xl: 2rem;
  --s-4xl: 2.5rem;
  --s-5xl: 3rem;
  --s-6xl: 4rem;
  --s-7xl: 5rem;
  --s-8xl: 6rem;
  --s-9xl: 7rem;
  --s-10xl: 8rem;
  --s-11xl: 9rem;
  --s-12xl: 10rem;
  --w-narrow: 18.125rem;
  --w-base: 38.75rem;
  --w-wide: 52.5rem;
  --w-ultra: 66.25rem;
  --w-ultra-plus: 71.25rem;
  --w-full: 80rem;
  --w-max: 90rem;
  --w-full-width: 122.5rem;
  --hero-max-width: 100rem;
  --easing: 0.2s ease-in-out;
}
@media (min-width: 800px) {
  :root {
    --h1-margin: 0 0 0.55em;
    --h1-size: calc(var(--text-size) * 2.333);
    --h2-margin: 0 0 0.6em;
    --h2-size: calc(var(--text-size) * 2);
    --h3-margin: 0 0 0.6em;
    --h3-size: calc(var(--text-size) * 1.556);
    --h3-line-height: calc(var(--h3-size) * 1.357);
    --h4-margin: 0 0 0.55em;
    --h4-size: calc(var(--text-size) * 1.222);
    --h4-line-height: calc(var(--h4-size) * 1.2727);
  }
}

/*!
 *
 * haur-digi - Hauraton WordPress theme.
 * @version v2.0.0
 * @link undefined
 * @author undefined
 *
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Remove all intrusive padding and margin browser defaults.
 */
/* stylelint-disable selector-list-comma-newline-after */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  padding: 0;
  margin: 0;
}

/* stylelint-enable selector-list-comma-newline-after */
/**
 * Remove trailing margins from nested lists.
 */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Global properties.
 */
:root {
  /**
   * Colors.
   */
  --c-brand: #c70017;
  --c-brand-secondary: #01595a;
  --c-brand-secondary-darker: #005657;
  --c-brand-light: #1a696a;
  --c-secondary-light: #bcd6d6;
  --c-secondary-ultralight: #edf3f3;
  --c-grayscale: #000;
  --c-grayscale-off-dark: #070707;
  --c-grayscale-off-dark-teal: #000809;
  --c-grayscale-black-hover: #2e2e2e;
  --c-grayscale-black-active: #404040;
  --c-grayscale-dark: #575756;
  --c-grayscale-mid: #818181;
  --c-grayscale-light: #aaa;
  --c-grayscale-lighter: #d8d8d8;
  --c-grayscale-off-white: #f7f7f7;
  --c-grayscale-off-white-darker: #f0f0f0;
  --c-skeleton: #f5f5f5;
  --c-skeleton-shimmer: #ededed;
  --c-type: #575756;
  --c-link: #c70017;
  --c-link-hocus: #a30013;
  --c-link-active: #8f0011;
  --c-link-focus: #0071e3;
  --c-iframe-brand-secondary: #1a1a1a;
  --c-iframe-secondary-light: #b3b3b3;
  --c-iframe-secondary-ultralight: #e6e6e6;
  /**
   * Typography.
   */
  --g-font-family: Interstate, sans-serif;
  --g-alt-font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  --g-font-size: var(--text-size);
  --g-font-weight: 400;
  --g-line-height: var(--line-height);
  --g-font-size-h1: var(--h1-size);
  --g-line-height-h1: var(--h1-line-height);
  --g-font-size-h2: var(--h2-size);
  --g-line-height-h2: var(--h2-line-height);
  --g-font-size-h3: var(--h3-size);
  --g-line-height-h3: var(--h3-line-height);
  --g-font-size-h4: var(--h4-size);
  --g-line-height-h4: var(--h4-line-height);
  /**
   * Spacing.
   */
  --g-spacing-unit: 1em;
}

/**
 * Base page setup.
 *
 * 1. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 2. Ensure the page always fills at least the entire height of the viewport.
 * 3. Hide overflowing elements on mobile/narrow devices.
 */
html {
  overflow-y: scroll;
  min-height: 100%;
}

body {
  overflow-x: hidden;
  background-color: #fff;
}

/**
 * Global element box-sizing.
 *
 * 1. Set everything to border-box by default but allow per-component changes.
 *    http:/css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
html {
  box-sizing: border-box;
}

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

/**
 * Shared base spacing.
 */
/* stylelint-disable selector-list-comma-newline-after */
address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 1em;
}

/* stylelint-enable selector-list-comma-newline-after */
/**
 * Base link styling.
 */
a {
  color: #c70017;
}
a:hover, a:focus {
  color: #a30013;
}
a:active {
  color: #8f0011;
}

/**
 * Base image styling.
 *
 * 1. Fluid images for responsive purposes.
 * 2. Ensure that images will be retain aspect ratio (and so be responsive)
 *    even if explicit `width` and `height` attributes are set.
 * 3. Emphasise `alt` text if shown.
 * 4. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements. Safer alternative to using `display: block;`.
 */
img {
  max-width: 100%;
  height: auto;
  font-style: italic;
  vertical-align: middle;
}

/**
 * Base list styling.
 *
 * 1. Set a sensible browser default override.
 */
/* stylelint-disable selector-list-comma-newline-after */
dd, ol, ul {
  margin-left: 1em;
}

/* stylelint-enable selector-list-comma-newline-after */
/**
 * Stacked list with default styling (such as bullets) removed.
 */
.list-unstyled {
  margin-left: 0;
  list-style: none;
}

/**
 * Base table styling.
 *
 * 1. Ensure tables fill up as much space as possible.
 */
table {
  width: 100%;
}

/**
 * Global typography defaults.
 *
 * 1. Improve font rendering on certain browsers.
 */
html {
  font-family: "Interstate", sans-serif;
  font-size: var(--text-size);
  font-weight: 400;
  line-height: var(--line-height);
  color: #575756;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/**
 * H1-H6 headings.
 */
/* stylelint-disable selector-list-comma-newline-after */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: var(--c-grayscale);
}

/* stylelint-enable selector-list-comma-newline-after */
h1 {
  font-size: var(--h1-size);
  line-height: var(--h1-line-height);
}

h2 {
  font-size: var(--h2-size);
  line-height: var(--h2-line-height);
}

h3 {
  font-size: var(--h3-size);
  line-height: var(--h3-line-height);
}

h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-line-height);
}

/**
 * Horizontal rules.
 */
hr {
  height: 1px;
  border: 0;
  margin: 1.5em 0;
  background-color: rgb(150.45, 150.45, 150.45);
}

/**
 * Fieldsets.
 *
 * To encourage the use of `<fieldset>` for accessibility,
 * default styling has been removed and abstracted to
 * this `.fieldset` class.
 */
fieldset {
  padding: 0;
  border: 0;
  margin: 0 0 1em;
}

.fieldset {
  padding: 0.75em;
  border: 1px #aaa solid;
}
.fieldset legend {
  padding: 0 0.25em;
  margin-left: -0.25em;
}

/**
 * Field group
 * Wraps individual form inputs and their labels, helper text etc
 */
.field:not(:last-child),
.field-group:not(:last-child) {
  margin-bottom: 1em;
}

/**
 * Grouped fields
 * Wraps several form inputs. E.g. input with connected button.
 */
.field-group {
  display: flex;
}
.field-group * + * {
  margin-left: -1px;
}

/**
 * Form input label.
 */
label,
.label {
  display: block;
  margin: 0 0 5px;
  font-size: var(--text-size);
  font-weight: 400;
  line-height: 1.5;
  color: var(--c-grayscale);
}

/**
 * Standardised 'text box' inputs.
 *
 * 1. Receives standardised form input styling.
 */
[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%;
  padding: 0.6em 0.6em;
  border: 1px #aaa solid;
  border-radius: 3px;
  appearance: none;
  background-color: #fff;
  box-shadow: none;
  font-size: 1em;
  line-height: 1.5;
}
[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 {
  border: 1px var(--c-grayscale) solid;
  outline: none;
  background-color: #fff;
  box-shadow: none;
}

textarea {
  max-width: 100%;
}
textarea:not([rows]) {
  min-height: 120px;
}
textarea[rows] {
  height: auto;
}

/**
 * Styled select input.
 *
 * 1. Receives standardised form input styling.
 * 2. Uses standardised font-size and line-height to match height of other inputs.
 * 3. Inline SVG arrow icon.
 * 4. Ensure text color matches other form inputs/content.
 */
select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em 0.6em;
  border: 1px #aaa solid;
  border-radius: 3px;
  appearance: none;
  background-color: #fff;
  box-shadow: none;
  font-size: 1em;
  line-height: 1.5;
  height: calc(2.7em + 2px);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 9.438-7 7-7-7' stroke='%23000' stroke-width='1.28' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-origin: content-box;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.5625rem;
  color: inherit;
}
select:focus {
  border: 1px var(--c-grayscale) solid;
  outline: none;
  background-color: #fff;
  box-shadow: none;
}

/**
 * Shared choice input styling.
 *
 * 1. Flex item but with a fixed size
 * 2. Make the input proportionally bigger than it's parent font-size
 */
.choice-input {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.radio [type=radio], .checkbox [type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.choice-input__indicator {
  position: relative;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  border: 1px #aaa solid;
  border-radius: 0;
  font-size: 1.25em;
}
.choice-input__label {
  flex: 1 1 auto;
  margin-left: 1em;
}

/*
 * Inline choice inputs
 */
.choice-inputs {
  display: flex;
}
.choice-inputs:not(.choice-inputs--stacked) .choice-input:not(:last-child) {
  margin-right: 2em;
}
.choice-inputs--stacked {
  flex-direction: column;
}
.choice-inputs--stacked .choice-input:not(:last-child) {
  margin-bottom: 0.5em;
}

/**
 * Checkbox input.
 *
 * <label class="checkbox choice-input">
 *   <input type="checkbox">
 *   <span class="choice-input__indicator checkbox__indicator"></span>
 *   <span class="choice-input__label">Checkbox</span>
 * </label>
 */
.checkbox__indicator:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 16px;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWNoZWNrIiBoZWlnaHQ9IjE2IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMiAxNiIgd2lkdGg9IjEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNXoiPjwvcGF0aD48L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: 12px 16px;
}
:checked + .checkbox__indicator {
  background-color: #c70017;
}

/**
 * Radio button input.
 *
 * <label class="radio choice-input">
 *   <input type="radio">
 *   <span class="choice-input__indicator radio__indicator"></span>
 *   <span class="choice-input__label">Checkbox</span>
 * </label>
 */
.radio__indicator {
  border-radius: 100%;
}
.radio__indicator:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.75em;
  height: 0.75em;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  background-color: transparent;
}
:checked + .radio__indicator:before {
  background-color: #c70017;
}

/**
 * File inputs.
 *
 * 1. Wrapping .file-input must be a label which refers to input child element.
 * 2. JS snippet from docs can be included to update button text with filename.
 */
.file-input {
  position: relative;
}
.file-input__input {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
}
.file-input__label {
  display: inline-flex;
  align-items: center;
  padding: 0.6em 0.6em;
  border-radius: 3px;
  cursor: pointer;
  background-color: #c70017;
  color: #fff;
  line-height: 1.5;
}
.file-input__label:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.3em;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01LjAxNiAxOGgxMy45Njl2Mi4wMTZoLTEzLjk2OXYtMi4wMTZ6TTkgMTUuOTg0di02aC0zLjk4NGw2Ljk4NC02Ljk4NCA2Ljk4NCA2Ljk4NGgtMy45ODR2NmgtNnoiPjwvcGF0aD48L3N2Zz4K");
  background-size: 100%;
}
.file-input__label:after {
  content: attr(data-file-upload-button-text);
}
.file-input__input:valid + .file-input__label:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOC45ODQgNi40MjJsLTUuNTc4IDUuNTc4IDUuNTc4IDUuNTc4LTEuNDA2IDEuNDA2LTUuNTc4LTUuNTc4LTUuNTc4IDUuNTc4LTEuNDA2LTEuNDA2IDUuNTc4LTUuNTc4LTUuNTc4LTUuNTc4IDEuNDA2LTEuNDA2IDUuNTc4IDUuNTc4IDUuNTc4LTUuNTc4eiI+PC9wYXRoPjwvc3ZnPgo=");
}
.file-input__input:valid + .file-input__label:after {
  content: attr(data-file-upload-button-text-valid);
}

/**
 * Helper text to accompany a form element.
 *
 * @example "Your password must be at least eight characters long and contain at least one number".
 */
.help-text {
  margin-top: 3px;
  font-size: 0.75em;
  font-style: italic;
}

/**
 * Media object. The original and best.
 * Further: https://philipwalton.github.io/solved-by-flexbox/demos/media-object/
 */
.o-media {
  display: flex;
  align-items: flex-start;
}

.o-media__figure {
  margin-right: 1em;
}

.o-media__body {
  flex: 1;
}

/**
 * Reverse media object (image on right)
 */
.o-media--rev {
  align-items: flex-end;
}
.o-media--rev .o-media__figure {
  margin-right: 0;
  margin-left: 1em;
}

/**
 * Clearfix
 */
.clearfix:after,
.cf:after {
  display: block !important;
  content: "" !important;
  clear: both !important;
}

/**
 * Remove all intrusive padding and margin browser defaults.
 *
 * 1. Fixes IE11 picture images wrong width.
 */
* {
  box-sizing: border-box;
}

body {
  overflow: initial;
}

html {
  overflow-x: hidden;
}

img {
  width: 100%;
}

/**
 * Forms styling / Bacon overrides.
 */
.choice-input__indicator {
  font-size: 1.375rem;
  background-color: #fff;
}
[type=checkbox]:focus-visible + .choice-input__indicator {
  outline: 5px auto var(--c-link-focus);
}

.radio__indicator:before {
  width: 0.4em;
  height: 0.4em;
}

input[type=radio]:checked + .radio__indicator:before {
  background-color: var(--c-grayscale);
}

[type=text]:focus-visible,
[type=password]:focus-visible,
[type=date]:focus-visible,
[type=datetime]:focus-visible,
[type=datetime-local]:focus-visible,
[type=month]:focus-visible,
[type=week]:focus-visible,
[type=email]:focus-visible,
[type=number]:focus-visible,
[type=search]:focus-visible,
[type=tel]:focus-visible,
[type=time]:focus-visible,
[type=url]:focus-visible,
[type=color]:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 5px auto var(--c-link-focus);
}

.c-crm-form,
.c-crm-form-teaser {
  background-color: var(--c-grayscale-off-white);
}
.c-crm-form .form_container,
.c-crm-form-teaser .form_container {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-crm-form .form_container:only-child,
  .c-crm-form-teaser .form_container:only-child {
    grid-column: 1/3;
  }
}
.c-crm-form .form_container #form_title,
.c-crm-form-teaser .form_container #form_title {
  display: none;
}
.c-crm-form .form_container .form__thanks-title,
.c-crm-form-teaser .form_container .form__thanks-title {
  font-size: var(--text-2xl);
  font-weight: 500;
  color: #000;
  margin-bottom: var(--s-lg);
}
.c-crm-form .form_container [id*=form_error],
.c-crm-form-teaser .form_container [id*=form_error] {
  color: var(--c-link);
}
.c-crm-form .form_container #form_error_mandatory_title,
.c-crm-form .form_container #form_error_validation_title,
.c-crm-form .form_container #form_error_others_title,
.c-crm-form .form_container #form_error_undefined,
.c-crm-form-teaser .form_container #form_error_mandatory_title,
.c-crm-form-teaser .form_container #form_error_validation_title,
.c-crm-form-teaser .form_container #form_error_others_title,
.c-crm-form-teaser .form_container #form_error_undefined {
  font-weight: 700;
}
.c-crm-form .form_container #form div[class*=cols]:has(> *),
.c-crm-form-teaser .form_container #form div[class*=cols]:has(> *) {
  margin-bottom: var(--s-xl);
}
.c-crm-form .form_container #form .label,
.c-crm-form-teaser .form_container #form .label {
  --text-size: 0.9rem;
}
.c-crm-form .form_container #form #submit_div,
.c-crm-form-teaser .form_container #form #submit_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-crm-form .form_container #form #submit_div > div,
.c-crm-form-teaser .form_container #form #submit_div > div {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--c-grayscale);
}
.c-crm-form .form_container #form input,
.c-crm-form .form_container #form select,
.c-crm-form-teaser .form_container #form input,
.c-crm-form-teaser .form_container #form select {
  color: #000;
  font-weight: 400;
}
.c-crm-form .form_container #form .field_col:has(input[type=checkbox]),
.c-crm-form-teaser .form_container #form .field_col:has(input[type=checkbox]) {
  display: flex;
  width: 100%;
}
.c-crm-form .form_container #form .field_col:has(input[type=checkbox]) > div:nth-child(1),
.c-crm-form-teaser .form_container #form .field_col:has(input[type=checkbox]) > div:nth-child(1) {
  order: 1;
}
.c-crm-form .form_container #form .field_col:has(input[type=checkbox]) > div:nth-child(2),
.c-crm-form-teaser .form_container #form .field_col:has(input[type=checkbox]) > div:nth-child(2) {
  order: 0;
}
.c-crm-form .form_container #form input[type=checkbox],
.c-crm-form-teaser .form_container #form input[type=checkbox] {
  width: 22px;
  height: 22px;
  margin-right: var(--s-md);
}
.c-crm-form .form_container #form input[type=submit],
.c-crm-form-teaser .form_container #form input[type=submit] {
  display: inline-flex;
  gap: var(--s-md);
  align-items: center;
  justify-content: center;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.66rem);
  font-size: 1rem;
  font-weight: bold;
  line-height: inherit;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: var(--c-link);
  border: solid 1px transparent;
  border-radius: 0.1875rem;
}
.c-crm-form .form_container #form input[type=submit]:hover,
.c-crm-form-teaser .form_container #form input[type=submit]:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--c-link-hocus);
}
.c-crm-form .form_container #form input[type=submit]:focus,
.c-crm-form-teaser .form_container #form input[type=submit]:focus {
  outline: 0;
  outline-offset: 0;
}
.c-crm-form .form_container #form input[type=submit]:focus-visible,
.c-crm-form-teaser .form_container #form input[type=submit]:focus-visible {
  outline: 3px solid var(--c-link-focus);
  outline-offset: 3px;
}
.c-crm-form .form_container #form input[type=submit]:active,
.c-crm-form-teaser .form_container #form input[type=submit]:active {
  color: #fff;
  background-color: var(--c-link-active);
}
.c-crm-form .form_container #form input[type=submit]:disabled, .c-crm-form .form_container #form input[type=submit]:disabled:hover, .c-crm-form .form_container #form input[type=submit]:disabled:active, .c-crm-form .form_container #form input[type=submit]:disabled:focus, .c-crm-form .form_container #form input[type=submit]:disabled:focus-visible,
.c-crm-form-teaser .form_container #form input[type=submit]:disabled,
.c-crm-form-teaser .form_container #form input[type=submit]:disabled:hover,
.c-crm-form-teaser .form_container #form input[type=submit]:disabled:active,
.c-crm-form-teaser .form_container #form input[type=submit]:disabled:focus,
.c-crm-form-teaser .form_container #form input[type=submit]:disabled:focus-visible {
  color: #fff;
  cursor: not-allowed;
  background-color: var(--c-grayscale-mid);
  border: solid 1px var(--c-grayscale-light);
  outline: 0;
}
.c-crm-form .form_container ul,
.c-crm-form-teaser .form_container ul {
  margin-left: 0;
}
.c-crm-form .form_container ul li,
.c-crm-form-teaser .form_container ul li {
  list-style: none;
  display: flex;
  margin-bottom: var(--s-md);
}
.c-crm-form .form_container ul li .product-presentation__list-item,
.c-crm-form-teaser .form_container ul li .product-presentation__list-item {
  margin-right: var(--s-sm);
}
.c-crm-form .form_container ul li .product-presentation__list-item svg,
.c-crm-form-teaser .form_container ul li .product-presentation__list-item svg {
  width: 24px;
  height: 24px;
}
.c-crm-form .form_container .form__thanks,
.c-crm-form-teaser .form_container .form__thanks {
  display: none;
}
.c-crm-form .form_container > p:last-child,
.c-crm-form-teaser .form_container > p:last-child {
  display: none;
}
.c-crm-form form.marketingForm,
.c-crm-form-teaser form.marketingForm {
  font-size: inherit;
  color: inherit;
}
.c-crm-form form.marketingForm table,
.c-crm-form-teaser form.marketingForm table {
  display: table !important;
  margin-bottom: 0 !important;
}
.c-crm-form form.marketingForm > div,
.c-crm-form-teaser form.marketingForm > div {
  margin: 0 !important;
  max-width: 100% !important;
}
.c-crm-form form.marketingForm th.ui-sortable,
.c-crm-form-teaser form.marketingForm th.ui-sortable {
  padding: 0 !important;
}
.c-crm-form form.marketingForm table,
.c-crm-form-teaser form.marketingForm table {
  width: 100% !important;
}
.c-crm-form form.marketingForm th,
.c-crm-form-teaser form.marketingForm th {
  padding: 0 !important;
  width: 100% !important;
}
.c-crm-form form.marketingForm .optionSetFormFieldBlock,
.c-crm-form-teaser form.marketingForm .optionSetFormFieldBlock {
  padding: 0;
  gap: 0;
}
.c-crm-form form.marketingForm .textFormFieldBlock,
.c-crm-form form.marketingForm .phoneFormFieldBlock,
.c-crm-form form.marketingForm .dateTimeFormFieldBlock,
.c-crm-form form.marketingForm .twoOptionFormFieldBlock,
.c-crm-form form.marketingForm .optionSetFormFieldBlock,
.c-crm-form form.marketingForm .multiOptionSetFormFieldBlock,
.c-crm-form form.marketingForm .lookupFormFieldBlock,
.c-crm-form-teaser form.marketingForm .textFormFieldBlock,
.c-crm-form-teaser form.marketingForm .phoneFormFieldBlock,
.c-crm-form-teaser form.marketingForm .dateTimeFormFieldBlock,
.c-crm-form-teaser form.marketingForm .twoOptionFormFieldBlock,
.c-crm-form-teaser form.marketingForm .optionSetFormFieldBlock,
.c-crm-form-teaser form.marketingForm .multiOptionSetFormFieldBlock,
.c-crm-form-teaser form.marketingForm .lookupFormFieldBlock {
  padding: 0;
  gap: 0;
  margin-bottom: var(--s-xl);
}
.c-crm-form form.marketingForm .phoneFormFieldBlock .phoneCountryCode,
.c-crm-form-teaser form.marketingForm .phoneFormFieldBlock .phoneCountryCode {
  border: 0;
}
.c-crm-form form.marketingForm .consentBlock,
.c-crm-form-teaser form.marketingForm .consentBlock {
  padding: 0 !important;
  margin-bottom: var(--s-sm);
}
.c-crm-form form.marketingForm .consentBlock div,
.c-crm-form-teaser form.marketingForm .consentBlock div {
  gap: var(--s-xs);
  display: flex;
}
.c-crm-form form.marketingForm div[data-editorblocktype=SubmitButton],
.c-crm-form-teaser form.marketingForm div[data-editorblocktype=SubmitButton] {
  margin-top: var(--s-md);
  padding: 0;
  text-align: right;
}
.c-crm-form form.marketingForm .marketingForm .primaryButtonWrapper,
.c-crm-form form.marketingForm .submitButtonWrapper,
.c-crm-form-teaser form.marketingForm .marketingForm .primaryButtonWrapper,
.c-crm-form-teaser form.marketingForm .submitButtonWrapper {
  text-align: left;
  margin: 0;
}
.c-crm-form div[data-cached-form-url] .onFormSubmittedFeedback,
.c-crm-form-teaser div[data-cached-form-url] .onFormSubmittedFeedback {
  background-color: inherit;
}
.c-crm-form div[data-cached-form-url] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage,
.c-crm-form-teaser div[data-cached-form-url] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
  font-family: var(--font-family);
  color: var(--c-grayscale);
  line-height: 1.5;
  font-size: inherit;
}
.c-crm-form .marketingForm .primaryButton,
.c-crm-form .submitButton,
.c-crm-form [type=submit],
.c-crm-form-teaser .marketingForm .primaryButton,
.c-crm-form-teaser .submitButton,
.c-crm-form-teaser [type=submit] {
  font-family: var(--font-family) !important;
  display: inline-flex;
  gap: var(--s-md);
  align-items: center;
  justify-content: center;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.66rem);
  font-size: 1rem;
  font-weight: bold;
  line-height: inherit;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: var(--c-link);
  border: solid 1px transparent;
  border-radius: 0.1875rem;
}
.c-crm-form .marketingForm .primaryButton:hover,
.c-crm-form .submitButton:hover,
.c-crm-form [type=submit]:hover,
.c-crm-form-teaser .marketingForm .primaryButton:hover,
.c-crm-form-teaser .submitButton:hover,
.c-crm-form-teaser [type=submit]:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--c-link-hocus);
}
.c-crm-form .marketingForm .primaryButton:focus,
.c-crm-form .submitButton:focus,
.c-crm-form [type=submit]:focus,
.c-crm-form-teaser .marketingForm .primaryButton:focus,
.c-crm-form-teaser .submitButton:focus,
.c-crm-form-teaser [type=submit]:focus {
  outline: 0;
  outline-offset: 0;
}
.c-crm-form .marketingForm .primaryButton:focus-visible,
.c-crm-form .submitButton:focus-visible,
.c-crm-form [type=submit]:focus-visible,
.c-crm-form-teaser .marketingForm .primaryButton:focus-visible,
.c-crm-form-teaser .submitButton:focus-visible,
.c-crm-form-teaser [type=submit]:focus-visible {
  outline: 3px solid var(--c-link-focus);
  outline-offset: 3px;
}
.c-crm-form .marketingForm .primaryButton:active,
.c-crm-form .submitButton:active,
.c-crm-form [type=submit]:active,
.c-crm-form-teaser .marketingForm .primaryButton:active,
.c-crm-form-teaser .submitButton:active,
.c-crm-form-teaser [type=submit]:active {
  color: #fff;
  background-color: var(--c-link-active);
}
.c-crm-form .marketingForm .primaryButton:disabled, .c-crm-form .marketingForm .primaryButton:disabled:hover, .c-crm-form .marketingForm .primaryButton:disabled:active, .c-crm-form .marketingForm .primaryButton:disabled:focus, .c-crm-form .marketingForm .primaryButton:disabled:focus-visible,
.c-crm-form .submitButton:disabled,
.c-crm-form .submitButton:disabled:hover,
.c-crm-form .submitButton:disabled:active,
.c-crm-form .submitButton:disabled:focus,
.c-crm-form .submitButton:disabled:focus-visible,
.c-crm-form [type=submit]:disabled,
.c-crm-form [type=submit]:disabled:hover,
.c-crm-form [type=submit]:disabled:active,
.c-crm-form [type=submit]:disabled:focus,
.c-crm-form [type=submit]:disabled:focus-visible,
.c-crm-form-teaser .marketingForm .primaryButton:disabled,
.c-crm-form-teaser .marketingForm .primaryButton:disabled:hover,
.c-crm-form-teaser .marketingForm .primaryButton:disabled:active,
.c-crm-form-teaser .marketingForm .primaryButton:disabled:focus,
.c-crm-form-teaser .marketingForm .primaryButton:disabled:focus-visible,
.c-crm-form-teaser .submitButton:disabled,
.c-crm-form-teaser .submitButton:disabled:hover,
.c-crm-form-teaser .submitButton:disabled:active,
.c-crm-form-teaser .submitButton:disabled:focus,
.c-crm-form-teaser .submitButton:disabled:focus-visible,
.c-crm-form-teaser [type=submit]:disabled,
.c-crm-form-teaser [type=submit]:disabled:hover,
.c-crm-form-teaser [type=submit]:disabled:active,
.c-crm-form-teaser [type=submit]:disabled:focus,
.c-crm-form-teaser [type=submit]:disabled:focus-visible {
  color: #fff;
  cursor: not-allowed;
  background-color: var(--c-grayscale-mid);
  border: solid 1px var(--c-grayscale-light);
  outline: 0;
}
.c-crm-form .emptyContainer,
.c-crm-form-teaser .emptyContainer {
  padding: 0 !important;
}
.c-crm-form .columnContainer,
.c-crm-form-teaser .columnContainer {
  padding: 0 !important;
  float: none !important;
}
.c-crm-form [data-editorblocktype=Field-text],
.c-crm-form [data-editorblocktype=Field-dropdown],
.c-crm-form-teaser [data-editorblocktype=Field-text],
.c-crm-form-teaser [data-editorblocktype=Field-dropdown] {
  margin-bottom: var(--s-xl);
}
.c-crm-form label,
.c-crm-form form.marketingForm label,
.c-crm-form form.marketingForm label *,
.c-crm-form-teaser label,
.c-crm-form-teaser form.marketingForm label,
.c-crm-form-teaser form.marketingForm label * {
  --text-size: 0.9rem;
  margin-top: 0;
  font-family: var(--font-family) !important;
  display: block;
  margin: 0 0 5px;
  font-size: var(--text-size);
  font-weight: 400;
  color: var(--c-grayscale);
}
.c-crm-form label p,
.c-crm-form form.marketingForm label p,
.c-crm-form form.marketingForm label * p,
.c-crm-form-teaser label p,
.c-crm-form-teaser form.marketingForm label p,
.c-crm-form-teaser form.marketingForm label * p {
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: var(--text-size);
  line-height: 1.5;
  color: var(--c-grayscale);
}
.c-crm-form form.marketingForm label *,
.c-crm-form-teaser form.marketingForm label * {
  display: inline-block;
}
.c-crm-form input:not([type=checkbox]),
.c-crm-form form.marketingForm input:not([type=checkbox]),
.c-crm-form-teaser input:not([type=checkbox]),
.c-crm-form-teaser form.marketingForm input:not([type=checkbox]) {
  font-family: var(--font-family) !important;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em 0.6em;
  border: 1px #aaa solid;
  border-radius: 3px;
  -webkit-appearance: none;
  background-color: #fff;
  font-size: 1em;
  height: inherit;
}
.c-crm-form input[type=checkbox],
.c-crm-form form.marketingForm input[type=checkbox],
.c-crm-form-teaser input[type=checkbox],
.c-crm-form-teaser form.marketingForm input[type=checkbox] {
  width: 22px;
  height: 22px;
  border: inherit;
  border-radius: inherit;
  accent-color: inherit;
}
.c-crm-form select,
.c-crm-form form.marketingForm select,
.c-crm-form-teaser select,
.c-crm-form-teaser form.marketingForm select {
  font-family: var(--font-family) !important;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.6em 0.6em;
  border: 1px #aaa solid;
  border-radius: 3px;
  appearance: none;
  background-color: #fff;
  font-size: 1em;
  height: calc(2.7em + 2px);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 9.438-7 7-7-7' stroke='%23000' stroke-width='1.28' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-origin: content-box;
  background-position: right center;
  background-repeat: no-repeat;
}
.c-crm-form [data-editorblocktype=Text],
.c-crm-form-teaser [data-editorblocktype=Text] {
  font-weight: 400;
  font-size: var(--text-size-sm);
  line-height: 1.5;
  color: var(--c-grayscale);
  margin-bottom: var(--s-xl);
}
.c-crm-form [data-editorblocktype=SubscriptionListBlock],
.c-crm-form-teaser [data-editorblocktype=SubscriptionListBlock] {
  margin-bottom: var(--s-sm);
}
.c-crm-form .marketing-subscription-list,
.c-crm-form-teaser .marketing-subscription-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--s-xs);
}
.c-crm-form .marketing-subscription-list label,
.c-crm-form-teaser .marketing-subscription-list label {
  margin-bottom: 0;
}
.c-crm-form [data-section=true],
.c-crm-form-teaser [data-section=true] {
  padding: 0 !important;
}
.c-crm-form [data-editorblocktype=SubmitButtonBlock],
.c-crm-form-teaser [data-editorblocktype=SubmitButtonBlock] {
  margin-left: 0 !important;
  margin-top: var(--s-md);
  text-align: right;
}
.c-crm-form div[data-form-block-id] .onFormSubmittedFeedback,
.c-crm-form-teaser div[data-form-block-id] .onFormSubmittedFeedback {
  background-color: inherit;
}
.c-crm-form div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage,
.c-crm-form-teaser div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
  font-family: var(--font-family);
  color: var(--c-grayscale);
  line-height: 1.5;
  font-size: inherit;
}
.c-crm-form div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackButton,
.c-crm-form-teaser div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackButton {
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.66rem);
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}

/**
 * Icons.
 *
 * Usage:
 *   <svg class="icon"><use xlink:href="#check"></use></svg>
 *
 * Notes: Relies on inlined SVG sprite in page footer.
 *        Adjust icon size via font-size.
 *        font-size: 16px == 16px wide icon.
 *        DO NOT adjust the width values below.
 *
 * To add additional icons:
 * 1. Add SVG icon to /resources/icons folder.
 *    Take care to ensure the SVG is properly formed for web
 *    use (no stroke etc).
 * 2. Run `npm run build` to combine and export all icons
 *    in folder to sprite in /dist.
 */
.icon {
  display: inline-block;
  color: currentColor;
  font-size: inherit;
}
.icon svg {
  display: inline-block;
  width: 1em;
  min-width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
}
.icon--contact svg {
  width: 0.8125em;
}
.icon--contact-speak svg {
  width: 1.1578947368em;
}
.icon--logo svg {
  width: 6.4210526316em;
}
.icon--logo-extended svg {
  width: 4.3571428571em;
}
.icon-team svg {
  width: 1.6538461538em;
}

/**
 * Typography.
 */
h1 {
  margin: var(--h1-margin);
}

h2 {
  margin: var(--h2-margin);
}

h3 {
  margin: var(--h3-margin);
}

h4 {
  margin: var(--h4-margin);
}

h5 {
  margin: var(--h5-margin);
}

h6 {
  margin: var(--h6-margin);
}

* {
  word-break: break-word;
}
*:focus-visible {
  outline: 5px auto var(--c-link-focus);
}

h3,
h4 {
  font-weight: 400;
}

a {
  text-decoration: underline;
  text-underline-position: under;
}

p:last-child {
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

.uc-embedding-container .uc-embedding-buttons .uc-embedding-accept {
  background-color: var(--c-brand-secondary);
}

.hidden {
  display: none;
}

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

.no-scroll {
  overflow: hidden;
}

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

.autocomplete-combobox {
  position: relative;
}

.suggestion-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: 100%;
  z-index: 9999;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid var(--c-grayscale-lighter);
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.suggestion-dropdown-item {
  padding: var(--s-xs) var(--s-md);
  cursor: pointer;
  font-size: var(--text-size-sm);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.suggestion-dropdown-item:hover, .suggestion-dropdown-item:focus {
  background: var(--c-grayscale-off-white);
}
.suggestion-dropdown-item[aria-selected=true] {
  background: var(--c-grayscale-lighter);
}

.file-badge {
  display: inline-block;
  padding: var(--s-3xs) var(--s-xs);
  margin-left: var(--s-xs);
  border-radius: 12px;
  background: var(--c-grayscale-lighter, #D8D8D8);
  color: var(--c-grayscale-black-active);
  text-align: center;
  font-size: var(--text-size-sm);
  font-weight: 700;
  text-transform: uppercase;
}

/**
 * Band styling.
 */
.band {
  display: flex;
  background-color: var(--band-color, transparent);
}
.band > .wrapper, #frame_zone .band > #content_zone {
  display: inherit;
  width: 100%;
}

.c-product-finder .band {
  position: sticky;
  top: 0;
  z-index: 5;
  transition: padding 0.25s ease-in-out, margin 0.25s ease-in-out;
}
@media (min-width: 1024px) {
  .c-product-finder .band {
    padding-inline: var(--s-lg);
  }
}
.c-product-finder .band .wrapper, .c-product-finder .band #frame_zone #content_zone, #frame_zone .c-product-finder .band #content_zone {
  max-width: var(--w-max);
  padding: 0;
}
@media (max-width: 1023px) {
  .c-product-finder .band .wrapper, .c-product-finder .band #frame_zone #content_zone, #frame_zone .c-product-finder .band #content_zone {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .c-product-finder .band.pinned {
    padding-top: var(--s-6xl);
  }
}
.c-product-finder .band.pinned .wrapper, .c-product-finder .band.pinned #frame_zone #content_zone, #frame_zone .c-product-finder .band.pinned #content_zone {
  margin-top: 0;
  margin-bottom: var(--s-xl);
}

.single-product .band {
  position: relative;
}
@media (max-width: 1024px) {
  .single-product .band .wrapper, .single-product .band #frame_zone #content_zone, #frame_zone .single-product .band #content_zone {
    margin-top: var(--s-md);
  }
}

/**
 * Page and components containers.
 *
 * 1. Give mobile and tablets more padding relative to viewport than full-width
 *    desktop (where extra whitespace is present on screen edges).
 */
:root {
  --container-gutter: 60px;
}
@media (min-width: 600px) {
  :root {
    --container-gutter: 80px;
  }
}

.wrapper, #frame_zone #content_zone,
.gform_confirmation_wrapper,
.gform_wrapper,
.event-date__wrapper {
  --max-width: var(--w-full);
  --wrapper-padding: 20px;
  max-width: calc(var(--max-width) + var(--wrapper-padding) * 2);
  padding-right: var(--wrapper-padding);
  padding-left: var(--wrapper-padding);
  margin: var(--container-gutter) auto;
}
@media (min-width: 500px) and (max-width: 699px) {
  .wrapper, #frame_zone #content_zone,
  .gform_confirmation_wrapper,
  .gform_wrapper,
  .event-date__wrapper {
    --wrapper-padding: 35px;
  }
}
@media (min-width: 700px) and (max-width: 1079px) {
  .wrapper, #frame_zone #content_zone,
  .gform_confirmation_wrapper,
  .gform_wrapper,
  .event-date__wrapper {
    --wrapper-padding: 40px;
  }
}
@media (min-width: 1080px) and (max-width: 1359px) {
  .wrapper, #frame_zone #content_zone,
  .gform_confirmation_wrapper,
  .gform_wrapper,
  .event-date__wrapper {
    --wrapper-padding: 70px;
  }
}
.c-background > .wrapper, #frame_zone .c-background > #content_zone,
.c-background > .gform_confirmation_wrapper,
.c-background > .gform_wrapper,
.c-background > .event-date__wrapper {
  margin: 0 auto;
  padding: var(--container-gutter) var(--wrapper-padding);
}
.wrapper .wrapper, #frame_zone #content_zone .wrapper, .wrapper #frame_zone #content_zone, #frame_zone .wrapper #content_zone, #frame_zone #content_zone #content_zone,
.gform_confirmation_wrapper .wrapper,
.gform_wrapper .wrapper,
.gform_confirmation_wrapper #frame_zone #content_zone,
.gform_wrapper #frame_zone #content_zone,
#frame_zone .gform_confirmation_wrapper #content_zone,
#frame_zone .gform_wrapper #content_zone,
.event-date__wrapper .wrapper,
.event-date__wrapper #frame_zone #content_zone,
#frame_zone .event-date__wrapper #content_zone {
  --wrapper-padding: 0px;
  --container-gutter: 0px;
}
@media (max-width: 499px) {
  .wrapper--full-mobile {
    --wrapper-padding: 0px;
  }
}
.wrapper--base, #frame_zone #content_zone,
.event-date__wrapper {
  --max-width: var(--w-base);
}
.wrapper--small {
  --max-width: var(--w-wide);
}
.wrapper--full {
  --max-width: var(--w-full);
}
.wrapper--ultra,
#frame_zone #content_zone .gform_wrapper,
.gform_wrapper {
  --max-width: var(--w-ultra);
}
.wrapper--extended {
  --max-width: var(--w-max);
}

.c-container, #frame_zone #content_zone {
  margin-bottom: var(--container-gutter);
}

/**
 * Global document layout styling.
 */
html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

/**
 * Components background.
 */
.c-background--grey {
  background-color: var(--c-grayscale-off-white);
}

.application-area-details__wrapper .c-hero-image-details {
  background-color: var(--c-brand-secondary);
}
.application-area-details__wrapper .c-hero-image-details picture {
  max-height: 70dvh;
  display: block;
}
@media (max-width: 767px) {
  .application-area-details__wrapper .c-hero-image-details picture {
    padding: var(--s-2xl) 0;
  }
}
.application-area-details__wrapper .c-hero-image-details picture img {
  max-width: var(--w-full);
  max-height: unset;
  animation: entrance 1s ease-in-out forwards;
}
@media (max-width: 767px) {
  .application-area-details__wrapper .c-hero-image-details picture img {
    height: 50dvh;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 2/1), (orientation: landscape) and (max-height: 719px) {
  .application-area-details__wrapper .c-hero-image-details picture img {
    object-fit: contain;
    height: 80dvh;
  }
}
.application-area-details__wrapper .c-hero-image-details .hero-image-details__content {
  animation: contentEntrance 1s ease-in-out forwards;
  transform: translateY(10%);
}

@keyframes entrance {
  0% {
    transform: translateY(-50%) scale(0.95);
    opacity: 0;
  }
  75% {
    transform: translateY(10px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes contentEntrance {
  0% {
    transform: translateY(10%);
  }
  75% {
    transform: translateY(-10px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
}
.event-date__wrapper {
  margin-bottom: -3.33rem;
}

.press-release__city-date {
  margin-bottom: -3.33rem;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--c-grayscale-off-dark);
}

/**
 * Search Results page style.
 */
.search-results .c-pagination, .search-results #jobslisting #joblist_navigator, #jobslisting .search-results #joblist_navigator {
  margin-top: 3.75rem;
}
@media (min-width: 800px) {
  .search-results .c-pagination, .search-results #jobslisting #joblist_navigator, #jobslisting .search-results #joblist_navigator {
    margin-top: 5rem;
  }
}

.sales-office p.headline, .sales-office p.gform_title, .sales-office #content_zone p.success_msg, #content_zone .sales-office p.success_msg, .sales-office #application_box p.group_head, #application_box .sales-office p.group_head, .sales-office #frame_zone p#headline_first, #frame_zone .sales-office p#headline_first {
  margin-bottom: 0;
}

#linked-products .products-listing {
  margin-bottom: var(--s-4xl);
}
#linked-products .products-listing__show-more {
  display: flex;
  justify-content: center;
  margin-top: var(--s-xl);
}
@media (min-width: 768px) {
  #linked-products .products-listing__show-more {
    margin-top: var(--s-2xl);
  }
}
@media (max-width: 599px) {
  #linked-products .products-listing__show-more .c-button {
    width: 100%;
  }
}

.references-prev-next .c-references {
  margin: 0 auto var(--s-4xl) auto;
}

dialog {
  display: block;
  border: 0;
}

/* overlay covers everything */
.vany11-modal-overlay,
.vany11-large-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 666;
  cursor: pointer;
  background: #000;
  opacity: 0.7;
}

.vany11-large-modal-overlay {
  opacity: 0.35;
}

.vany11-modal-overlay[data-background-click=disabled] {
  cursor: auto;
}

/* modal */
.vany11-modal,
.vany11-large-modal {
  position: fixed;
  top: 50%;
  right: auto;
  left: 50%;
  z-index: 667;
  max-height: 98vh;
  overflow: auto;
  transform: translate(-50%, -50%);
}

.vany11-large-modal {
  width: 90%;
  max-width: var(--w-ultra);
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
}

.vany11-modal-close,
.vany11-large-modal-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.vany11-modal-close:before,
.vany11-large-modal-close:before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='1.28' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='m5 5.01 14 14M19 5.01l-14 14'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.vany11-modal-close__text,
.vany11-large-modal-close__text {
  display: none;
}
.vany11-modal-close:focus, .vany11-modal-close:active,
.vany11-large-modal-close:focus,
.vany11-large-modal-close:active {
  outline: 3px solid var(--c-link-focus);
  outline-offset: 3px;
}

.lg-image {
  background-color: #fff;
}

.lg-on .lg-backdrop {
  background-color: rgba(0, 0, 0, 0.9);
}

.lg-outer .lg-toolbar {
  opacity: 1;
  top: 20px;
  right: 20px;
  left: auto;
  width: auto;
}
@media (min-width: 768px) {
  .lg-outer .lg-toolbar {
    top: 40px;
    right: 40px;
  }
}
.lg-outer .lg-toolbar #lg-download,
.lg-outer .lg-toolbar #lg-counter {
  display: none;
}
.lg-outer .lg-toolbar .lg-close {
  padding: 0;
  line-height: 1;
  width: 48px;
  height: 48px;
  font-size: 48px;
}
.lg-outer .lg-toolbar .lg-close:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 20 20'%3E%3Cg stroke='%23ffffff' stroke-width='1.28' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='m4.167 4.175 11.666 11.667M15.833 4.175 4.167 15.842'/%3E%3C/g%3E%3C/svg%3E");
}

/**
 * Headline component style.
 * Using the fluid type scale
 */
.headline, .gform_title, #content_zone .success_msg, #application_box .group_head, #application_box h1, #jobTplContainer #scheme_detail_data ul.scheme-additional-data li, #jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(2), #jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(1), #jobTplContainer .scheme-title h1, #jobslisting #joboffers .real_table_col1 a, #jobslisting h1, #frame_zone #headline_first {
  font-size: var(--font-size, var(--text-base));
  font-weight: var(--font-weight, normal);
  line-height: var(--line, 1.35);
  color: var(--color, var(--c-grayscale));
}
.headline--4xl, #application_box h1, #jobTplContainer .scheme-title h1 {
  --font-size: var(--text-4xl);
  --line: 1.2;
  --color: var(--c-brand-secondary);
}
.headline--3xl, #application_box .group_head {
  --font-size: var(--text-3xl);
  --line: 1.25;
  --color: var(--c-brand-secondary);
}
.headline--2xl, .gform_title, #content_zone .success_msg, #jobTplContainer .scheme-content .scheme-headline, #jobslisting h1, #frame_zone #headline_first {
  --font-size: var(--text-2xl);
  --color: var(--c-brand-secondary);
}
.headline--xl {
  --font-size: var(--text-xl);
  --line: 1.25;
  --color: var(--c-brand-secondary);
}
.headline--lg, #jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(1) {
  --font-size: var(--text-lg);
}
.headline--md {
  --font-size: var(--text-md);
  --line: 1.35;
}
.headline--sm {
  font-size: var(--text-sm);
  line-height: 1.35;
}
.headline--subtitle {
  --font-size: var(--text-2xl);
  --font-weight: 400;
  --color: var(--c-grayscale-dark);
}
.headline--sub-caps {
  --font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: 1px;
  --color: var(--c-type);
}
.headline--caption, #jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(2) {
  --font-size: var(--text-sm);
  --color: var(--c-type);
  --line: 1.6;
}
.headline--light {
  font-weight: 400;
}
.headline--bold, #application_box .group_head, #application_box h1, #jobTplContainer .scheme-content .scheme-headline, #jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(1), #jobTplContainer .scheme-title h1, #jobslisting h1, #frame_zone #headline_first {
  font-weight: 700;
}

/**
 * Text component style.
 */
.c-text, #application_box #cvparser_comment, #frame_zone #content_zone p,
#frame_zone #content_zone p span,
#frame_zone #content_zone .content_text {
  font-size: var(--text-base);
  line-height: 1.6;
}
.c-text h1, #application_box #cvparser_comment h1, #frame_zone #content_zone p h1,
#frame_zone #content_zone .content_text h1,
.c-text h2,
#application_box #cvparser_comment h2,
#frame_zone #content_zone p h2,
#frame_zone #content_zone .content_text h2,
.c-text h3,
#application_box #cvparser_comment h3,
#frame_zone #content_zone p h3,
#frame_zone #content_zone .content_text h3,
.c-text h4,
#application_box #cvparser_comment h4,
#frame_zone #content_zone p h4,
#frame_zone #content_zone .content_text h4,
.c-text h5,
#application_box #cvparser_comment h5,
#frame_zone #content_zone p h5,
#frame_zone #content_zone .content_text h5,
.c-text h6,
#application_box #cvparser_comment h6,
#frame_zone #content_zone p h6,
#frame_zone #content_zone .content_text h6,
.c-text ul li::marker,
#application_box #cvparser_comment ul li::marker,
#frame_zone #content_zone p ul li::marker,
#frame_zone #content_zone .content_text ul li::marker {
  color: var(--c-brand-secondary);
}
.c-text--restricted-width > * {
  max-width: 50ch;
}

.error404 .c-text, .error404 #application_box #cvparser_comment, #application_box .error404 #cvparser_comment, .error404 #frame_zone #content_zone p, #frame_zone #content_zone .error404 p,
.error404 #frame_zone #content_zone p span,
#frame_zone #content_zone p .error404 span,
.error404 #frame_zone #content_zone .content_text,
#frame_zone #content_zone .error404 .content_text {
  --max-width: var(--w-wide);
}
.error404 .c-text h1, .error404 #application_box #cvparser_comment h1, #application_box .error404 #cvparser_comment h1, .error404 #frame_zone #content_zone p h1, #frame_zone #content_zone .error404 p h1,
#frame_zone #content_zone p .error404 span h1,
.error404 #frame_zone #content_zone .content_text h1,
#frame_zone #content_zone .error404 .content_text h1 {
  font-size: var(--text-5xl);
  line-height: 1.2;
}
.error404 .c-text h2, .error404 #application_box #cvparser_comment h2, #application_box .error404 #cvparser_comment h2, .error404 #frame_zone #content_zone p h2, #frame_zone #content_zone .error404 p h2,
#frame_zone #content_zone p .error404 span h2,
.error404 #frame_zone #content_zone .content_text h2,
#frame_zone #content_zone .error404 .content_text h2 {
  color: #000;
  font-size: var(--text-2xl);
}

/* stylelint-disable scss/at-extend-no-missing-placeholder */
#frame_zone {
  max-width: unset;
}
#frame_zone #content_zone {
  /* General styles that contain inline css that needed to be overwritten. */
}
#frame_zone #content_zone p,
#frame_zone #content_zone p span,
#frame_zone #content_zone .content_text {
  font-family: "Interstate", sans-serif !important;
  font-size: var(--text-base) !important;
  font-weight: 300 !important;
  text-align: start !important;
}
#frame_zone #headline_first {
  color: var(--c-brand-secondary);
}

/**
 * Button component styling.
 *
 * 1. Line different size buttons up vertically.
 * 2. Force all buttons to appear clickable.
 * 3. Prevents error when switching from disable state.
 */
.c-button,
a.c-button,
.gform_wrapper .button,
#job_alert #jobalert_links #btn_jobalert_send a,
#application_box .attachment_group .group_field label,
#application_box #btn_cvparser a,
#footer_links #btn_whatsapp a,
#footer_links .css_button:first-child:not(#btn_online_application_back) a,
#footer_links #btn_online_application a,
#footer_links #btn_online_application_send a,
#jobslisting #jobalert_box .job_alert_link {
  display: inline-flex;
  gap: var(--s-md);
  align-items: center;
  justify-content: center;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.66rem);
  font-size: 1rem;
  font-weight: bold;
  line-height: inherit;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: var(--c-link);
  border: solid 1px transparent;
  border-radius: 0.1875rem;
  /**
   * Secondary button variant.
   */
  /**
   * Hollow button variant.
   */
  /**
   * Size variations, default is medium.
   */
  /**
   * Outline button variant.
   */
  /**
   * Primary White button variant.
   */
  /**
   * Back to top button variant.
   * Cannot be reversed due to specific left/right padding
   */
  /**
   * Block button variant.
   */
  /**
   * Reversed button variant.
   */
  /**
   * Tag button variant.
   */
  /**
   * Toggle visibility, like for reset form button.
   */
}
.c-button:hover,
a.c-button:hover,
.gform_wrapper .button:hover,
#job_alert #jobalert_links #btn_jobalert_send a:hover,
#application_box .attachment_group .group_field label:hover,
#application_box #btn_cvparser a:hover,
#footer_links #btn_whatsapp a:hover,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:hover,
#footer_links #btn_online_application a:hover,
#footer_links #btn_online_application_send a:hover,
#jobslisting #jobalert_box .job_alert_link:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--c-link-hocus);
}
.c-button:focus,
a.c-button:focus,
.gform_wrapper .button:focus,
#job_alert #jobalert_links #btn_jobalert_send a:focus,
#application_box .attachment_group .group_field label:focus,
#application_box #btn_cvparser a:focus,
#footer_links #btn_whatsapp a:focus,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:focus,
#footer_links #btn_online_application a:focus,
#footer_links #btn_online_application_send a:focus,
#jobslisting #jobalert_box .job_alert_link:focus {
  outline: 0;
  outline-offset: 0;
}
.c-button:focus-visible,
a.c-button:focus-visible,
.gform_wrapper .button:focus-visible,
#job_alert #jobalert_links #btn_jobalert_send a:focus-visible,
#application_box .attachment_group .group_field label:focus-visible,
#application_box #btn_cvparser a:focus-visible,
#footer_links #btn_whatsapp a:focus-visible,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:focus-visible,
#footer_links #btn_online_application a:focus-visible,
#footer_links #btn_online_application_send a:focus-visible,
#jobslisting #jobalert_box .job_alert_link:focus-visible {
  outline: 3px solid var(--c-link-focus);
  outline-offset: 3px;
}
.c-button:active,
a.c-button:active,
.gform_wrapper .button:active,
#job_alert #jobalert_links #btn_jobalert_send a:active,
#application_box .attachment_group .group_field label:active,
#application_box #btn_cvparser a:active,
#footer_links #btn_whatsapp a:active,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:active,
#footer_links #btn_online_application a:active,
#footer_links #btn_online_application_send a:active,
#jobslisting #jobalert_box .job_alert_link:active {
  color: #fff;
  background-color: var(--c-link-active);
}
.c-button:disabled, .c-button:disabled:hover, .c-button:disabled:active, .c-button:disabled:focus, .c-button:disabled:focus-visible,
a.c-button:disabled,
a.c-button:disabled:hover,
a.c-button:disabled:active,
a.c-button:disabled:focus,
a.c-button:disabled:focus-visible,
.gform_wrapper .button:disabled,
#job_alert #jobalert_links #btn_jobalert_send a:disabled,
#application_box .attachment_group .group_field label:disabled,
#application_box #btn_cvparser a:disabled,
#footer_links #btn_whatsapp a:disabled,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:disabled,
#footer_links #btn_online_application a:disabled,
#footer_links #btn_online_application_send a:disabled,
#jobslisting #jobalert_box .job_alert_link:disabled {
  color: #fff;
  cursor: not-allowed;
  background-color: var(--c-grayscale-mid);
  border: solid 1px var(--c-grayscale-light);
  outline: 0;
}
.c-button__icon,
a.c-button__icon {
  flex-shrink: 0;
}
.c-button--secondary, .c-button--secondary:hover, .c-button--secondary:active, .c-button--secondary:focus, .c-button--secondary:focus-visible,
a.c-button--secondary,
a.c-button--secondary:hover,
a.c-button--secondary:active,
a.c-button--secondary:focus,
a.c-button--secondary:focus-visible,
.gform_wrapper .button.gform_button_select_files {
  color: #fff;
  background-color: var(--c-grayscale);
}
.c-button--hollow, #application_box .attachment_group .group_field label, #application_box #btn_cvparser a, #footer_links #btn_whatsapp a, #footer_links .css_button:first-child:not(#btn_online_application_back) a, #jobslisting #jobalert_box .job_alert_link,
a.c-button--hollow {
  color: var(--c-grayscale);
  background-color: #fff;
  border: 1px solid var(--c-grayscale);
}
.c-button--hollow:hover, #application_box .attachment_group .group_field label:hover, #application_box #btn_cvparser a:hover, #footer_links #btn_whatsapp a:hover, #footer_links .css_button:first-child:not(#btn_online_application_back) a:hover, #jobslisting #jobalert_box .job_alert_link:hover, .c-button--hollow:active, #application_box .attachment_group .group_field label:active, #application_box #btn_cvparser a:active, #footer_links #btn_whatsapp a:active, #footer_links .css_button:first-child:not(#btn_online_application_back) a:active, #jobslisting #jobalert_box .job_alert_link:active,
a.c-button--hollow:hover,
a.c-button--hollow:active {
  color: var(--c-grayscale-black-hover);
  background-color: var(--c-grayscale-off-white);
}
.c-button--hollow:disabled, #application_box .attachment_group .group_field label:disabled, #application_box #btn_cvparser a:disabled, #footer_links #btn_whatsapp a:disabled, #footer_links .css_button:first-child:not(#btn_online_application_back) a:disabled, #jobslisting #jobalert_box .job_alert_link:disabled, .c-button--hollow:disabled:hover, .c-button--hollow:disabled:active, .c-button--hollow:disabled:focus, .c-button--hollow:disabled:focus-visible,
a.c-button--hollow:disabled,
a.c-button--hollow:disabled:hover,
a.c-button--hollow:disabled:active,
a.c-button--hollow:disabled:focus,
a.c-button--hollow:disabled:focus-visible {
  color: var(--c-grayscale-black);
  background-color: var(--c-grayscale-off-white);
  border: 1px solid var(--c-grayscale-lighter);
}
.c-button--xsmall,
a.c-button--xsmall {
  padding: var(--s-2xs) var(--s-md);
  font-size: var(--text-size-sm);
  gap: var(--s-xs);
}
.c-button--small,
a.c-button--small {
  padding: var(--s-xs) var(--s-lg);
  font-size: 0.8755rem;
}
.c-button--large,
a.c-button--large {
  padding: var(--s-md) var(--s-3xl);
  font-size: 1.125rem;
}
.c-button--outline,
a.c-button--outline {
  color: var(--c-grayscale-off-dark);
  background-color: #fff;
  border: 1px solid var(--c-grayscale-off-dark);
}
.c-button--outline:hover,
a.c-button--outline:hover {
  color: var(--c-grayscale-off-dark);
  background-color: #fff;
}
.c-button--white,
a.c-button--white {
  color: var(--c-grayscale-off-dark);
  background-color: #fff;
  border: none;
}
.c-button--white:hover, .c-button--white:active,
a.c-button--white:hover,
a.c-button--white:active {
  color: var(--c-grayscale-black-hover);
  background-color: var(--c-grayscale-off-white);
}
.c-button--top,
a.c-button--top {
  gap: var(--s-2xs);
  padding: var(--s-xs) var(--s-sm) var(--s-xs) var(--s-lg);
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  background-color: var(--c-grayscale);
  border-radius: 40px;
}
.c-button--top:hover, .c-button--top:active,
a.c-button--top:hover,
a.c-button--top:active {
  background-color: var(--c-grayscale-black-hover);
}
.c-button--top .icon,
a.c-button--top .icon {
  font-size: 1.875rem;
}
.c-button--block, #job_alert #jobalert_links #btn_jobalert_send a, #application_box .attachment_group .group_field label, #footer_links #btn_whatsapp a, #footer_links .css_button:first-child:not(#btn_online_application_back) a, #footer_links #btn_online_application a,
#footer_links #btn_online_application_send a,
a.c-button--block {
  width: 100%;
}
.c-button--reversed,
a.c-button--reversed {
  flex-direction: row-reverse;
}
.c-button--tag,
a.c-button--tag {
  flex: 0 0 auto;
  background-color: #fff;
  border: 1px solid #000;
  padding: var(--s-3xs) var(--s-md);
  color: var(--c-grayscale-off-dark);
  font-size: 0.875rem;
  font-weight: 700;
}
.c-button--tag:hover, .c-button--tag:active,
a.c-button--tag:hover,
a.c-button--tag:active {
  background-color: var(--c-grayscale-black-hover);
}
.c-button[hidden],
a.c-button[hidden],
.gform_wrapper [hidden].button,
#job_alert #jobalert_links #btn_jobalert_send a[hidden],
#application_box .attachment_group .group_field label[hidden],
#application_box #btn_cvparser a[hidden],
#footer_links #btn_whatsapp a[hidden],
#footer_links .css_button:first-child:not(#btn_online_application_back) a[hidden],
#footer_links #btn_online_application a[hidden],
#footer_links #btn_online_application_send a[hidden],
#jobslisting #jobalert_box [hidden].job_alert_link {
  display: none;
}

/**
 * Pagination component style.
 */
.c-pagination, #jobslisting #joblist_navigator {
  display: flex;
  max-width: var(--w-wide);
}
.c-pagination .pagination__icon, #jobslisting #joblist_navigator .pagination__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--c-brand);
}
.c-pagination .icon, #jobslisting #joblist_navigator .icon {
  font-size: 10px;
}
.c-pagination .icon svg, #jobslisting #joblist_navigator .icon svg {
  fill: #fff;
}
.c-pagination .pagination__prev-text, #jobslisting #joblist_navigator .pagination__prev-text,
.c-pagination .pagination__next-text,
#jobslisting #joblist_navigator .pagination__next-text {
  display: none;
}
@media (min-width: 600px) {
  .c-pagination .pagination__prev-text, #jobslisting #joblist_navigator .pagination__prev-text,
  .c-pagination .pagination__next-text,
  #jobslisting #joblist_navigator .pagination__next-text {
    display: inline;
  }
}
.c-pagination .pagination__prev-link, #jobslisting #joblist_navigator .pagination__prev-link {
  text-decoration: none;
}
.c-pagination .pagination__prev-link .pagination__icon, #jobslisting #joblist_navigator .pagination__prev-link .pagination__icon {
  margin-right: 1.2rem;
}
.c-pagination .pagination__prev-link .icon, #jobslisting #joblist_navigator .pagination__prev-link .icon {
  transform: rotate(90deg);
}
.c-pagination .pagination__next-link, #jobslisting #joblist_navigator .pagination__next-link {
  text-decoration: none;
}
.c-pagination .pagination__next-link .pagination__icon, #jobslisting #joblist_navigator .pagination__next-link .pagination__icon {
  margin-left: 1.2rem;
}
.c-pagination .pagination__next-link .icon, #jobslisting #joblist_navigator .pagination__next-link .icon {
  transform: rotate(-90deg);
}
.c-pagination .pagination__pages, #jobslisting #joblist_navigator .pagination__pages, #jobslisting #joblist_navigator .path_nav {
  display: flex;
  flex: 1 0 auto;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}
.c-pagination .pagination__page, #jobslisting #joblist_navigator .pagination__page, #jobslisting #joblist_navigator .nav_item {
  flex: 1 0 auto;
}
.c-pagination .pagination__page .current, #jobslisting #joblist_navigator .pagination__page .current, #jobslisting #joblist_navigator .nav_item .current, #jobslisting #joblist_navigator .nav_item.stellen_navi_sel a {
  font-weight: bold;
}
.c-pagination .page__link, #jobslisting #joblist_navigator .page__link, #jobslisting #joblist_navigator .nav_item a {
  color: #000;
}
.c-pagination .page__title, #jobslisting #joblist_navigator .page__title {
  display: inline-block;
  width: 50%;
}

/* stylelint-disable scss/at-extend-no-missing-placeholder */
#jobslisting {
  /* Job offer list */
  /* Job pagination */
  /* Job offer alert box */
}
#jobslisting h1 {
  color: var(--c-brand-secondary);
}
#jobslisting .real_table_container {
  display: flex;
  flex-direction: column;
  padding-top: var(--s-4xl);
}
#jobslisting #joboffers thead {
  display: none;
}
#jobslisting #joboffers tfoot td {
  padding-top: var(--s-2xl);
}
#jobslisting #joboffers tfoot td #rexx_footer_link img {
  width: 70px;
}
#jobslisting #joboffers .alternative_1,
#jobslisting #joboffers .alternative_0 {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2 * var(--wrapper-padding));
  padding: var(--s-lg) var(--s-2xl);
  margin-left: calc(var(--wrapper-padding) * -1);
  border-top: 1px solid var(--c-grayscale-lighter);
}
@media (min-width: 768px) {
  #jobslisting #joboffers .alternative_1,
  #jobslisting #joboffers .alternative_0 {
    width: var(--w-wide);
    margin-left: calc((var(--w-wide) - var(--w-base)) / -2);
  }
}
#jobslisting #joboffers .alternative_1:last-child,
#jobslisting #joboffers .alternative_0:last-child {
  border-bottom: 1px solid var(--c-grayscale-lighter);
}
#jobslisting #joboffers .alternative_1:hover,
#jobslisting #joboffers .alternative_0:hover {
  background: var(--c-grayscale-off-white);
  border-left: 4px solid var(--c-brand);
}
#jobslisting #joboffers .real_table_col1 {
  width: 100%;
}
@media (min-width: 1024px) {
  #jobslisting #joboffers .real_table_col1 {
    flex: 1;
    width: unset;
  }
}
#jobslisting #joboffers .real_table_col1 a {
  color: var(--c-brand-secondary);
  text-decoration: none;
}
#jobslisting #joboffers .real_table_col2:after {
  padding: 0 var(--s-xs);
  content: "|";
}
#jobslisting #joblist_navigator {
  order: 1;
  padding-top: var(--s-4xl);
}
#jobslisting #joblist_navigator .path_nav {
  align-items: center;
}
#jobslisting #joblist_navigator .nav_next a,
#jobslisting #joblist_navigator .nav_prev a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#jobslisting #joblist_navigator .nav_next a:after, #jobslisting #joblist_navigator .nav_next a:before,
#jobslisting #joblist_navigator .nav_prev a:after,
#jobslisting #joblist_navigator .nav_prev a:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--c-brand);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.28' fill-rule='evenodd' d='m5 15 7-7 7 7'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
  transform: rotate(90deg);
}
#jobslisting #joblist_navigator .nav_next span,
#jobslisting #joblist_navigator .nav_prev span {
  font-style: normal;
}
#jobslisting #joblist_navigator .nav_next i,
#jobslisting #joblist_navigator .nav_prev i {
  display: none;
}
#jobslisting #joblist_navigator .nav_prev a:before {
  margin-right: 1.2rem;
  content: "";
  transform: rotate(-90deg);
}
#jobslisting #joblist_navigator .nav_next a:after {
  margin-left: 1.2rem;
  content: "";
  transform: rotate(90deg);
}
#jobslisting #joblist_navigator .breaker {
  display: none;
}
#jobslisting #jobalert_box {
  padding-top: var(--s-7xl);
}
/* stylelint-disable scss/at-extend-no-missing-placeholder */
#jobTplContainer .scheme-border {
  border: none;
}
#jobTplContainer .scheme-title h1 {
  color: var(--c-brand-secondary) !important;
}
#jobTplContainer .scheme-content {
  padding: 0;
}
#jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: var(--s-4xl);
  background: var(--c-grayscale-off-white);
}
@media (min-width: 768px) {
  #jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) {
    flex-direction: row;
  }
}
#jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-image {
  float: none;
  width: 180px;
  height: 180px;
  border-radius: 0;
}
#jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data {
  height: unset;
  padding: var(--s-sm) var(--s-lg) var(--s-md);
  margin-left: 0;
}
#jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(2) {
  flex: 1;
  font-weight: 400;
}
#jobTplContainer .scheme-content:not(.scheme-title):not(.scheme-border):not(.content-images):not(.scheme-margin) .user-data li:nth-child(3) {
  margin-top: var(--s-3xl);
  font-weight: bold;
}
#jobTplContainer .scheme-content.scheme-margin {
  margin-top: var(--s-4xl);
}
@media (min-width: 768px) {
  #jobTplContainer .scheme-content.scheme-margin {
    margin-top: var(--s-7xl);
  }
}
#jobTplContainer .scheme-content .scheme-headline {
  color: var(--c-brand-secondary) !important;
}
#jobTplContainer #scheme_detail_data ul.scheme-additional-data {
  display: flex;
  flex-wrap: wrap;
  float: none;
  min-width: unset;
  margin: var(--s-md) 0;
}
#jobTplContainer #scheme_detail_data ul.scheme-additional-data li {
  padding-bottom: var(--s-xs);
  margin: 0 !important;
}
#jobTplContainer .content-images {
  height: auto !important;
}
@media (min-width: 768px) {
  #jobTplContainer .content-images {
    width: var(--w-wide);
    margin-left: calc((var(--w-wide) - var(--w-base)) / -2);
  }
}
#jobTplContainer .content-images .slide-images {
  position: relative;
  top: initial;
  left: initial;
  transform: none;
}
#jobTplContainer .content_text ul {
  margin-left: var(--s-xl);
  list-style-type: disc !important;
}

#footer_links {
  display: flex;
  flex-direction: column;
  margin-top: var(--s-7xl);
}
#footer_links #btn_online_application.sticky {
  position: fixed;
  top: 0;
  right: var(--s-4xl);
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#footer_links #btn_online_application_back {
  order: 2;
  margin-top: var(--s-5xl);
}
#footer_links #btn_online_application_back a {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--c-link);
}
#footer_links #btn_online_application_back a:before {
  display: inline-block;
  width: 21px;
  height: 21px;
  content: "";
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23c70017' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.28' fill-rule='evenodd' d='m5 15 7-7 7 7'/%3E%3C/svg%3E%0A") no-repeat center center;
  transform: rotate(-90deg);
}
#footer_links #btn_whatsapp {
  order: 1;
  margin-top: var(--s-5xl);
}
#footer_links #btn_whatsapp a:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='whatsapp'%3E%3Ctitle%3Ewhatsapp%3C/title%3E%3Cg%3E%3Cpath d='M16.8 5.7C14.4 2 9.5.9 5.7 3.2 2 5.5.8 10.5 3.2 14.2l.2.3-.8 3 3-.8.3.2c1.3.7 2.7 1.1 4.1 1.1 1.5 0 3-.4 4.3-1.2 3.7-2.4 4.8-7.3 2.5-11.1zm-2.1 7.7c-.4.6-.9 1-1.6 1.1-.4 0-.9.2-2.9-.6-1.7-.8-3.1-2.1-4.1-3.6-.6-.7-.9-1.6-1-2.5 0-.8.3-1.5.8-2 .2-.2.4-.3.6-.3H7c.2 0 .4 0 .5.4.2.5.7 1.7.7 1.8.1.1.1.3 0 .4.1.2 0 .4-.1.5-.1.1-.2.3-.3.4-.2.1-.3.3-.2.5.4.6.9 1.2 1.4 1.7.6.5 1.2.9 1.9 1.2.2.1.4.1.5-.1s.6-.7.8-.9c.2-.2.3-.2.5-.1l1.6.8c.2.1.4.2.5.3.1.3.1.7-.1 1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}

/* stylelint-disable scss/at-extend-no-missing-placeholder */
/* Out of the body elements added by jquery ui */
.ui-selectmenu-menu .ui-widget-content .ui-state-active,
.ui-multiselect-menu .ui-widget-content .ui-state-active {
  border: none;
}
.ui-selectmenu-menu .ui-menu .ui-menu-item,
.ui-selectmenu-menu input span,
.ui-multiselect-menu .ui-menu .ui-menu-item,
.ui-multiselect-menu input span {
  font-family: "Interstate", sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

.ui-multiselect-checkboxes input {
  height: unset;
}

/* Date  */
.ui-datepicker-year,
.ui-datepicker-month {
  display: unset;
  height: unset;
}

#application_box {
  /* Terms and conditions */
  /* Lebenslauf - CV button uploader */
  /* Attachments section */
  /* Errors */
  /* Selects */
}
#application_box h1 {
  margin: 0 0 var(--s-5xl);
  color: var(--c-brand-secondary);
}
#application_box #cvparser {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#application_box #cvparser_comment {
  order: 1;
}
#application_box label.agreement_new {
  position: relative;
  padding-left: var(--s-4xl);
  color: var(--c-grayscale-dark);
  cursor: pointer;
}
#application_box label.agreement_new:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: var(--s-3xs);
  font-size: 30px;
  content: "";
  border: solid 1px var(--c-grayscale-light);
  border-radius: 3px;
}
#application_box label.agreement_new a {
  color: var(--c-grayscale-dark);
  text-decoration: underline;
}
#application_box label.agreement_new a:hover {
  color: var(--c-link);
}
#application_box #btn_cvparser {
  position: relative;
  display: inline-block;
  order: 2;
  margin-top: var(--s-5xl);
  cursor: pointer;
}
#application_box #btn_cvparser input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
#application_box #btn_cvparser a:before {
  display: inline-block;
  width: 26.04px;
  height: 26.31px;
  content: "";
  background: url("data:image/svg+xml,%0A%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4912 1.79712C12.8856 1.48546 13.4423 1.48546 13.8366 1.79712L19.2615 6.13702C19.6973 6.5483 19.7171 7.23496 19.3057 7.67072C18.943 8.055 18.3562 8.12206 17.9161 7.82959L14.2489 4.90015V17.4923C14.2489 18.0916 13.7631 18.5773 13.1639 18.5773C12.5647 18.5773 12.0789 18.0916 12.0789 17.4923V4.90015L8.41171 7.82959C7.97596 8.24087 7.28924 8.22109 6.87796 7.7854C6.46662 7.34965 6.48643 6.66293 6.92218 6.25159C6.96687 6.20934 7.01515 6.17107 7.06635 6.13702L12.4912 1.79712ZM26.0395 19.6673V15.3274C26.0395 14.7281 25.5538 14.2424 24.9545 14.2424C24.3553 14.2424 23.8696 14.7281 23.8696 15.3274V19.6673C23.8696 20.2664 23.3838 20.7523 22.7846 20.7523H3.25494C2.65576 20.7523 2.16995 20.2664 2.16995 19.6673V15.3274C2.16995 14.7281 1.68421 14.2424 1.08496 14.2424C0.485781 14.2424 0 14.7281 0 15.3274V19.6673C0 21.4649 1.45727 22.9222 3.25494 22.9222H22.7846C24.5823 22.9222 26.0395 21.4649 26.0395 19.6673Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='26' height='27' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
}
#application_box #btn_cvparser:hover a {
  color: var(--c-grayscale-black-hover);
  background-color: var(--c-grayscale-off-white);
}
#application_box #btn_cvparser #upload_process_cv_lebenslauf {
  opacity: 0;
}
#application_box #btn_cvparser .upload_perc {
  position: absolute;
  bottom: -30px;
}
#application_box #upload-error_cv_lebenslauf {
  order: 3;
  padding-top: var(--s-xs);
}
#application_box #upload_bar_cv_lebenslauf {
  display: none;
}
#application_box .group_head {
  padding: var(--s-7xl) 0 var(--s-5xl);
  color: var(--c-brand-secondary);
}
#application_box .group_field_tooltip img {
  width: auto;
}
#application_box .attachment_group .group_comment {
  margin-bottom: var(--s-6xl);
}
#application_box .attachment_group .group_field {
  position: relative;
  margin-bottom: var(--s-3xl);
}
#application_box .attachment_group .group_field label {
  justify-content: flex-start !important;
  cursor: pointer;
}
#application_box .attachment_group .group_field label:before {
  display: inline-block;
  width: 26.04px;
  height: 26.31px;
  content: "";
  background: url("data:image/svg+xml,%0A%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4912 1.79712C12.8856 1.48546 13.4423 1.48546 13.8366 1.79712L19.2615 6.13702C19.6973 6.5483 19.7171 7.23496 19.3057 7.67072C18.943 8.055 18.3562 8.12206 17.9161 7.82959L14.2489 4.90015V17.4923C14.2489 18.0916 13.7631 18.5773 13.1639 18.5773C12.5647 18.5773 12.0789 18.0916 12.0789 17.4923V4.90015L8.41171 7.82959C7.97596 8.24087 7.28924 8.22109 6.87796 7.7854C6.46662 7.34965 6.48643 6.66293 6.92218 6.25159C6.96687 6.20934 7.01515 6.17107 7.06635 6.13702L12.4912 1.79712ZM26.0395 19.6673V15.3274C26.0395 14.7281 25.5538 14.2424 24.9545 14.2424C24.3553 14.2424 23.8696 14.7281 23.8696 15.3274V19.6673C23.8696 20.2664 23.3838 20.7523 22.7846 20.7523H3.25494C2.65576 20.7523 2.16995 20.2664 2.16995 19.6673V15.3274C2.16995 14.7281 1.68421 14.2424 1.08496 14.2424C0.485781 14.2424 0 14.7281 0 15.3274V19.6673C0 21.4649 1.45727 22.9222 3.25494 22.9222H22.7846C24.5823 22.9222 26.0395 21.4649 26.0395 19.6673Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='26' height='27' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
}
#application_box .attachment_group .group_field:hover label {
  background-color: var(--c-grayscale-off-white);
}
#application_box .attachment_group .group_field .upload-field {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
#application_box .attachment_group span.file_name,
#application_box .attachment_group .upload_msg,
#application_box .attachment_group .breaker,
#application_box .attachment_group .upload_icon,
#application_box .attachment_group .upload_bar,
#application_box .attachment_group .del_att_anschreiben,
#application_box .attachment_group .group_field_tooltip {
  display: none;
}
#application_box .attachment_group .preview span.file_name {
  display: block;
  color: var(--c-grayscale-dark);
  pointer-events: none;
}
#application_box .attachment_group .attachment_delete {
  display: flex;
}
#application_box input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
#application_box input[type=checkbox]:checked ~ label:before {
  background: var(--c-grayscale);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWNoZWNrIiBoZWlnaHQ9IjE2IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMiAxNiIgd2lkdGg9IjEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNXoiPjwvcGF0aD48L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 16px;
}
#application_box .error_msg {
  margin-bottom: var(--s-lg);
  font-size: var(--text-md) !important;
  color: var(--c-brand);
}
#application_box .ui-selectmenu-button,
#application_box .ui-multiselect {
  display: block;
  height: calc(2.7em + 2px);
  padding: 0.6em;
  font-size: 1em;
  line-height: 1.5;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 9.438-7 7-7-7' stroke='%23000' stroke-width='1.28' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 1.5625rem;
  border: 1px #aaa solid;
  border-radius: 3px;
}
#application_box .ui-selectmenu-button .ui-icon,
#application_box .ui-multiselect .ui-icon {
  display: none;
}
#application_box .ui-selectmenu-text {
  padding: 0;
}
#application_box .input_box {
  padding-bottom: var(--s-xl);
}
#application_box textarea[name="bewerbung_form[freifeld1_txt]"] {
  height: 170px;
}

/* stylelint-disable scss/at-extend-no-missing-placeholder */
#job_alert h2 {
  color: var(--c-brand-secondary);
}
#job_alert .group_field {
  padding-top: var(--s-xl);
}
#job_alert #jobalert_links {
  display: flex;
  flex-direction: column;
  margin-top: var(--s-4xl);
}
#job_alert #jobalert_links #btn_back {
  order: 1;
  margin-top: var(--s-5xl);
}
#job_alert #jobalert_links #btn_back a {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: var(--c-link);
}
#job_alert #jobalert_links #btn_back a:before {
  display: inline-block;
  width: 21px;
  height: 21px;
  content: "";
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23c70017' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.28' fill-rule='evenodd' d='m5 15 7-7 7 7'/%3E%3C/svg%3E%0A") no-repeat center center;
  transform: rotate(-90deg);
}
#job_alert .ui-multiselect {
  display: block;
  height: calc(2.7em + 2px);
  padding: 0.6em;
  font-size: 1em;
  line-height: 1.5;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 9.438-7 7-7-7' stroke='%23000' stroke-width='1.28' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 1.5625rem;
  border: 1px #aaa solid;
  border-radius: 3px;
}
#job_alert .ui-multiselect .ui-icon {
  display: none;
}

/* Success message screen  */
#content_zone .success_msg {
  background: none;
  border: none;
}

@font-face {
  font-family: "lg";
  src: url("../fonts/lg.woff2?v=1748594203") format("woff2"), url("../fonts/lg.ttf?v=1748594203") format("truetype"), url("../fonts/lg.woff?v=1748594203") format("woff"), url("../fonts/lg.svg?v=1748594203") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}
.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "\e094";
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("../images/loading.gif?v=1748594203") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.back-button {
  width: 100%;
}
@media (min-width: 768px) {
  .back-button {
    width: auto;
  }
}
.back-button .icon {
  display: inline-flex;
}

.single-product .back-button-wrapper {
  position: sticky;
  top: -1px;
  padding-top: 1px;
  z-index: 10;
}
.single-product .back-button-wrapper.pinned {
  background-color: transparent;
}
.single-product .back-button-wrapper .wrapper, .single-product .back-button-wrapper #frame_zone #content_zone, #frame_zone .single-product .back-button-wrapper #content_zone {
  margin-top: var(--s-sm);
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .single-product .back-button-wrapper .wrapper, .single-product .back-button-wrapper #frame_zone #content_zone, #frame_zone .single-product .back-button-wrapper #content_zone {
    max-width: 100%;
    padding-left: var(--s-sm);
    padding-right: var(--s-sm);
  }
}
@media (min-width: 1024px) {
  .single-product .back-button-wrapper + .band {
    margin-top: -44px;
  }
}

/**
 * Skip to content.
 *
 * Skip to content link to allow users to press tab and return to skip directly
 * to the page content. This is helpful for users when navigating the website
 * using key commands.
 */
.skip-to-content {
  position: absolute;
  z-index: 10;
  top: 0.5em;
  left: 0.5em;
  transform: translateY(-120%);
  transition: transform 0.3s;
  outline-offset: 2px;
}
.skip-to-content:focus {
  transform: translateY(0%);
  z-index: 9999;
}

iframe.forge-viewer {
  width: 100%;
  max-width: 800px;
  height: 600px;
  min-height: 400px;
  max-height: 90vh;
  border: none;
  margin: 0 auto;
}

/**
 * Gravity Forms settings.
 */
/**
 * Button component styling.
 *
 * 1. Line different size buttons up vertically.
 * 2. Force all buttons to appear clickable.
 * 3. Prevents error when switching from disable state.
 */
.c-button,
a.c-button,
.gform_wrapper .button,
#jobslisting #jobalert_box .job_alert_link,
#footer_links #btn_online_application a,
#footer_links #btn_online_application_send a,
#footer_links .css_button:first-child:not(#btn_online_application_back) a,
#footer_links #btn_whatsapp a,
#application_box #btn_cvparser a,
#application_box .attachment_group .group_field label,
#job_alert #jobalert_links #btn_jobalert_send a {
  display: inline-flex;
  gap: var(--s-md);
  align-items: center;
  justify-content: center;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.66rem);
  font-size: 1rem;
  font-weight: bold;
  line-height: inherit;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: var(--c-link);
  border: solid 1px transparent;
  border-radius: 0.1875rem;
  /**
   * Secondary button variant.
   */
  /**
   * Hollow button variant.
   */
  /**
   * Size variations, default is medium.
   */
  /**
   * Outline button variant.
   */
  /**
   * Primary White button variant.
   */
  /**
   * Back to top button variant.
   * Cannot be reversed due to specific left/right padding
   */
  /**
   * Block button variant.
   */
  /**
   * Reversed button variant.
   */
  /**
   * Tag button variant.
   */
  /**
   * Toggle visibility, like for reset form button.
   */
}
.c-button:hover,
a.c-button:hover,
.gform_wrapper .button:hover,
#jobslisting #jobalert_box .job_alert_link:hover,
#footer_links #btn_online_application a:hover,
#footer_links #btn_online_application_send a:hover,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:hover,
#footer_links #btn_whatsapp a:hover,
#application_box #btn_cvparser a:hover,
#application_box .attachment_group .group_field label:hover,
#job_alert #jobalert_links #btn_jobalert_send a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--c-link-hocus);
}
.c-button:focus,
a.c-button:focus,
.gform_wrapper .button:focus,
#jobslisting #jobalert_box .job_alert_link:focus,
#footer_links #btn_online_application a:focus,
#footer_links #btn_online_application_send a:focus,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:focus,
#footer_links #btn_whatsapp a:focus,
#application_box #btn_cvparser a:focus,
#application_box .attachment_group .group_field label:focus,
#job_alert #jobalert_links #btn_jobalert_send a:focus {
  outline: 0;
  outline-offset: 0;
}
.c-button:focus-visible,
a.c-button:focus-visible,
.gform_wrapper .button:focus-visible,
#jobslisting #jobalert_box .job_alert_link:focus-visible,
#footer_links #btn_online_application a:focus-visible,
#footer_links #btn_online_application_send a:focus-visible,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:focus-visible,
#footer_links #btn_whatsapp a:focus-visible,
#application_box #btn_cvparser a:focus-visible,
#application_box .attachment_group .group_field label:focus-visible,
#job_alert #jobalert_links #btn_jobalert_send a:focus-visible {
  outline: 3px solid var(--c-link-focus);
  outline-offset: 3px;
}
.c-button:active,
a.c-button:active,
.gform_wrapper .button:active,
#jobslisting #jobalert_box .job_alert_link:active,
#footer_links #btn_online_application a:active,
#footer_links #btn_online_application_send a:active,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:active,
#footer_links #btn_whatsapp a:active,
#application_box #btn_cvparser a:active,
#application_box .attachment_group .group_field label:active,
#job_alert #jobalert_links #btn_jobalert_send a:active {
  color: #fff;
  background-color: var(--c-link-active);
}
.c-button:disabled, .c-button:disabled:hover, .c-button:disabled:active, .c-button:disabled:focus, .c-button:disabled:focus-visible,
a.c-button:disabled,
a.c-button:disabled:hover,
a.c-button:disabled:active,
a.c-button:disabled:focus,
a.c-button:disabled:focus-visible,
.gform_wrapper .button:disabled,
#jobslisting #jobalert_box .job_alert_link:disabled,
#footer_links #btn_online_application a:disabled,
#footer_links #btn_online_application_send a:disabled,
#footer_links .css_button:first-child:not(#btn_online_application_back) a:disabled,
#footer_links #btn_whatsapp a:disabled,
#application_box #btn_cvparser a:disabled,
#application_box .attachment_group .group_field label:disabled,
#job_alert #jobalert_links #btn_jobalert_send a:disabled {
  color: #fff;
  cursor: not-allowed;
  background-color: var(--c-grayscale-mid);
  border: solid 1px var(--c-grayscale-light);
  outline: 0;
}
.c-button__icon,
a.c-button__icon {
  flex-shrink: 0;
}
.c-button--secondary, .c-button--secondary:hover, .c-button--secondary:active, .c-button--secondary:focus, .c-button--secondary:focus-visible,
a.c-button--secondary,
a.c-button--secondary:hover,
a.c-button--secondary:active,
a.c-button--secondary:focus,
a.c-button--secondary:focus-visible,
.gform_wrapper .button.gform_button_select_files {
  color: #fff;
  background-color: var(--c-grayscale);
}
.c-button--hollow, #jobslisting #jobalert_box .job_alert_link, #footer_links .css_button:first-child:not(#btn_online_application_back) a, #footer_links #btn_whatsapp a, #application_box #btn_cvparser a, #application_box .attachment_group .group_field label,
a.c-button--hollow {
  color: var(--c-grayscale);
  background-color: #fff;
  border: 1px solid var(--c-grayscale);
}
.c-button--hollow:hover, #jobslisting #jobalert_box .job_alert_link:hover, #footer_links .css_button:first-child:not(#btn_online_application_back) a:hover, #footer_links #btn_whatsapp a:hover, #application_box #btn_cvparser a:hover, #application_box .attachment_group .group_field label:hover, .c-button--hollow:active, #jobslisting #jobalert_box .job_alert_link:active, #footer_links .css_button:first-child:not(#btn_online_application_back) a:active, #footer_links #btn_whatsapp a:active, #application_box #btn_cvparser a:active, #application_box .attachment_group .group_field label:active,
a.c-button--hollow:hover,
a.c-button--hollow:active {
  color: var(--c-grayscale-black-hover);
  background-color: var(--c-grayscale-off-white);
}
.c-button--hollow:disabled, #jobslisting #jobalert_box .job_alert_link:disabled, #footer_links .css_button:first-child:not(#btn_online_application_back) a:disabled, #footer_links #btn_whatsapp a:disabled, #application_box #btn_cvparser a:disabled, #application_box .attachment_group .group_field label:disabled, .c-button--hollow:disabled:hover, .c-button--hollow:disabled:active, .c-button--hollow:disabled:focus, .c-button--hollow:disabled:focus-visible,
a.c-button--hollow:disabled,
a.c-button--hollow:disabled:hover,
a.c-button--hollow:disabled:active,
a.c-button--hollow:disabled:focus,
a.c-button--hollow:disabled:focus-visible {
  color: var(--c-grayscale-black);
  background-color: var(--c-grayscale-off-white);
  border: 1px solid var(--c-grayscale-lighter);
}
.c-button--xsmall,
a.c-button--xsmall {
  padding: var(--s-2xs) var(--s-md);
  font-size: var(--text-size-sm);
  gap: var(--s-xs);
}
.c-button--small,
a.c-button--small {
  padding: var(--s-xs) var(--s-lg);
  font-size: 0.8755rem;
}
.c-button--large,
a.c-button--large {
  padding: var(--s-md) var(--s-3xl);
  font-size: 1.125rem;
}
.c-button--outline,
a.c-button--outline {
  color: var(--c-grayscale-off-dark);
  background-color: #fff;
  border: 1px solid var(--c-grayscale-off-dark);
}
.c-button--outline:hover,
a.c-button--outline:hover {
  color: var(--c-grayscale-off-dark);
  background-color: #fff;
}
.c-button--white,
a.c-button--white {
  color: var(--c-grayscale-off-dark);
  background-color: #fff;
  border: none;
}
.c-button--white:hover, .c-button--white:active,
a.c-button--white:hover,
a.c-button--white:active {
  color: var(--c-grayscale-black-hover);
  background-color: var(--c-grayscale-off-white);
}
.c-button--top,
a.c-button--top {
  gap: var(--s-2xs);
  padding: var(--s-xs) var(--s-sm) var(--s-xs) var(--s-lg);
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  background-color: var(--c-grayscale);
  border-radius: 40px;
}
.c-button--top:hover, .c-button--top:active,
a.c-button--top:hover,
a.c-button--top:active {
  background-color: var(--c-grayscale-black-hover);
}
.c-button--top .icon,
a.c-button--top .icon {
  font-size: 1.875rem;
}
.c-button--block, #footer_links #btn_online_application a,
#footer_links #btn_online_application_send a, #footer_links .css_button:first-child:not(#btn_online_application_back) a, #footer_links #btn_whatsapp a, #application_box .attachment_group .group_field label, #job_alert #jobalert_links #btn_jobalert_send a,
a.c-button--block {
  width: 100%;
}
.c-button--reversed,
a.c-button--reversed {
  flex-direction: row-reverse;
}
.c-button--tag,
a.c-button--tag {
  flex: 0 0 auto;
  background-color: #fff;
  border: 1px solid #000;
  padding: var(--s-3xs) var(--s-md);
  color: var(--c-grayscale-off-dark);
  font-size: 0.875rem;
  font-weight: 700;
}
.c-button--tag:hover, .c-button--tag:active,
a.c-button--tag:hover,
a.c-button--tag:active {
  background-color: var(--c-grayscale-black-hover);
}
.c-button[hidden],
a.c-button[hidden],
.gform_wrapper [hidden].button,
#jobslisting #jobalert_box [hidden].job_alert_link,
#footer_links #btn_online_application a[hidden],
#footer_links #btn_online_application_send a[hidden],
#footer_links .css_button:first-child:not(#btn_online_application_back) a[hidden],
#footer_links #btn_whatsapp a[hidden],
#application_box #btn_cvparser a[hidden],
#application_box .attachment_group .group_field label[hidden],
#job_alert #jobalert_links #btn_jobalert_send a[hidden] {
  display: none;
}

/**
 * Base Gravity Forms fields layout.
 */
.gform_wrapper {
  box-sizing: border-box;
  background-color: var(--c-secondary-ultralight);
  padding-top: 1px;
}
.gform_wrapper *, .gform_wrapper *:before, .gform_wrapper *:after {
  box-sizing: inherit;
}
.gform_form_tag {
  max-width: 40rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin: 0 auto;
  text-align: left;
}

.gform_footer {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media (min-width: 800px) {
  .gform_footer {
    margin-left: auto;
  }
}
.gform_footer_text {
  font-size: var(--text-sm);
  margin-bottom: 30px;
}
.gform_footer--submit {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.gform_footer .gform_button {
  margin-left: var(--s-md);
}

.gform_title {
  margin-bottom: 0.3em;
  font-weight: 700;
}

.gform_fields {
  margin: 0;
  list-style: none;
}

.gfield_checkbox,
.gfield_radio {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
}
.gfield_checkbox label,
.gfield_radio label {
  width: calc(50% - 10px);
}
.gfield_checkbox label:nth-child(even),
.gfield_radio label:nth-child(even) {
  margin-left: 20px;
}
.gfield_checkbox label:nth-child(n+3),
.gfield_radio label:nth-child(n+3) {
  margin-top: 20px;
}

.gfield_label {
  color: var(--c-grayscale);
}

.choice-input__label {
  margin-left: 0.5em;
}

.gfield {
  margin-left: 0;
  clear: both;
}
.gfield + .gfield {
  margin-top: 20px;
}
.gfield + .gfield.gfield--type-hidden {
  margin-top: 0;
}
.gfield + .gsection {
  margin-top: 2rem;
}
@media (min-width: 800px) {
  .gfield + .gsection {
    margin-top: 2.5rem;
  }
}
.gfield.gfield_error > .gfield_label {
  color: var(--c-brand);
}

.gform_fields {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto-fill, auto);
  grid-column-gap: 2%;
  grid-row-gap: 1rem;
}

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

.gfield--width-full {
  grid-column: span 12;
}

.gfield--width-half {
  grid-column: span 6;
}

.gfield_select {
  height: 3em;
}

.gform_ajax_spinner {
  width: 1.25rem;
  margin-left: 1.25rem;
}

/**
 * Gravity Forms native loader (2.7+).
 */
.gform-loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #333;
  border-radius: 50%;
  animation: gform-loader-spin 0.8s linear infinite;
}

@keyframes gform-loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.textarea.small {
  height: 5rem;
}
.textarea.medium {
  height: 8rem;
}
.textarea.large {
  height: 12.5rem;
}

.gsection_title,
.gfield_description {
  margin: 0 0 1em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
}

/**
 * Standard field split layouts.
 */
.ginput_complex {
  font-size: 0;
}
.ginput_complex > span {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
}
.ginput_complex > span.ginput_full {
  width: 100%;
}
.ginput_complex > span.ginput_right, .ginput_complex > span.ginput_left, .ginput_complex > span.name_first, .ginput_complex > span.name_last {
  width: calc(50% - 20px / 2);
}
.ginput_complex > span.ginput_right, .ginput_complex > span.name_last {
  margin-left: 20px;
}

/**
 * Validation messages.
 */
.validation_error,
.validation_message {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g><circle cx="8" cy="8" r="8" fill="%23D10600"/><path fill="%23FFF" d="M0.16194332,10 L1.94331984,10 L1.94331984,8.125 L0.16194332,8.125 L0.16194332,10 Z M2.10526316,0 L1.7394332,7.5 L0.366315789,7.5 L0,0 L2.10526316,0 Z" transform="matrix(-1 0 0 1 9.105 3)"/></g></svg>');
  background-size: 16px;
  background-repeat: no-repeat;
  color: var(--c-brand);
  font-size: 0.75em;
  font-weight: 500;
}
.validation_error .gform_submission_error,
.validation_message .gform_submission_error {
  color: var(--c-brand);
  font-size: var(--text-size);
  line-height: 1.33;
  margin-bottom: 0;
}

.validation_error {
  order: -1;
  width: 100%;
  padding: 1em 1em 1em 3.5em;
  border: 1px var(--c-brand) solid;
  margin-top: 2em;
  margin-bottom: 2em;
  background-color: #f9ecec;
  background-position: left 1em center;
}

.validation_message {
  padding-left: 24px;
  margin-top: 2px;
  background-position: left center;
}

.gform_confirmation_message {
  max-width: 840px;
  padding: 2rem;
  margin: 0 auto;
  background-color: #f7f7f7;
  font-weight: 500;
}

.gform_validation_container {
  position: absolute !important;
  left: -9000px;
  display: none !important;
}

/**
 * Custom Gravity Forms element styling.
 */
.gform_drop_area {
  padding: 1.5em;
  border: 1px #aaa dashed;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
}
.gform_drop_area,
.gform_drop_area .button {
  font-size: var(--text-size);
}
.gform_drop_area .gform_drop_instructions {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.ginput_preview {
  font-size: var(--text-size);
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  gap: 10px;
}
.ginput_preview strong {
  color: #000000;
}
.ginput_preview .gform_delete_file {
  border: none;
  background: transparent;
  cursor: pointer;
}
.ginput_preview .gform_delete_file .screen-reader-text {
  display: none;
}

.ginput_container input[aria-invalid=true] {
  border-color: var(--c-brand);
}
.ginput_container input[aria-invalid=true] + label {
  color: var(--c-brand);
}

.ginput_container_radio {
  margin: 1.25rem 0;
}

.gform_recaptcha_branding {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2rem;
  padding: 0.5rem;
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  font-size: 0.8rem;
  color: #555;
  width: 100%;
}
.gform_recaptcha_branding img {
  width: 24px;
  height: 24px;
}
.gform_recaptcha_branding span {
  line-height: 1.4;
}
.gform_recaptcha_branding a {
  color: #555;
  text-decoration: none;
}
.gform_recaptcha_branding a:hover {
  text-decoration: underline;
}

.wp-block-nelio-compare-images {
  --wrapper-padding: 20px;
  margin: 0 auto;
  padding: var(--container-gutter) var(--wrapper-padding);
}
@media (min-width: 500px) and (max-width: 699px) {
  .wp-block-nelio-compare-images {
    --wrapper-padding: 35px;
  }
}
@media (min-width: 700px) and (max-width: 1079px) {
  .wp-block-nelio-compare-images {
    --wrapper-padding: 40px;
  }
}
@media (min-width: 1080px) and (max-width: 1359px) {
  .wp-block-nelio-compare-images {
    --wrapper-padding: 70px;
  }
}
.wp-block-nelio-compare-images__comparison-wrapper {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 801px) {
  .wp-block-nelio-compare-images__comparison-wrapper {
    max-width: 840px;
  }
}
.wp-block-nelio-compare-images__divider--vertical {
  background: #e2001a;
}
.wp-block-nelio-compare-images__divider--horizontal {
  background: #e2001a;
}
.wp-block-nelio-compare-images__handler {
  background: #e2001a;
}