/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-700: #A32C2C;
    --color-yellow-200: #FFE9B3;
    --color-yellow-500: #FFB602;
    --color-cyan-100: #F2F9FB;
    --color-cyan-200: #B8DCE8;
    --color-cyan-500: #0086B2;
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-blue-500: #1E2B70;
    --color-purple-500: #5C3D81;
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-neutral-100: #F2F2F2;
    --color-neutral-200: #CCC;
    --color-neutral-300: #A9AAA9;
    --color-neutral-400: #878787;
    --color-neutral-600: #595959;
    --color-neutral-700: #393939;
    --color-neutral-800: #1C1C1B;
    --color-neutral-900: #f9f9f9;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-bold: 700;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-maintext: #595959;
    --color-brand: #0086B2;
    --color-deepgreen-500: #005341;
    --color-modalbg: #808080;
    --font-akkurat: akkurat, Arial, Helvetica, sans-serif;
    --font-titles: akkurat-bold, Arial, Helvetica, sans-serif;
    --font-light: akkurat-light, Arial, Helvetica, sans-serif;
    --text-hero: 1.875rem;
    --leading-hero: 2.125rem;
    --text-heroxl: 2.5rem;
    --leading-heroxl: 2.75rem;
    --text-h1: 1.875rem;
    --leading-h1: 2.5rem;
    --text-h1xl: 2.75rem;
    --leading-h1xl: 3.25rem;
    --text-h2: 1.875rem;
    --leading-h2: 2.5rem;
    --text-h2xl: 2.5rem;
    --leading-h2xl: 3rem;
    --text-h2xl-s: 2.75rem;
    --text-h2xl-s--line-height: 3rem;
    --text-h3: 1.5rem;
    --leading-h3: 1.75rem;
    --text-h3xl: 1.875rem;
    --leading-h3xl: 2.375rem;
    --text-h4: 1.375rem;
    --leading-h4: 1.625rem;
    --text-h4xl: 1.5rem;
    --leading-h4xl: 2rem;
    --text-h5: 1.25rem;
    --leading-h5: 1.5rem;
    --text-h5xl: 1.375rem;
    --leading-h5xl: 1.625rem;
    --text-h6: 1.125rem;
    --leading-h6: 1.375rem;
    --text-h6xl: 1.25rem;
    --leading-h6xl: 1.5rem;
    --text-size22: 1.375rem;
    --text-size24: 1.5rem;
    --text-size17: 1.0625rem;
    --leading-size22: 2.0265rem;
    --leading-size24: 2.25rem;
    --spacing-15: 3.75rem;
    --spacing-18: 1.125rem;
    --spacing-42: 2.625rem;
    --spacing-50: 3.125rem;
    --spacing-52: 3.25rem;
    --spacing-72: 4.5rem;
    --spacing-75: 4.6875rem;
    --spacing-92: 5.75rem;
    --spacing-120: 7.5rem;
    --aspect-bigimage: 1200 / 675;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .-left-5 {
    left: calc(var(--spacing) * -5);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-full {
    left: 100%;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-\[999999\] {
    z-index: 999999;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
  }
  .\!mx-0 {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-\[14rem\] {
    margin-top: calc(14rem * -1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-72 {
    margin-top: var(--spacing-72);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-52 {
    margin-bottom: var(--spacing-52);
  }
  .mb-72 {
    margin-bottom: var(--spacing-72);
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .table {
    display: table;
  }
  .aspect-\[2\/3\] {
    aspect-ratio: 2/3;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-\[88px\] {
    width: 88px;
    height: 88px;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-\[4\.75rem\] {
    height: 4.75rem;
  }
  .h-\[10\.625rem\] {
    height: 10.625rem;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[30rem\] {
    height: 30rem;
  }
  .h-\[37\.5rem\] {
    height: 37.5rem;
  }
  .h-\[313px\] {
    height: 313px;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[30rem\] {
    max-height: 30rem;
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-\[10\.625rem\] {
    width: 10.625rem;
  }
  .w-\[20rem\] {
    width: 20rem;
  }
  .w-\[85vw\] {
    width: 85vw;
  }
  .w-\[95\%\] {
    width: 95%;
  }
  .w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .\!max-w-\[100rem\] {
    max-width: 100rem !important;
  }
  .\!max-w-full {
    max-width: 100% !important;
  }
  .max-w-1\/3 {
    max-width: calc(1/3 * 100%);
  }
  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[37\.5rem\] {
    max-width: 37.5rem;
  }
  .max-w-\[49\.125rem\] {
    max-width: 49.125rem;
  }
  .max-w-\[75rem\] {
    max-width: 75rem;
  }
  .max-w-\[100vw\] {
    max-width: 100vw;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[calc\(100\%-2\.5rem\)\] {
    max-width: calc(100% - 2.5rem);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .min-w-1\/3 {
    min-width: calc(1/3 * 100%);
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-tl-2xl {
    border-top-left-radius: var(--radius-2xl);
  }
  .rounded-br-2xl {
    border-bottom-right-radius: var(--radius-2xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .bg-\[\#1E2B70\] {
    background-color: #1E2B70;
  }
  .bg-\[\#5C3D81\] {
    background-color: #5C3D81;
  }
  .bg-\[\#0086B2\] {
    background-color: #0086B2;
  }
  .bg-\[\#005341\] {
    background-color: #005341;
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-brand {
    background-color: var(--color-brand);
  }
  .bg-gray-700\/90 {
    background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-700) 90%, transparent);
    }
  }
  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }
  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .\!py-42 {
    padding-block: var(--spacing-42) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-72 {
    padding-bottom: var(--spacing-72);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .\!font-akkurat {
    font-family: var(--font-akkurat) !important;
  }
  .font-light {
    font-family: var(--font-light);
  }
  .font-titles {
    font-family: var(--font-titles);
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg\! {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\!text-h3 {
    font-size: var(--text-h3) !important;
  }
  .text-\[1\.375rem\] {
    font-size: 1.375rem;
  }
  .text-h1 {
    font-size: var(--text-h1);
  }
  .text-h5 {
    font-size: var(--text-h5);
  }
  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-brand {
    color: var(--color-brand);
  }
  .text-neutral-600 {
    color: var(--color-neutral-600);
  }
  .text-neutral-800 {
    color: var(--color-neutral-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-header {
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .\[site\:base-url\] {
    site: base-url;
  }
  .\[site\:name\] {
    site: name;
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-\[110\%\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        scale: 110%;
      }
    }
  }
  .group-hover\:text-neutral-800 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-neutral-800);
      }
    }
  }
  .hover\:rounded-tr-none {
    &:hover {
      @media (hover: hover) {
        border-top-right-radius: 0;
      }
    }
  }
  .hover\:rounded-bl-none {
    &:hover {
      @media (hover: hover) {
        border-bottom-left-radius: 0;
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:\!no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none !important;
      }
    }
  }
  .hover\:no-underline\! {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none !important;
      }
    }
  }
  .sm\:-mt-\[7rem\] {
    @media (width >= 40rem) {
      margin-top: calc(7rem * -1);
    }
  }
  .sm\:max-w-full {
    @media (width >= 40rem) {
      max-width: 100%;
    }
  }
  .md\:mb-5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:\!flex {
    @media (width >= 48rem) {
      display: flex !important;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:aspect-3\/2 {
    @media (width >= 48rem) {
      aspect-ratio: 3/2;
    }
  }
  .md\:size-auto {
    @media (width >= 48rem) {
      width: auto;
      height: auto;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:max-w-full {
    @media (width >= 48rem) {
      max-width: 100%;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:text-center {
    @media (width >= 48rem) {
      text-align: center;
    }
  }
  .lg\:-right-8 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * -8);
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:container {
    @media (width >= 64rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
      @media (width >= 112.5rem) {
        max-width: 112.5rem;
      }
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-9 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .lg\:mb-72 {
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-72);
    }
  }
  .lg\:mb-\[120px\] {
    @media (width >= 64rem) {
      margin-bottom: 120px;
    }
  }
  .lg\:\!block {
    @media (width >= 64rem) {
      display: block !important;
    }
  }
  .lg\:\!flex {
    @media (width >= 64rem) {
      display: flex !important;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:h-20 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .lg\:h-\[33\.75rem\] {
    @media (width >= 64rem) {
      height: 33.75rem;
    }
  }
  .lg\:h-\[300px\] {
    @media (width >= 64rem) {
      height: 300px;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-1\/4 {
    @media (width >= 64rem) {
      width: calc(1/4 * 100%);
    }
  }
  .lg\:w-\[16rem\] {
    @media (width >= 64rem) {
      width: 16rem;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:max-w-\[80\%\] {
    @media (width >= 64rem) {
      max-width: 80%;
    }
  }
  .lg\:max-w-full {
    @media (width >= 64rem) {
      max-width: 100%;
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:auto-cols-\[20rem\] {
    @media (width >= 64rem) {
      grid-auto-columns: 20rem;
    }
  }
  .lg\:grid-flow-col {
    @media (width >= 64rem) {
      grid-auto-flow: column;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:justify-items-normal {
    @media (width >= 64rem) {
      justify-items: normal;
    }
  }
  .lg\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:rounded-tl-2xl {
    @media (width >= 64rem) {
      border-top-left-radius: var(--radius-2xl);
    }
  }
  .lg\:rounded-br-2xl {
    @media (width >= 64rem) {
      border-bottom-right-radius: var(--radius-2xl);
    }
  }
  .lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:px-0 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:\!py-9 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 9) !important;
    }
  }
  .lg\:pt-12 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:pb-8 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:pb-\[1\.125rem\] {
    @media (width >= 64rem) {
      padding-bottom: 1.125rem;
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:\!text-\[1\.375rem\] {
    @media (width >= 64rem) {
      font-size: 1.375rem !important;
    }
  }
  .lg\:text-\[1\.375rem\] {
    @media (width >= 64rem) {
      font-size: 1.375rem;
    }
  }
  .lg\:text-size22\! {
    @media (width >= 64rem) {
      font-size: var(--text-size22) !important;
    }
  }
  .lg\:leading-8 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .lg\:leading-\[2\.0625rem\] {
    @media (width >= 64rem) {
      --tw-leading: 2.0625rem;
      line-height: 2.0625rem;
    }
  }
  .xl\:-mt-\[9rem\] {
    @media (width >= 80rem) {
      margin-top: calc(9rem * -1);
    }
  }
  .xl\:h-\[43\.75rem\] {
    @media (width >= 80rem) {
      height: 43.75rem;
    }
  }
  .xl\:w-1\/5 {
    @media (width >= 80rem) {
      width: calc(1/5 * 100%);
    }
  }
  .xl\:w-\[20rem\] {
    @media (width >= 80rem) {
      width: 20rem;
    }
  }
  .xl\:w-\[25rem\] {
    @media (width >= 80rem) {
      width: 25rem;
    }
  }
  .xl\:\!max-w-\[100rem\] {
    @media (width >= 80rem) {
      max-width: 100rem !important;
    }
  }
  .xl\:max-w-\[45rem\] {
    @media (width >= 80rem) {
      max-width: 45rem;
    }
  }
  .xl\:max-w-\[75rem\] {
    @media (width >= 80rem) {
      max-width: 75rem;
    }
  }
  .xl\:auto-cols-\[22\.5rem\] {
    @media (width >= 80rem) {
      grid-auto-columns: 22.5rem;
    }
  }
  .xl\:gap-10 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .xl\:gap-\[3\.75rem\] {
    @media (width >= 80rem) {
      gap: 3.75rem;
    }
  }
  .xl\:px-0 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:pt-0 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .xl\:pt-72 {
    @media (width >= 80rem) {
      padding-top: var(--spacing-72);
    }
  }
  .xl\:\!text-h3xl {
    @media (width >= 80rem) {
      font-size: var(--text-h3xl) !important;
    }
  }
  .xl\:text-h1xl {
    @media (width >= 80rem) {
      font-size: var(--text-h1xl);
    }
  }
  .xl\:text-size22 {
    @media (width >= 80rem) {
      font-size: var(--text-size22);
    }
  }
  .\32 xl\:max-w-7xl {
    @media (width >= 96rem) {
      max-width: var(--container-7xl);
    }
  }
  .\33 xl\:max-w-\[1500px\] {
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
}
@layer base {
  @font-face {
    font-family: 'akkurat';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/akkurat-regular.woff2") format("woff2");
  }
  @font-face {
    font-family: 'akkurat-bold';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/akkurat-bold.woff2") format("woff2");
  }
  @font-face {
    font-family: 'akkurat-light';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/akkurat-light.woff2") format("woff2");
  }
  @font-face {
    font-family: 'akkurat-italic';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/akkurat-italic.woff2") format("woff2");
  }
}
body {
  height: auto;
  overflow-x: clip;
  scroll-behavior: smooth;
  font-family: var(--font-akkurat);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-maintext);
}
::-moz-selection {
  background-color: var(--color-cyan-500);
  color: var(--color-white);
}
::selection {
  background-color: var(--color-cyan-500);
  color: var(--color-white);
}
h1 {
  font-family: var(--font-titles);
  font-size: var(--text-h1);
  --tw-leading: var(--leading-h1);
  line-height: var(--leading-h1);
  @media (width >= 64rem) {
    font-size: var(--text-h1xl);
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-h1xl);
    line-height: var(--leading-h1xl);
  }
}
h2 {
  font-family: var(--font-titles);
  font-size: var(--text-h2);
  --tw-leading: var(--leading-h2);
  line-height: var(--leading-h2);
  @media (width >= 64rem) {
    font-size: var(--text-h2xl);
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-h2xl);
    line-height: var(--leading-h2xl);
  }
}
h3 {
  font-family: var(--font-titles);
  font-size: var(--text-h3);
  --tw-leading: var(--leading-h3);
  line-height: var(--leading-h3);
  @media (width >= 64rem) {
    font-size: var(--text-h3xl);
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-h3xl);
    line-height: var(--leading-h3xl);
  }
}
h4 {
  font-family: var(--font-titles);
  font-size: var(--text-h4);
  --tw-leading: var(--leading-h4);
  line-height: var(--leading-h4);
  @media (width >= 64rem) {
    font-size: var(--text-h4xl);
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-h4xl);
    line-height: var(--leading-h4xl);
  }
}
h5 {
  font-family: var(--font-titles);
  font-size: var(--text-h5);
  --tw-leading: var(--leading-h5);
  line-height: var(--leading-h5);
  @media (width >= 64rem) {
    font-size: var(--text-h5xl);
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-h5xl);
    line-height: var(--leading-h5xl);
  }
}
h6 {
  font-family: var(--font-titles);
  font-size: var(--text-h6);
  --tw-leading: var(--leading-h6);
  line-height: var(--leading-h6);
  @media (width >= 64rem) {
    font-size: var(--text-h6xl);
  }
  @media (width >= 64rem) {
    --tw-leading: var(--leading-h6xl);
    line-height: var(--leading-h6xl);
  }
}
a {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    color: var(--color-cyan-500);
    text-decoration-line: underline;
  }
}
@layer components {
  .btn {
    display: flex;
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 5);
    font-family: var(--font-titles);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    svg {
      display: inline-flex;
    }
    span {
      vertical-align: middle;
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:hover {
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
    }
    &:focus {
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
      border-color: transparent;
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-color: var(--color-cyan-200);
    }
    &:disabled {
      pointer-events: none;
      background-color: var(--color-neutral-700);
    }
    &.btn-primary {
      background-color: var(--color-cyan-500);
      color: var(--color-white);
    }
    &.btn-primary-outline {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-cyan-500);
      background-color: var(--color-white);
      color: var(--color-cyan-500);
      &:hover {
        background-color: var(--color-cyan-500);
        color: var(--color-white);
      }
    }
    &.btn-secondary {
      background-color: var(--color-white);
      color: var(--color-cyan-500);
    }
    &.btn-secondary-outline {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      background-color: transparent;
      color: var(--color-white);
      &:hover {
        border-color: var(--color-cyan-500);
        background-color: var(--color-white);
        color: var(--color-cyan-500);
      }
    }
    &.btn-lg {
      height: calc(var(--spacing) * 11);
      padding-inline: calc(var(--spacing) * 6);
      font-size: 1.0625rem;
      span {
        font-size: 1.0625rem;
      }
      &:hover {
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
      }
    }
    &.btn-xl {
      height: calc(var(--spacing) * 14);
      padding-inline: calc(var(--spacing) * 7);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      span {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      &:hover {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
      }
    }
  }
}
input {
  &[type="text"], &[type="email"], &[type="password"], &[type="tel"], &[type="number"], &[type="date"], &[type="time"] {
    height: calc(var(--spacing) * 10);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-cyan-500);
    background-color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    &::placeholder {
      color: var(--color-neutral-300);
    }
    &:hover {
      background-color: var(--color-neutral-100);
    }
    &:active {
      background-color: var(--color-neutral-100);
    }
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-color: var(--color-cyan-200);
    }
    &:disabled {
      pointer-events: none;
      border-color: var(--color-neutral-700);
      background-color: var(--color-neutral-200);
      &::placeholder {
        color: var(--color-neutral-700);
      }
    }
    &.error {
      border-color: var(--color-red-700);
      &::placeholder {
        color: var(--color-red-700);
      }
    }
  }
  &[type="radio"] {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    appearance: none;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-cyan-500);
    &:checked {
      border-style: var(--tw-border-style);
      border-width: 6px;
    }
    &:checked {
      background-color: var(--color-white);
    }
  }
  &[type="checkbox"] {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    appearance: none;
    border-radius: 2px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-cyan-500);
    &:checked {
      background-color: var(--color-cyan-500);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url('../images/icons/icon-check-white.svg');
      background-size: 18px;
    }
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-color: var(--color-cyan-200);
    }
  }
}
select {
  height: calc(var(--spacing) * 10);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-cyan-500);
  background-color: var(--color-white);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  &::placeholder {
    color: var(--color-neutral-600);
  }
  &:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--color-cyan-200);
  }
  &:disabled {
    pointer-events: none;
    border-color: var(--color-neutral-700);
    background-color: var(--color-neutral-200);
    &::placeholder {
      color: var(--color-neutral-700);
    }
  }
  &.error {
    border-color: var(--color-red-700);
    &::placeholder {
      color: var(--color-red-700);
    }
  }
}
textarea {
  height: 5.8125rem;
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-cyan-500);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  &::placeholder {
    color: var(--color-neutral-600);
  }
  &.error {
    border-color: var(--color-red-700);
    &::placeholder {
      color: var(--color-red-700);
    }
  }
}
.form-item {
  margin-bottom: calc(var(--spacing) * 8);
  display: flex;
  flex-direction: column;
  .form-required::after, .js-form-required::after {
    content: "*";
    color: var(--color-red-500);
    margin-left: 3px;
    display: inline;
  }
  label {
    padding-bottom: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .form-item--error-message {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-red-700);
  }
  &:has(.form-item--error-message) {
    .input--label {
      color: var(--color-red-700);
    }
  }
}
.form-type-textarea {
  margin-top: var(--spacing-52);
}
.webform-document-file {
  display: flex;
  &:has(.messages) {
    flex-direction: column-reverse;
    gap: calc(var(--spacing) * 4);
  }
  .form-file {
    height: calc(var(--spacing) * 10);
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-cyan-500);
    background-color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    &::placeholder {
      color: var(--color-neutral-600);
    }
  }
  span.file {
    height: calc(var(--spacing) * 10);
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-cyan-500);
    background-color: var(--color-white);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    &::placeholder {
      color: var(--color-neutral-600);
    }
  }
}
.paragraph--type--esb-webform {
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 48rem) {
    margin-inline: auto;
  }
  @media (width >= 64rem) {
    width: 100%;
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  form {
    margin-bottom: var(--spacing-92);
  }
  .form-wrapper {
    margin-top: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      margin-top: var(--spacing-52);
    }
    >label {
      display: block;
      font-family: var(--font-titles);
      font-size: var(--text-size22);
      color: var(--color-neutral-800);
      &:first-child {
        margin-bottom: calc(var(--spacing) * 8);
      }
    }
  }
  .webform-flexbox {
    margin-inline: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 10);
    .webform-flex--container {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .radios--wrapper {
    margin-top: calc(var(--spacing) * 8);
    legend {
      padding-bottom: calc(var(--spacing) * 1.5);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .form-radios {
      display: flex;
      gap: calc(var(--spacing) * 8);
      .form-item {
        margin-bottom: calc(var(--spacing) * 0);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        label {
          padding-bottom: calc(var(--spacing) * 0);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          color: var(--color-neutral-800);
        }
      }
    }
  }
  .checkbox--container {
    flex-direction: row;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    label {
      padding: calc(var(--spacing) * 0);
    }
  }
  .webform-button--submit {
    height: calc(var(--spacing) * 14);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-brand);
    background-color: var(--color-white);
    font-family: var(--font-titles);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-brand);
    @media (width >= 64rem) {
      max-width: 23.25rem;
    }
  }
  .form-item-title-01 {
    h2 {
      position: relative;
      font-family: var(--font-akkurat);
      font-size: var(--text-h3);
      --tw-leading: var(--leading-h3);
      line-height: var(--leading-h3);
      color: var(--color-neutral-800);
      @media (width >= 64rem) {
        font-size: var(--text-h3xl);
      }
      @media (width >= 64rem) {
        --tw-leading: var(--leading-h3xl);
        line-height: var(--leading-h3xl);
      }
      &:after {
        position: relative;
        margin-top: calc(var(--spacing) * 6);
        display: block;
        height: 3px;
        width: 3.75rem;
        background-color: var(--color-yellow-500);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .fieldset-wrapper {
    .description {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .form-type-datetime {
    .container-inline {
      .form-item {
        width: calc(1/2 * 100%);
        input {
          width: 100%;
        }
      }
    }
  }
}
.region-header-pre {
  position: relative;
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 0);
  display: grid;
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 0);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 2.5);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  grid-template-areas: "top top" "bottom bottom";
  nav.menu--top-header {
    margin-right: 124px;
    display: none;
    justify-self: flex-end;
    @media (width >= 64rem) {
      display: flex;
    }
    grid-area: top;
  }
  ul.menu {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      display: flex;
    }
    li {
      &:first-child {
        position: relative;
        display: flex;
        align-items: center;
        &:before {
          position: relative;
          margin-right: calc(var(--spacing) * 2);
          display: inline-block;
          height: calc(var(--spacing) * 5.5);
          width: calc(var(--spacing) * 5.5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-status-green.svg');
        }
        &.active-incident:before {
          background-image: url('../images/icons/icon-status-warning.svg');
        }
      }
    }
  }
  .aos-language-switcher {
    margin-left: calc(var(--spacing) * 6);
    display: none;
    justify-self: flex-end;
    @media (width >= 64rem) {
      display: flex;
    }
    grid-area: top;
    .custom-language-switcher {
      pointer-events: none;
      position: relative;
      z-index: -1;
      height: calc(var(--spacing) * 6.5);
      width: 100px;
      &:after {
        position: absolute;
        top: 4px;
        right: 3px;
        display: flex;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-yellow-500);
        background-position: center;
        background-repeat: no-repeat;
        padding: calc(var(--spacing) * 1);
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-chevron-down-blue.svg');
        background-size: 12px;
      }
    }
    #lang-switch {
      pointer-events: auto;
      position: relative;
      height: calc(var(--spacing) * 6.5);
      width: 100px;
      appearance: none;
      border-radius: 15px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-neutral-600);
      padding-right: calc(var(--spacing) * 5);
      padding-left: calc(var(--spacing) * 3);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
}
.aos-header-desktop {
  position: relative;
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 6);
  width: 100%;
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    position: sticky;
  }
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 2);
  }
  @media (width >= 64rem) {
    z-index: 9999;
  }
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .region-header {
    position: relative;
    z-index: 50;
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 40px;
    background-color: var(--color-white);
    padding-inline: var(--spacing-18);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-52);
    }
    @media (width >= 64rem) {
      border-radius: 50px;
    }
    @media (width >= 64rem) {
      padding-inline: 2.250rem;
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
    .block-system-branding-block {
      margin-right: var(--spacing-52);
      img {
        width: 100%;
        max-width: 76px;
        @media (width >= 64rem) {
          max-width: 100%;
        }
      }
    }
    #block-esb-mainnavigation {
      display: none;
      @media (width >= 64rem) {
        display: block;
      }
      >ul.menu {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 0);
        >li {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          color: var(--color-brand);
          &:first-child {
            padding-left: calc(var(--spacing) * 0);
          }
          &:last-child {
            padding-right: calc(var(--spacing) * 0);
          }
          @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * -5);
          }
          @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 4);
          }
          @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 8);
          }
          @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 12);
          }
          .aos-submenu-icon {
            display: none;
          }
          &.menu-item--expanded {
            .menu-dropdown {
              pointer-events: none;
              visibility: hidden;
              position: absolute;
              top: 100px;
              right: calc(var(--spacing) * 0);
              left: calc(var(--spacing) * 0);
              z-index: -100;
              display: flex;
              width: 100%;
              flex-direction: row;
              justify-content: space-between;
              gap: calc(var(--spacing) * 8);
              border-radius: 50px;
              background-color: var(--color-white);
              padding: calc(var(--spacing) * 9);
              opacity: 0%;
              --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-duration: 500ms;
              transition-duration: 500ms;
              .menu-level-1 {
                height: fit-content;
                >li {
                  margin-bottom: calc(var(--spacing) * 5);
                  display: flex;
                  align-items: center;
                  padding-inline: calc(var(--spacing) * 6);
                  padding-block: calc(var(--spacing) * 3);
                  --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
                  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                  a {
                    position: relative;
                    width: 100%;
                    padding-right: calc(var(--spacing) * 10);
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                    @media (width >= 80rem) {
                      font-size: 19px;
                    }
                    &:after {
                      position: absolute;
                      top: calc(var(--spacing) * 0);
                      right: calc(var(--spacing) * 0);
                      bottom: calc(var(--spacing) * 0);
                      margin-block: auto;
                      display: block;
                      height: calc(var(--spacing) * 6);
                      width: calc(var(--spacing) * 6);
                      background-size: contain;
                      background-position: center;
                      background-repeat: no-repeat;
                      --tw-content: '';
                      content: var(--tw-content);
                      background-image: url('../images/icons/icon-arrow-right-blue.svg');
                    }
                  }
                }
              }
              .field--name-field-menu-image {
                margin-left: calc(var(--spacing) * 0);
                .field__item {
                  position: relative;
                  height: 22rem;
                  width: 20rem;
                  overflow: hidden;
                  border-top-left-radius: var(--radius-2xl);
                  border-bottom-right-radius: var(--radius-2xl);
                  @media (width >= 80rem) {
                    height: 30.25rem;
                  }
                  @media (width >= 80rem) {
                    width: 27.75rem;
                  }
                  img {
                    position: absolute;
                    top: calc(var(--spacing) * 0);
                    right: calc(var(--spacing) * 0);
                    bottom: calc(var(--spacing) * 0);
                    left: calc(var(--spacing) * 0);
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    object-position: center;
                  }
                }
              }
            }
            &:hover {
              .menu-dropdown {
                pointer-events: auto;
                visibility: visible;
                z-index: 10;
                opacity: 100%;
              }
            }
          }
          .menu-level-1 {
            .menu-dropdown {
              display: none;
            }
          }
        }
      }
    }
    #block-esb-secondarynavigation {
      margin-left: auto;
      ul.menu {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2.5);
        @media (width >= 64rem) {
          gap: calc(var(--spacing) * 8);
        }
        li {
          height: 42px;
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-leading: calc(var(--spacing) * 0);
          line-height: calc(var(--spacing) * 0);
          color: var(--color-brand);
          a {
            position: relative;
            &.search-link {
              font-size: 0px;
              &:before {
                position: relative;
                display: block;
                height: 42px;
                width: 42px;
                border-radius: calc(infinity * 1px);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                padding-inline: calc(var(--spacing) * 2.5);
                padding-block: calc(var(--spacing) * 3.5);
                --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                --tw-content: '';
                content: var(--tw-content);
                @media (width >= 64rem) {
                  height: calc(var(--spacing) * 10);
                }
                @media (width >= 64rem) {
                  width: calc(var(--spacing) * 10);
                }
                background-image: url('../images/icons/icon-search-blue.svg');
                background-size: 15px;
              }
              &.is-active {
                &:before {
                  background-image: url('../images/icons/icon-close.svg') !important;
                  background-size: 24px;
                }
              }
            }
            &.user-portal-link {
              display: flex;
              height: calc(var(--spacing) * 10);
              align-items: center;
              border-radius: 20px;
              padding-inline: calc(var(--spacing) * 3);
              --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              &:before {
                position: relative;
                margin-right: calc(var(--spacing) * 3);
                display: block;
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-user-blue.svg');
              }
            }
            &.mobile-menu-trigger {
              font-size: 0px;
              &:before {
                position: relative;
                display: block;
                height: 42px;
                width: 42px;
                border-radius: calc(infinity * 1px);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                padding-inline: calc(var(--spacing) * 2.5);
                padding-block: calc(var(--spacing) * 3.5);
                --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-hamburger.svg');
                background-size: 26px;
              }
            }
          }
          &:has(.user-portal-link) {
            display: none;
            @media (width >= 64rem) {
              display: block;
            }
          }
          &:has(.mobile-menu-trigger) {
            @media (width >= 64rem) {
              display: none;
            }
          }
        }
      }
    }
  }
}
body.user-logged-in {
  .aos-header-desktop {
    @media (width >= 64rem) {
      position: relative;
    }
    @media (width >= 64rem) {
      z-index: 1;
    }
  }
}
.language-switcher-language-url {
  z-index: 10;
}
footer {
  margin-inline: auto;
  max-width: 85%;
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    max-width: 992px;
  }
  transition: max-width .3s ease-in-out, padding .3s ease-in-out;
  &.is-in-viewport {
    max-width: 100%;
    border-radius: 0;
    padding-inline: calc(var(--spacing) * 0);
  }
  .aos-footer {
    .aos-footer-branding {
      .btn-gotop {
        .icon {
          position: relative;
          &:after {
            position: relative;
            top: calc(var(--spacing) * 0);
            right: calc(var(--spacing) * 0);
            display: block;
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-arrow-up-white.svg');
          }
        }
      }
    }
    .footer-col {
      .region {
        .block-menu {
          margin-bottom: calc(var(--spacing) * 7);
          @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 12);
          }
          @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 0);
          }
          .menu-level-0 {
            >.menu-item--expanded {
              position: relative;
              >a {
                margin-bottom: calc(var(--spacing) * 6);
                display: block;
                font-family: var(--font-titles);
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
              }
              >.aos-submenu-icon {
                position: absolute;
                top: calc(var(--spacing) * 0);
                right: calc(var(--spacing) * 0);
                height: calc(var(--spacing) * 6);
                width: calc(var(--spacing) * 6);
                @media (width >= 48rem) {
                  display: none;
                }
                &:after {
                  position: absolute;
                  top: calc(var(--spacing) * 1);
                  right: calc(var(--spacing) * 0);
                  display: block;
                  height: calc(var(--spacing) * 6);
                  width: calc(var(--spacing) * 6);
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                  transition-property: all;
                  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                  transition-duration: var(--tw-duration, var(--default-transition-duration));
                  --tw-content: '';
                  content: var(--tw-content);
                  background-image: url('../images/icons/icon-chevron-down-white.svg');
                }
                i {
                  display: none;
                }
                &.is-active {
                  &:after {
                    rotate: 180deg;
                  }
                }
              }
              .menu-dropdown {
                .menu-level-1 {
                  display: none;
                  flex-direction: column;
                  gap: calc(var(--spacing) * 6);
                  padding-left: calc(var(--spacing) * 3);
                  @media (width >= 48rem) {
                    display: flex;
                  }
                  @media (width >= 48rem) {
                    gap: calc(var(--spacing) * 4);
                  }
                  @media (width >= 48rem) {
                    padding-left: calc(var(--spacing) * 0);
                  }
                  .menu-item {
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                    @media (width >= 64rem) {
                      font-size: var(--text-sm);
                      line-height: var(--tw-leading, var(--text-sm--line-height));
                    }
                  }
                }
                &.is-open {
                  .menu-level-1 {
                    display: flex;
                  }
                }
              }
              .aos-back-button {
                display: none;
              }
            }
          }
          .menu-level-2 {
            display: none;
          }
          .field--name-field-menu-image {
            display: none;
          }
        }
      }
      .contact {
        .region {
          @media (width >= 48rem) {
            display: flex;
          }
          @media (width >= 80rem) {
            display: block;
          }
          .block-block-content {
            margin-bottom: var(--spacing-52);
            width: 100%;
            @media (width >= 48rem) {
              width: calc(1/2 * 100%);
            }
            @media (width >= 80rem) {
              width: 100%;
            }
            h4 {
              margin-bottom: calc(var(--spacing) * 6);
              font-size: var(--text-xl);
              line-height: var(--tw-leading, var(--text-xl--line-height));
            }
            p {
              @media (width >= 64rem) {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
              }
            }
          }
        }
      }
    }
  }
  .aos-footer--post {
    .bottom-column {
      #block-esb-legals {
        .text-formatted {
          p {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 2);
            @media (width >= 64rem) {
              justify-content: flex-start;
            }
            @media (width >= 64rem) {
              gap: var(--spacing-52);
            }
            a {
              position: relative;
              @media (width >= 64rem) {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
              }
              &:after {
                position: relative;
                margin-left: calc(var(--spacing) * 2);
                display: inline;
                --tw-content: '|';
                content: var(--tw-content);
                @media (width >= 64rem) {
                  display: none;
                }
              }
              &:last-child {
                &:after {
                  display: none;
                }
              }
            }
          }
        }
      }
      .region-footer-post-2 {
        #block-esb-socialmedialinks {
          display: flex;
          justify-content: center;
          padding-bottom: calc(var(--spacing) * 8);
          @media (width >= 64rem) {
            justify-content: flex-end;
          }
          @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 0);
          }
          .links--social {
            display: flex;
            gap: calc(var(--spacing) * 8);
            .sh-instagram-item, .sh-twitter-item, .sh-pinterest-item {
              display: none;
            }
            .sh-linkedin-item {
              order: 1;
            }
            .sh-facebook-item {
              order: 2;
            }
            .sh-youtube-item {
              order: 3;
            }
            a {
              .label {
                display: none;
              }
              .icon {
                &:before {
                  position: relative;
                  display: block;
                  height: calc(var(--spacing) * 8);
                  width: calc(var(--spacing) * 8);
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                  --tw-content: '';
                  content: var(--tw-content);
                }
                &.icon-linkedin {
                  &:before {
                    background-image: url('../images/aos-social-media-linkedin.svg');
                  }
                }
                &.icon-facebook {
                  &:before {
                    background-image: url('../images/aos-social-media-facebook.svg');
                  }
                }
                &.icon-youtube {
                  &:before {
                    background-image: url('../images/aos-social-media-youtube.svg');
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.layout-mobile-navigation {
  position: fixed;
  top: calc(var(--spacing) * 0);
  right: calc(23rem * -1);
  bottom: calc(var(--spacing) * 0);
  z-index: 10;
  display: block !important;
  height: 100%;
  width: 100%;
  max-width: 23rem;
  background-color: var(--color-white);
  padding-top: calc(var(--spacing) * 2);
  padding-bottom: calc(var(--spacing) * 5);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  &.nav-open {
    right: calc(var(--spacing) * 0);
    z-index: 500;
    &:after {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: 100%;
      bottom: calc(var(--spacing) * 0);
      z-index: 9;
      display: block;
      height: 100vh;
      width: 100vw;
      background-color: var(--color-black);
      opacity: 70%;
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        right: calc(var(--spacing) * 0);
      }
      @media (width >= 64rem) {
        left: 100%;
      }
    }
  }
  >div {
    height: 100%;
    overflow-y: auto;
  }
  .region-mobile-navigation {
    padding-inline: calc(var(--spacing) * 5);
    .block-system-branding-block {
      margin-bottom: var(--spacing-50);
      img {
        max-width: 76px;
      }
    }
    #block-esb-mainnavigation-2, #block-esb-main-menu {
      h2 {
        display: none;
      }
      .menu-level-0 {
        display: flex;
        flex-direction: column;
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
        border-color: var(--color-cyan-500);
        .menu-dropdown {
          .field--name-field-menu-image {
            display: none;
          }
        }
        >li.menu-item {
          position: relative;
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-color: var(--color-neutral-200);
          padding-block: calc(var(--spacing) * 6);
          .aos-submenu-icon, .aos-back-button {
            display: none;
          }
          &.menu-item--expanded {
            .aos-submenu-icon {
              position: absolute;
              top: calc(var(--spacing) * 0);
              right: calc(var(--spacing) * -5);
              bottom: calc(var(--spacing) * 0);
              margin-block: auto;
              display: flex;
              width: var(--spacing-52);
              height: var(--spacing-52);
              align-items: center;
              justify-content: flex-end;
              padding-right: calc(var(--spacing) * 5);
              &:after {
                position: relative;
                display: block;
                height: calc(var(--spacing) * 3);
                width: calc(var(--spacing) * 2);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-chevron-right-blue.svg');
              }
              i {
                display: none;
              }
              &.is-active {
                display: none;
                &:after {
                  display: none;
                }
              }
            }
            .menu-dropdown {
              display: none;
              &.is-open {
                display: block;
                min-height: calc(100vh - 10rem);
                padding-block: calc(var(--spacing) * 6);
                .aos-back-button {
                  position: relative;
                  margin-top: calc(var(--spacing) * 6);
                  display: flex;
                  height: 38px;
                  width: 100%;
                  align-items: center;
                  justify-content: center;
                  border-radius: var(--radius-3xl);
                  background-color: color-mix(in srgb, #0086B2 10%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
                  }
                  font-family: var(--font-titles);
                  font-size: var(--text-sm);
                  line-height: var(--tw-leading, var(--text-sm--line-height));
                  color: var(--color-brand);
                  text-transform: lowercase;
                  &:before {
                    position: relative;
                    margin-right: calc(var(--spacing) * 3);
                    display: block;
                    height: calc(var(--spacing) * 3.5);
                    width: calc(var(--spacing) * 3.5);
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    --tw-content: '';
                    content: var(--tw-content);
                    background-image: url('../images/icons/icon-arrow-left-blue.svg');
                  }
                }
              }
              .menu-level-1 {
                .menu-item {
                  border-top-style: var(--tw-border-style);
                  border-top-width: 1px;
                  border-color: var(--color-neutral-200);
                  padding-block: calc(var(--spacing) * 3);
                  &:last-child {
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 1px;
                  }
                  a {
                    font-size: 19px;
                    color: var(--color-brand);
                  }
                }
              }
            }
            &:has(.is-open) {
              order: calc(1 * -1);
            }
          }
          a {
            font-size: var(--text-h4);
          }
        }
      }
    }
    .menu--secondary-navigation {
      margin-block: calc(var(--spacing) * 8);
      .menu {
        .menu-item {
          &:has(.search-link) {
            display: none;
          }
          a {
            position: relative;
            z-index: 50;
            &.user-portal-link {
              display: flex;
              height: calc(var(--spacing) * 10);
              align-items: center;
              justify-content: center;
              border-radius: 20px;
              padding-inline: calc(var(--spacing) * 3);
              color: var(--color-brand);
              --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
              &:before {
                position: relative;
                margin-right: calc(var(--spacing) * 3);
                display: block;
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-user-blue.svg');
              }
            }
            &.mobile-menu-trigger {
              position: absolute;
              top: calc(var(--spacing) * 3);
              right: calc(var(--spacing) * 5);
              font-size: 0px;
              &:before {
                position: relative;
                display: block;
                height: calc(var(--spacing) * 5);
                width: calc(var(--spacing) * 5);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                padding-inline: calc(var(--spacing) * 2.5);
                padding-block: calc(var(--spacing) * 3.5);
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-close-gray.svg');
              }
            }
          }
        }
      }
    }
    .menu--top-header {
      .menu {
        li {
          padding-bottom: calc(var(--spacing) * 8);
          a {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
          }
          &:first-child {
            position: relative;
            display: flex;
            align-items: center;
            &:before {
              position: relative;
              margin-right: calc(var(--spacing) * 2);
              display: inline-block;
              height: calc(var(--spacing) * 5.5);
              width: calc(var(--spacing) * 5.5);
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              --tw-content: '';
              content: var(--tw-content);
              background-image: url('../images/icons/icon-status-green.svg');
            }
            &.active-incident:before {
              background-image: url('../images/icons/icon-status-warning.svg');
            }
          }
        }
      }
    }
  }
  .aos-language-switcher {
    position: relative;
    grid-column: span 2 / span 2;
    width: 100%;
    @media (width >= 64rem) {
      display: none;
    }
    .custom-language-switcher {
      position: absolute;
      right: calc(var(--spacing) * 0);
      width: 100%;
      &:after {
        pointer-events: none;
        position: absolute;
        top: 4px;
        right: calc(var(--spacing) * 1);
        display: flex;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-yellow-500);
        background-position: center;
        background-repeat: no-repeat;
        padding: calc(var(--spacing) * 1);
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-chevron-down-blue.svg');
        background-size: 12px;
      }
    }
    #lang-switch {
      pointer-events: auto;
      position: relative;
      height: calc(var(--spacing) * 7);
      width: 100%;
      appearance: none;
      border-radius: 15px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-neutral-600);
      padding-right: calc(var(--spacing) * 8);
      padding-left: calc(var(--spacing) * 3);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
}
.mobile-menu-overlay {
  background: rgba(0, 0, 0, 0.0) !important;
  transition: opacity 0.5s ease;
  &:last-child {
    display: none;
  }
}
.paragraph--type--esbpc02 {
  h2 {
    position: relative;
    margin-bottom: var(--spacing-52);
    font-family: var(--font-light);
    font-size: var(--text-h3);
    --tw-leading: var(--leading-h3);
    line-height: var(--leading-h3);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      font-size: var(--text-h3xl);
    }
    @media (width >= 64rem) {
      --tw-leading: var(--leading-h3xl);
      line-height: var(--leading-h3xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .showcase--body {
    h3 {
      display: inline-block;
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-neutral-800);
      @media (width >= 64rem) {
        padding-bottom: calc(var(--spacing) * 3);
      }
      @media (width >= 64rem) {
        font-size: 1.375rem;
      }
      @media (width >= 64rem) {
        --tw-leading: 1.625rem;
        line-height: 1.625rem;
      }
    }
    .intro {
      margin-bottom: calc(var(--spacing) * 4);
      display: block;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-neutral-800);
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 3);
      }
      @media (width >= 64rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
    .aos-link {
      pointer-events: none;
      &:before {
        position: relative;
        margin-right: calc(var(--spacing) * 2);
        display: inline;
        height: calc(var(--spacing) * 3);
        width: calc(var(--spacing) * 3);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-arrow-right-blue.svg');
      }
    }
  }
  .aos-quick-link-item {
    &:hover {
      .intro {
        text-decoration-line: none;
      }
      .aos-link {
        &:before {
          margin-right: calc(var(--spacing) * 0);
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
}
.aos-hero-tiles-slider {
  position: relative;
  margin-bottom: calc(var(--spacing) * 10);
  @media (width >= 64rem) {
    margin-bottom: var(--spacing-75);
  }
  .aos-hero-tiles-slider-items {
    scrollbar-width: none;
    scroll-behavior: smooth;
    @media (max-width: 767px) {
      touch-action: pan-y;
      -webkit-overflow-scrolling: auto;
    }
    .aos-slider-item {
      .aos-item-inner {
        pointer-events: none;
        position: relative;
        &:after {
          position: absolute;
          top: calc(var(--spacing) * 0);
          right: calc(var(--spacing) * 0);
          bottom: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          z-index: 0;
          display: block;
          height: 100%;
          width: 100%;
          --tw-content: '';
          content: var(--tw-content);
          background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgba(30, 43, 112, 1) 100%);
        }
        @media screen and (min-width:1024px) {
          &:after {
            background: linear-gradient(180deg,rgba(255, 255, 255, 0) 49%, rgba(30, 43, 112, 1) 100%);
          }
        }
        .aos-slide-item-content {
          h3 {
            position: relative;
            margin-bottom: calc(var(--spacing) * 4);
            font-family: var(--font-akkurat);
            font-size: var(--text-hero);
            --tw-leading: var(--leading-hero);
            line-height: var(--leading-hero);
            text-transform: uppercase;
            @media (width >= 64rem) {
              overflow: hidden;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
            }
            @media (width >= 64rem) {
              font-size: var(--text-heroxl);
            }
            @media (width >= 64rem) {
              --tw-leading: var(--leading-heroxl);
              line-height: var(--leading-heroxl);
            }
            &:after {
              position: relative;
              margin-top: calc(var(--spacing) * 6);
              display: block;
              height: 3px;
              width: 3.75rem;
              background-color: var(--color-yellow-500);
              --tw-content: '';
              content: var(--tw-content);
            }
          }
          .link {
            a {
              position: relative;
              display: flex;
              align-items: center;
              &:before {
                position: relative;
                margin-right: calc(var(--spacing) * 2);
                display: inline;
                height: calc(var(--spacing) * 3);
                width: calc(var(--spacing) * 3);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-arrow-right-white.svg');
              }
            }
          }
        }
      }
      &.is-open {
        width: 20rem;
        @media (width >= 64rem) {
          width: 30rem;
        }
        @media (width >= 80rem) {
          width: 45rem;
        }
        .aos-item-inner {
          pointer-events: auto;
        }
      }
    }
  }
  .aos-pagination-buttons {
    .aos-item-btn {
      &.is-active {
        background-color: var(--color-brand);
      }
    }
  }
  .aos-slider-navigation {
    position: absolute;
    top: 43%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    display: none;
    width: 100%;
    @media (width >= 64rem) {
      display: flex;
    }
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    .aos-nav-btn {
      position: absolute;
      z-index: 10;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      &:after {
        position: relative;
        display: inline;
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
      }
      &.is-disabled {
        display: none;
      }
      &.aos-slider-prev {
        left: calc(var(--spacing) * -5);
        &:after {
          background-image: url('../images/icons/icon-arrow-left-thin-blue.svg');
        }
      }
      &.aos-slider-next {
        right: calc(var(--spacing) * -5);
        &:after {
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
      }
    }
  }
  &:has(.aos-hero-tiles-slider-items .aos-slider-item:first-child.is-active) {
    .aos-pagination-buttons {
      .aos-item-btn {
        &:first-child {
          background-color: var(--color-brand);
        }
      }
    }
  }
}
#block-esb-factsandfigures, #block-factsandfigures {
  background-color: var(--color-neutral-100);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: var(--spacing-72);
  @media (width >= 64rem) {
    padding-block: var(--spacing-120);
  }
  background-image: url('../images/bg-facts-section.svg');
  >h2 {
    display: none;
  }
  .facts-section {
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    margin-bottom: var(--spacing-52);
    width: 100%;
    padding-inline: calc(var(--spacing) * 0);
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
  .facts-header {
    text-align: center;
    h2 {
      position: relative;
      margin-bottom: var(--spacing-52);
      font-family: var(--font-light);
      font-size: var(--text-h3);
      --tw-leading: var(--leading-h3);
      line-height: var(--leading-h3);
      text-transform: uppercase;
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 16);
      }
      @media (width >= 64rem) {
        font-size: var(--text-h3xl);
      }
      @media (width >= 64rem) {
        --tw-leading: var(--leading-h3xl);
        line-height: var(--leading-h3xl);
      }
      &:after {
        position: relative;
        margin-inline: auto;
        margin-top: calc(var(--spacing) * 6);
        display: block;
        height: 3px;
        width: 3.75rem;
        background-color: var(--color-yellow-500);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .facts-grid {
    display: flex;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    overflow-x: auto;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      display: grid;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      overflow-x: hidden;
    }
    .fact-item {
      display: flex;
      aspect-ratio: 1 / 1;
      width: 100%;
      max-width: 80%;
      flex-shrink: 0;
      flex-direction: column;
      align-items: center;
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding-block: calc(var(--spacing) * 5);
      padding-top: calc(var(--spacing) * 10);
      @media (width >= 40rem) {
        max-width: 70%;
      }
      @media (width >= 40rem) {
        justify-content: center;
      }
      @media (width >= 40rem) {
        padding-top: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        max-width: 60%;
      }
      @media (width >= 64rem) {
        max-width: 100%;
      }
      @media (width >= 64rem) {
        justify-content: flex-start;
      }
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 8);
      }
      @media (width >= 80rem) {
        padding-top: calc(var(--spacing) * 12);
      }
      .fact-value {
        margin-bottom: calc(var(--spacing) * 6);
        font-family: var(--font-titles);
        font-size: var(--text-h1xl);
        color: var(--color-yellow-500);
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing) * 7);
        }
        @media (width >= 64rem) {
          font-size: 40px;
        }
        @media (width >= 80rem) {
          font-size: var(--text-h1xl);
        }
      }
      .fact-description {
        padding-inline: calc(var(--spacing) * 2);
        text-align: center;
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-neutral-800);
        @media (width >= 64rem) {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        @media (width >= 80rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
      }
      &.main-fact {
        @media (width >= 64rem) {
          grid-column: span 2 / span 2;
        }
        @media (width >= 64rem) {
          grid-row: span 2 / span 2;
        }
        @media (width >= 64rem) {
          justify-content: center;
        }
        @media (width >= 64rem) {
          padding-top: calc(var(--spacing) * 0);
        }
        .fact-value {
          @media (width >= 64rem) {
            margin-bottom: 3.625rem;
          }
          @media (width >= 64rem) {
            font-size: 5.875rem;
          }
        }
        .fact-description {
          margin-bottom: calc(var(--spacing) * 6);
          text-align: center;
          @media (width >= 64rem) {
            margin-bottom: 3.625rem;
          }
          @media (width >= 64rem) {
            padding-inline: var(--spacing-120);
          }
          @media (width >= 64rem) {
            font-family: var(--font-light);
          }
          @media (width >= 64rem) {
            font-size: 2.5rem;
          }
          @media (width >= 64rem) {
            --tw-leading: 3rem;
            line-height: 3rem;
          }
        }
        a {
          display: flex;
          height: calc(var(--spacing) * 9);
          cursor: pointer;
          align-items: center;
          justify-content: center;
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-cyan-500);
          background-color: var(--color-white);
          padding-inline: calc(var(--spacing) * 7);
          font-family: var(--font-titles);
          color: var(--color-cyan-500);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          @media (width >= 64rem) {
            height: calc(var(--spacing) * 14);
          }
          @media (width >= 64rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
          }
          &:hover {
            border-top-left-radius: var(--radius-3xl);
            border-bottom-right-radius: var(--radius-3xl);
            background-color: var(--color-cyan-500);
            color: var(--color-white);
            text-decoration-line: none;
          }
        }
      }
    }
  }
}
.aos-faqs {
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-bottom: var(--spacing-72);
  width: 100%;
  padding: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    margin-bottom: var(--spacing-120);
  }
  @media (width >= 80rem) {
    max-width: 75rem;
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  h2 {
    position: relative;
    margin-bottom: var(--spacing-52);
    font-family: var(--font-light);
    font-size: var(--text-h3);
    --tw-leading: var(--leading-h3);
    line-height: var(--leading-h3);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      font-size: var(--text-h3xl);
    }
    @media (width >= 64rem) {
      --tw-leading: var(--leading-h3xl);
      line-height: var(--leading-h3xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .aos-faq-accordion {
    margin-block: calc(var(--spacing) * 0);
    width: 100%;
    overflow: hidden;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-neutral-800);
    .aos-accordion-title {
      position: relative;
      cursor: pointer;
      padding-block: calc(var(--spacing) * 5);
      padding-right: calc(var(--spacing) * 10);
      font-family: var(--font-akkurat);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-brand);
      @media (width >= 64rem) {
        font-size: 1.375rem;
      }
      &:before , &:after {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        margin-block: auto;
        display: block;
        height: calc(var(--spacing) * 0.5);
        width: calc(var(--spacing) * 6);
        background-color: var(--color-brand);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .35s;
        transition-duration: .35s;
        --tw-content: '';
        content: var(--tw-content);
      }
      &:before {
        transform: translatey(-50%);
      }
      &:after {
        transform: translatey(-50%) rotate(90deg);
      }
    }
    .aos-accordion-item {
      overflow: hidden;
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      opacity: 0%;
      @media (width >= 40rem) {
        padding-inline: calc(var(--spacing) * 5);
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      max-height: 0;
      will-change: max-height;
      transition: all 0.25s ease-out;
      .field--name-field-faq-answer {
        p {
          margin-bottom: calc(var(--spacing) * 4);
          &:last-child {
            margin-bottom: calc(var(--spacing) * 0);
          }
        }
        ul {
          list-style-type: disc;
          padding-left: calc(var(--spacing) * 6);
          li {
            margin-bottom: calc(var(--spacing) * 2);
          }
        }
        a {
          color: var(--color-brand);
          text-decoration-line: underline;
        }
      }
    }
    &.active, &.open {
      .aos-accordion-title {
        &:before {
          transform: translatey(-50%) rotate(-90deg);
          opacity: 0;
        }
        &:after {
          transform: translatey(-50%) rotate(0);
        }
      }
      .aos-accordion-item {
        margin-bottom: calc(var(--spacing) * 5);
        opacity: 1;
        img {
          margin-bottom: calc(var(--spacing) * 5);
        }
      }
    }
  }
  .aos-faqs-banner {
    .all-faqs-link {
      display: flex;
      align-items: center;
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
      &:before {
        position: relative;
        margin-right: calc(var(--spacing) * 3);
        display: flex;
        height: calc(var(--spacing) * 3);
        width: calc(var(--spacing) * 3);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-arrow-right-white.svg');
      }
      &:hover {
        &:before {
          margin-right: calc(var(--spacing) * 1);
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
}
.paragraph--type--esbpc01 {
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-bottom: var(--spacing-72);
  width: 100%;
  overflow-x: clip;
  padding: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    box-sizing: content-box;
  }
  @media (width >= 80rem) {
    margin-bottom: var(--spacing-120);
  }
  @media (width >= 80rem) {
    max-width: 75rem;
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .aos-tabs-titles {
    width: auto;
    min-width: 100%;
    overflow-x: auto;
    @media (width >= 64rem) {
      width: 100%;
    }
    @media (width >= 64rem) {
      overflow-x: hidden;
    }
    @media (max-width: 1023px) {
      scrollbar-width: none;
      scroll-behavior: smooth;
      touch-action: pan-x;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
    }
    .component-title {
      flex-shrink: 0;
      &.is-active {
        color: var(--color-brand);
        text-decoration-line: underline;
        text-underline-offset: 21px;
        @media (width >= 64rem) {
          text-underline-offset: 29px;
        }
      }
    }
  }
  .aos-tabs-content {
    display: none;
    padding-top: calc(var(--spacing) * 8);
    h2 {
      display: none;
    }
    &.is-active {
      display: block;
    }
  }
  .showcase {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: clip;
    border-top-left-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
    &:after {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 0;
      display: block;
      height: 100%;
      width: 100%;
      --tw-content: '';
      content: var(--tw-content);
      background: linear-gradient(180deg,rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0.75) 100%);
    }
    >a {
      z-index: 100;
    }
    .showcase--img {
      aspect-ratio: 1 / 1;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 400ms;
      transition-duration: 400ms;
    }
    .showcase--body {
      position: absolute;
      bottom: calc(var(--spacing) * 3);
      left: calc(var(--spacing) * 3);
      z-index: 9;
      font-family: var(--font-light);
      color: var(--color-white);
      text-transform: uppercase;
      @media (width >= 64rem) {
        bottom: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        left: calc(var(--spacing) * 8);
      }
      h3 {
        font-family: var(--font-light);
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        --tw-leading: calc(var(--spacing) * 4) !important;
        line-height: calc(var(--spacing) * 4) !important;
        @media (width >= 64rem) {
          font-size: 1.75rem !important;
        }
        @media (width >= 64rem) {
          --tw-leading: calc(var(--spacing) * 9) !important;
          line-height: calc(var(--spacing) * 9) !important;
        }
      }
    }
    &.no-bg {
      --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:after {
        display: none;
      }
      .showcase--img {
        display: none;
      }
      .showcase--body {
        position: relative;
        top: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        width: 100%;
        padding: calc(var(--spacing) * 3);
        color: var(--color-neutral-800);
        @media (width >= 64rem) {
          padding: calc(var(--spacing) * 8);
        }
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
        @media (width >= 64rem) {
          display: block;
        }
        @media (width >= 64rem) {
          height: auto;
        }
        h3 {
          margin-bottom: calc(var(--spacing) * 6);
        }
        .intro {
          margin-bottom: calc(var(--spacing) * 6);
          display: none;
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          text-transform: none;
          @media (width >= 64rem) {
            display: block;
          }
        }
        .showcase--link {
          position: relative;
          margin-top: auto;
          display: flex;
          align-items: center;
          font-family: var(--font-akkurat);
          color: var(--color-brand);
          text-transform: none;
          @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 0);
          }
          &:before {
            position: relative;
            margin-right: calc(var(--spacing) * 3);
            display: block;
            height: calc(var(--spacing) * 3);
            width: calc(var(--spacing) * 3);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-arrow-right-blue.svg');
          }
        }
      }
    }
    &:hover {
      .showcase--img {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
      .showcase--link {
        &:before {
          margin-right: calc(var(--spacing) * 1) !important;
          margin-left: calc(var(--spacing) * 2);
        }
      }
    }
  }
}
.paragraph--type--esbpc07 {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-block: var(--spacing-72);
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    margin-block: var(--spacing-92);
  }
  @media (width >= 80rem) {
    max-width: 75rem;
  }
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .content-container {
    .title {
      h3 {
        font-family: var(--font-akkurat);
        font-size: var(--text-h4);
        --tw-leading: var(--leading-h4);
        line-height: var(--leading-h4);
        @media (width >= 64rem) {
          font-size: var(--text-h4xl);
        }
        @media (width >= 64rem) {
          --tw-leading: var(--leading-h4xl);
          line-height: var(--leading-h4xl);
        }
      }
    }
    .description {
      p {
        margin-bottom: calc(var(--spacing) * 5);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-family: var(--font-light);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        @media (width >= 48rem) {
          height: calc(var(--spacing) * 21);
        }
      }
    }
    .link {
      justify-content: center;
      span {
        position: relative;
        display: flex;
        align-items: center;
        font-family: var(--font-titles);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-brand);
        @media (width >= 80rem) {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        &:before {
          position: relative;
          margin-right: calc(var(--spacing) * 3);
          display: block;
          height: calc(var(--spacing) * 3);
          width: calc(var(--spacing) * 3);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
      }
    }
  }
}
.aos-text-overlay-card-wrapper {
  position: relative;
  padding-block: var(--spacing-72);
  @media (width >= 64rem) {
    padding-block: var(--spacing-120);
  }
  .image-container {
    display: none;
    height: 49.6875rem;
    width: 78%;
    overflow: hidden;
    border-top-left-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
    background-size: cover;
    background-position: 88%;
    background-repeat: no-repeat;
    @media (width >= 64rem) {
      display: block;
    }
    background-image: url('../images/landingpage_kundendienst.webp');
  }
  .cards-container {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    display: flex;
    height: 100%;
    max-width: 75rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    .card {
      height: fit-content;
      width: 100%;
      max-width: 29.8125rem;
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 8);
      --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
      @media (width >= 64rem) {
        padding-block: var(--spacing-15);
      }
      .info {
        margin-bottom: calc(var(--spacing) * 6);
        display: flex;
        height: 1.875rem;
        width: fit-content;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-yellow-500);
        padding-inline: calc(var(--spacing) * 3);
        font-family: var(--font-titles);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-brand);
      }
      .title {
        margin-bottom: calc(var(--spacing) * 8);
        font-family: var(--font-light);
        font-size: var(--text-h2);
        color: var(--color-brand);
        @media (width >= 64rem) {
          margin-bottom: var(--spacing-52);
        }
        @media (width >= 64rem) {
          font-size: var(--text-h2xl);
        }
      }
      .description {
        margin-bottom: calc(var(--spacing) * 8);
        font-family: var(--font-light);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        @media (width >= 64rem) {
          margin-bottom: 69px;
        }
      }
      .link {
        a {
          position: relative;
          display: flex;
          align-items: center;
          font-family: var(--font-titles);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-brand);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          &:hover {
            @media (hover: hover) {
              text-decoration-line: none;
            }
          }
          @media (width >= 64rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
          &:before {
            position: relative;
            margin-right: calc(var(--spacing) * 3);
            display: inline;
            height: calc(var(--spacing) * 3);
            width: calc(var(--spacing) * 3);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-arrow-right-blue.svg');
          }
        }
      }
      &:hover {
        margin-top: calc(var(--spacing) * -4);
        .link {
          a {
            &:before {
              margin-right: calc(var(--spacing) * 1);
              margin-left: calc(var(--spacing) * 2);
            }
          }
        }
      }
    }
  }
}
#block-textoverlaycard {
  &:has(>h2) {
    position: relative;
    padding-block: var(--spacing-72);
    @media (width >= 64rem) {
      padding-block: var(--spacing-120);
    }
    h2 {
      position: relative;
      margin-bottom: var(--spacing-52);
      text-align: center;
      font-family: var(--font-light);
      font-size: var(--text-h3);
      --tw-leading: var(--leading-h3);
      line-height: var(--leading-h3);
      color: var(--color-neutral-800);
      text-transform: uppercase;
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 16);
      }
      @media (width >= 64rem) {
        font-size: var(--text-h3xl);
      }
      @media (width >= 64rem) {
        --tw-leading: var(--leading-h3xl);
        line-height: var(--leading-h3xl);
      }
      &:after {
        position: relative;
        margin-inline: auto;
        margin-top: calc(var(--spacing) * 6);
        display: block;
        height: 3px;
        width: 3.75rem;
        background-color: var(--color-yellow-500);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    .aos-text-overlay-card-wrapper {
      padding-block: calc(var(--spacing) * 0);
    }
  }
}
.paragraph--type--aospc33, .paragraph--type--esbpc03 {
  margin-bottom: var(--spacing-52);
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  h2 {
    position: relative;
    margin-top: var(--spacing-52);
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .field--name-field-aos-pc33-description, .field--name-field-aos-pc33-highlight, .field--name-field-esb-pc03-description {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-neutral-800);
    @media (width >= 64rem) {
      font-family: var(--font-light);
    }
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    p {
      margin-bottom: calc(var(--spacing) * 4);
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
      a {
        color: var(--color-brand);
        text-decoration-line: underline;
        &:hover {
          @media (hover: hover) {
            color: var(--color-cyan-700);
          }
        }
      }
    }
    ul, ol {
      margin-bottom: calc(var(--spacing) * 4);
      list-style-type: disc;
      padding-left: calc(var(--spacing) * 7.5);
      li {
        margin-bottom: calc(var(--spacing) * 4);
        padding-left: 7px;
      }
    }
    ol {
      list-style-type: decimal;
    }
    img {
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
    }
    h3, h4, h5, h6 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .links {
    >p {
      display: none;
    }
    .field__item {
      a {
        position: relative;
        margin-top: calc(var(--spacing) * 6);
        display: flex;
        height: var(--spacing-15);
        width: 100%;
        align-items: center;
        border-radius: var(--radius-lg);
        padding-inline: calc(var(--spacing) * 6);
        padding-right: var(--spacing-15);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-brand);
        --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        @media (width >= 64rem) {
          width: fit-content;
        }
        @media (width >= 64rem) {
          min-width: 30rem;
        }
        &:after {
          position: absolute;
          right: calc(var(--spacing) * 6);
          display: flex;
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
        &[target="_blank"] {
          &:after {
            background-image: url('../images/icons/icon-link-external.svg');
          }
        }
      }
    }
  }
  &.checkmarks {
    .text-wrapper {
      ul {
        margin-block: calc(var(--spacing) * 6);
        list-style-type: none;
        padding-left: calc(var(--spacing) * 0);
        li {
          position: relative;
          margin-bottom: calc(var(--spacing) * 3);
          padding-left: calc(var(--spacing) * 10);
          &:before {
            position: absolute;
            top: calc(var(--spacing) * 1.5);
            left: calc(var(--spacing) * 0);
            margin-right: calc(var(--spacing) * 3);
            display: flex;
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/checkmark.svg');
          }
          strong {
            clear: both;
            margin-bottom: calc(var(--spacing) * -1);
            display: block;
          }
          br {
            clear: left;
            display: block;
            height: calc(var(--spacing) * 2);
          }
        }
      }
    }
  }
}
.paragraph--type--esbpc06 {
  .aos-title-intro {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    margin-bottom: var(--spacing-52);
    max-width: 49.125rem;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    h1 {
      position: relative;
      font-family: var(--font-light);
      color: var(--color-brand);
      &:after {
        position: relative;
        margin-top: calc(var(--spacing) * 6);
        display: block;
        height: 3px;
        width: 3.75rem;
        background-color: var(--color-yellow-500);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    .field--name-field-esb-pc06-description {
      p {
        font-family: var(--font-light);
        font-size: var(--text-size22);
        --tw-leading: var(--leading-size22);
        line-height: var(--leading-size22);
        @media (width >= 80rem) {
          font-size: var(--text-size24);
        }
        @media (width >= 80rem) {
          --tw-leading: var(--leading-size24);
          line-height: var(--leading-size24);
        }
      }
      ul, ol {
        margin-bottom: calc(var(--spacing) * 4);
        list-style-type: disc;
        padding-left: calc(var(--spacing) * 7.5);
        li {
          margin-bottom: calc(var(--spacing) * 4);
          padding-left: 7px;
        }
      }
      ol {
        list-style-type: decimal;
      }
    }
  }
}
.page-node-type-aos-basic {
  &:has(.aos-hero-internal) {
    .field--name-field-esb-pc03-links {
      a {
        width: 100%;
      }
    }
  }
}
.paragraph--type--esbpc03 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.paragraph--type--aospc13 {
  margin-bottom: var(--spacing-52);
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  h2 {
    position: relative;
    margin-top: var(--spacing-52);
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .description {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-neutral-800);
    @media (width >= 64rem) {
      font-family: var(--font-light);
    }
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    p {
      margin-bottom: calc(var(--spacing) * 4);
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
      a {
        color: var(--color-brand);
        text-decoration-line: underline;
        &:hover {
          @media (hover: hover) {
            color: var(--color-cyan-700);
          }
        }
      }
    }
    ul, ol {
      margin-bottom: calc(var(--spacing) * 4);
      list-style-type: disc;
      padding-left: calc(var(--spacing) * 7.5);
      li {
        margin-bottom: calc(var(--spacing) * 4);
        padding-left: 7px;
      }
    }
    ol {
      list-style-type: decimal;
    }
    img {
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
    }
    h3, h4, h5, h6 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .links {
    >p {
      display: none;
    }
    .field__item {
      a {
        position: relative;
        margin-top: calc(var(--spacing) * 6);
        display: flex;
        height: var(--spacing-15);
        width: 100%;
        align-items: center;
        border-radius: var(--radius-lg);
        padding-inline: calc(var(--spacing) * 6);
        padding-right: var(--spacing-15);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-brand);
        --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        @media (width >= 64rem) {
          width: fit-content;
        }
        @media (width >= 64rem) {
          min-width: 30rem;
        }
        &:after {
          position: absolute;
          right: calc(var(--spacing) * 6);
          display: flex;
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
        &[target="_blank"] {
          &:after {
            background-image: url('../images/icons/icon-link-external.svg');
          }
        }
      }
    }
  }
}
.paragraph--type--esbpc05 {
  margin-inline: auto;
  margin-bottom: var(--spacing-92);
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    margin-bottom: var(--spacing-120);
  }
  .text-wrapper {
    width: 100%;
    border-top-left-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
    background-color: var(--color-brand);
    padding: calc(var(--spacing) * 8);
    color: var(--color-white);
    h2 {
      margin-bottom: calc(var(--spacing) * 5);
      padding-bottom: calc(var(--spacing) * 0);
      font-size: var(--text-size22);
      --tw-leading: 1.625rem;
      line-height: 1.625rem;
    }
    .field--name-field-esb-pc05-description {
      margin-bottom: calc(var(--spacing) * 5);
      font-family: var(--font-light);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      h3, h4, h5, h6 {
        padding-bottom: calc(var(--spacing) * 4);
      }
    }
    .field--name-field-esb-pc05-link {
      a {
        position: relative;
        display: flex;
        align-items: center;
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:before {
          position: relative;
          margin-right: calc(var(--spacing) * 2);
          display: inline;
          height: calc(var(--spacing) * 3);
          width: calc(var(--spacing) * 3);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-arrow-right-white.svg');
        }
        &:hover {
          color: var(--color-white);
          text-decoration-line: underline;
          &:before {
            margin-right: calc(var(--spacing) * 0);
            margin-left: calc(var(--spacing) * 2);
          }
        }
      }
    }
  }
}
.paragraph--type--aospc28, .paragraph--type--esbpc18i01, .paragraph--type--esbpc16, .paragraph--type--aospc30i01 {
  margin-inline: auto;
  margin-block: var(--spacing-52);
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    margin-block: var(--spacing-92);
  }
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  .image-container, .image {
    margin-bottom: calc(var(--spacing) * 4);
    .field--type-image,  img {
      height: auto;
      width: 100%;
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
    }
  }
  .image-caption, .field--name-field-esb-pc18i01-caption {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.paragraph--type--esbpc09 {
  position: relative;
  .aos-video-container {
    position: relative;
    margin-inline: auto;
    margin-block: var(--spacing-52);
    max-width: 75rem;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 80rem) {
      margin-block: var(--spacing-92);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    .field__item {
      position: relative;
      aspect-ratio: var(--aspect-bigimage);
      width: 100%;
      overflow: hidden;
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
      img {
        position: absolute;
        inset: calc(var(--spacing) * 0);
        margin: calc(var(--spacing) * 0) !important;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:is(:where(.group):hover *) {
          @media (hover: hover) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
          }
        }
      }
    }
    .modal-video-trigger {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      margin: auto;
      height: calc(var(--spacing) * 12);
      width: 4.25rem;
      cursor: pointer;
      font-size: 0px;
      &:before {
        position: relative;
        display: block;
        height: calc(var(--spacing) * 12);
        width: 4.25rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icon-youtube.svg');
      }
    }
  }
  .video-modal-container {
    .close-modal {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url('../images/icons/icon-close-white.svg');
    }
  }
}
.paragraph--type--aospc29 {
  margin-inline: auto;
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-52);
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  h2 {
    position: relative;
    margin-top: var(--spacing-52);
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .text-wrapper {
    color: var(--color-neutral-800);
    p, li {
      font-family: var(--font-light);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      a {
        color: var(--color-brand);
        text-decoration-line: underline;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            color: var(--color-blue-500);
          }
        }
      }
      strong {
        font-family: var(--font-titles);
      }
    }
    ul {
      list-style-type: disc;
      padding-left: calc(var(--spacing) * 5);
    }
  }
  &.checkmarks {
    .text-wrapper {
      ul {
        margin-block: calc(var(--spacing) * 6);
        list-style-type: none;
        padding-left: calc(var(--spacing) * 0);
        li {
          position: relative;
          margin-bottom: calc(var(--spacing) * 3);
          padding-left: calc(var(--spacing) * 10);
          &:before {
            position: absolute;
            top: calc(var(--spacing) * 1.5);
            left: calc(var(--spacing) * 0);
            margin-right: calc(var(--spacing) * 3);
            display: flex;
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/checkmark.svg');
          }
          strong {
            clear: both;
            margin-bottom: calc(var(--spacing) * -1);
            display: block;
          }
          br {
            clear: left;
            display: block;
            height: calc(var(--spacing) * 2);
          }
        }
      }
    }
  }
}
.paragraph {
  &:has(.aos-overview-title-container) {
    @media (width >= 40rem) {
      max-width: 100%;
    }
  }
}
.aos-overview-title-container {
  margin-inline: auto;
  margin-top: var(--spacing-72);
  margin-bottom: calc(var(--spacing) * 8);
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    margin-top: var(--spacing-92);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  h1 {
    position: relative;
    font-family: var(--font-light);
    font-size: var(--text-h1);
    --tw-leading: var(--leading-h1);
    line-height: var(--leading-h1);
    color: var(--color-brand);
    @media (width >= 80rem) {
      font-size: var(--text-h1xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h1xl);
      line-height: var(--leading-h1xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  h2 {
    position: relative;
    font-family: var(--font-light);
    font-size: var(--text-h2);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-brand);
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      margin-bottom: 30px;
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .description {
    font-family: var(--font-light);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-neutral-800);
  }
}
.aos-image-link-overlay-container {
  .link {
    .field__label {
      display: none;
    }
    a {
      position: relative;
      display: flex;
      height: calc(var(--spacing) * 14);
      width: 100%;
      align-items: center;
      justify-content: center;
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-brand);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 16);
      font-family: var(--font-titles);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      color: var(--color-brand);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-top-left-radius: var(--radius-2xl);
        }
      }
      &:hover {
        @media (hover: hover) {
          border-bottom-right-radius: var(--radius-2xl);
        }
      }
      &:hover {
        @media (hover: hover) {
          text-decoration-line: none;
        }
      }
      @media (width >= 48rem) {
        width: fit-content;
      }
      &:after {
        position: absolute;
        right: calc(var(--spacing) * 6);
        display: flex;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-arrow-right-blue.svg');
      }
      &[href^="https://"] {
        &:after {
          background-image: url('../images/icons/icon-link-external.svg');
        }
      }
    }
  }
}
.paragraph--type--esbpc10 {
  position: relative;
  margin-inline: auto;
  margin-block: var(--spacing-72);
  width: 100%;
  max-width: 49.125rem !important;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    margin-block: var(--spacing-92);
  }
  .showcase {
    .showcase--body {
      h3 {
        margin-bottom: calc(var(--spacing) * 2);
        font-family: var(--font-akkurat);
        font-size: 22px;
        color: var(--color-neutral-800);
        @media (width >= 64rem) {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
      }
      .intro {
        p {
          font-family: var(--font-akkurat);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          color: var(--color-neutral-800);
          @media (width >= 64rem) {
            font-family: var(--font-light);
          }
          @media (width >= 64rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
          }
        }
        a {
          color: var(--color-brand);
          text-decoration-line: underline;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          &:hover {
            @media (hover: hover) {
              color: var(--color-blue-500);
            }
          }
        }
      }
    }
  }
}
.paragraph--type--esbpc11 {
  margin-bottom: var(--spacing-72);
  max-width: 100%;
  background-color: var(--color-deepgreen-500);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: var(--spacing-72);
  color: var(--color-white);
  @media (width >= 64rem) {
    margin-bottom: var(--spacing-92);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 9);
    }
    h2 {
      text-align: center;
      font-size: var(--text-h2);
      @media (width >= 80rem) {
        font-size: var(--text-h2xl-s);
        line-height: var(--tw-leading, var(--text-h2xl-s--line-height));
      }
    }
    .field--name-field-esb-pc11-description {
      p {
        text-align: center;
        font-size: var(--text-size22);
        @media (width >= 64rem) {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
      }
    }
    .field--name-field-esb-pc11-webform-link-text {
      margin-inline: auto;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: 100%;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 6);
      font-family: var(--font-titles);
      font-size: 17px;
      color: var(--color-brand);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      @media (width >= 48rem) {
        width: fit-content;
      }
      &:hover {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
      }
    }
  }
  .field--type-webform {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 9999;
    display: none;
    height: 100vh;
    width: 100%;
    background-color: color-mix(in srgb, #808080 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-modalbg) 90%, transparent);
    }
    &.is-open {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .modal-form-container {
      position: absolute;
      top: calc(var(--spacing) * 5);
      bottom: calc(var(--spacing) * 5);
      margin-inline: auto;
      width: 100%;
      max-width: calc(100% - 40px);
      overflow-y: auto;
      border-radius: var(--radius-2xl);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
      color: var(--color-neutral-800);
      @media (width >= 48rem) {
        max-width: 49.125rem;
      }
      @media (width >= 64rem) {
        top: 52px;
      }
      @media (width >= 64rem) {
        bottom: 52px;
      }
      @media (width >= 64rem) {
        padding: var(--spacing-52);
      }
      .btn-close-form-modal {
        display: flex;
        &:after {
          position: relative;
          margin-left: calc(var(--spacing) * 3);
          display: flex;
          width: calc(var(--spacing) * 5);
          height: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-close.svg');
        }
      }
      h2 {
        position: relative;
        margin-top: calc(var(--spacing) * 20);
        margin-bottom: calc(var(--spacing) * 6);
        text-align: left;
        font-family: var(--font-akkurat);
        font-size: var(--text-h3);
        --tw-leading: var(--leading-h3);
        line-height: var(--leading-h3);
        color: var(--color-neutral-800);
        @media (width >= 64rem) {
          margin-top: var(--spacing-52);
        }
        @media (width >= 64rem) {
          font-size: var(--text-h3xl);
        }
        @media (width >= 64rem) {
          --tw-leading: var(--leading-h3xl);
          line-height: var(--leading-h3xl);
        }
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      .form-wrapper {
        margin-top: var(--spacing-52);
        &.webform-type-radios {
          margin-top: calc(var(--spacing) * 0);
          >legend {
            margin-bottom: calc(var(--spacing) * 2);
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
          }
        }
        >label {
          margin-bottom: calc(var(--spacing) * 8);
          display: block;
          font-family: var(--font-titles);
          font-size: var(--text-size22);
          color: var(--color-neutral-800);
        }
      }
      .form-radios {
        display: flex;
        gap: calc(var(--spacing) * 8);
        .form-item {
          margin-bottom: calc(var(--spacing) * 0);
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: calc(var(--spacing) * 3);
          label {
            padding-bottom: calc(var(--spacing) * 0);
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            color: var(--color-neutral-800);
          }
        }
      }
      .checkbox--container {
        flex-direction: row;
        align-items: center;
        gap: calc(var(--spacing) * 4);
        label {
          padding: calc(var(--spacing) * 0);
        }
      }
      .webform-button--submit {
        height: calc(var(--spacing) * 14);
        width: 100%;
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-brand);
        background-color: var(--color-white);
        font-family: var(--font-titles);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-brand);
        @media (width >= 64rem) {
          max-width: 332px;
        }
      }
    }
  }
}
.layout-head-banner {
  .paragraph--type--aosph08 {
    margin-top: -162px;
    width: 100%;
    max-width: 100%;
    .img-bg {
      position: relative;
      &:after {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 0;
        display: block;
        height: 100%;
        width: 100%;
        --tw-content: '';
        content: var(--tw-content);
        background: linear-gradient(180deg,rgba(255, 255, 255, 0) 49%, rgba(30, 43, 112, 1) 100%);
      }
    }
    .banner-text {
      h1 {
        position: relative;
        margin-top: calc(var(--spacing) * 0);
        margin-bottom: calc(var(--spacing) * 6);
        font-family: var(--font-light);
        color: var(--color-brand);
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 4rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      .field--name-field-aos-ph08-description {
        p {
          font-family: var(--font-light);
          font-size: 1.375rem;
          --tw-leading: 2.0625rem;
          line-height: 2.0625rem;
          color: var(--color-neutral-800);
          @media (width >= 80rem) {
            font-size: 1.5rem;
          }
          @media (width >= 80rem) {
            --tw-leading: 2.25rem;
            line-height: 2.25rem;
          }
        }
      }
    }
  }
}
.block-views-blockjobs-jobs-links-list {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-bottom: var(--spacing-72);
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    margin-bottom: var(--spacing-92);
  }
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  h2 {
    position: relative;
    margin-bottom: calc(var(--spacing) * 11);
    font-family: var(--font-akkurat);
    font-size: var(--text-h3);
    --tw-leading: var(--leading-h3);
    line-height: var(--leading-h3);
    @media (width >= 64rem) {
      font-size: var(--text-h3xl);
    }
    @media (width >= 64rem) {
      --tw-leading: var(--leading-h3xl);
      line-height: var(--leading-h3xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .views-row {
    margin-bottom: calc(var(--spacing) * 3);
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .aos-job-item-link {
    position: relative;
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: auto;
    width: 100%;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    padding-right: var(--spacing-15);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-brand);
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 0 6px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:after {
      position: absolute;
      inset-block: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 6);
      margin-block: auto;
      display: flex;
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      background-image: url('../images/icons/icon-arrow-right-blue.svg');
    }
  }
}
.aos-image-text-row {
  position: relative;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    max-width: 75rem;
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .row-container {
    margin-block: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-bottom-right-radius: var(--radius-2xl);
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      margin-block: var(--spacing-15);
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 30);
    }
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      overflow: visible;
    }
    @media (width >= 64rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .img-box {
      width: 100%;
      max-width: 1008px;
      @media (width >= 64rem) {
        position: relative;
      }
      .field__item {
        position: relative;
        aspect-ratio: var(--aspect-bigimage);
        width: 100%;
        overflow: hidden;
        border-top-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
        img {
          position: absolute;
          height: 100%;
          width: 100%;
          object-fit: cover;
          object-position: center;
        }
      }
    }
    .content-box {
      top: calc(var(--spacing) * 30);
      right: calc(var(--spacing) * 0);
      width: 100%;
      max-width: 592px;
      border-top-left-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        position: absolute;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
      @media (width >= 64rem) {
        padding-block: var(--spacing-15);
      }
      @media (width >= 64rem) {
        --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      .info {
        margin-bottom: calc(var(--spacing) * 6);
        display: flex;
        height: 1.875rem;
        width: fit-content;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-2xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-yellow-500);
        padding-inline: calc(var(--spacing) * 3);
        font-family: var(--font-titles);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-brand);
      }
      h3 {
        margin-bottom: var(--spacing-52);
        font-family: var(--font-light);
        font-size: var(--text-h2);
        --tw-leading: var(--leading-h2);
        line-height: var(--leading-h2);
        color: var(--color-brand);
        @media (width >= 64rem) {
          font-size: var(--text-h2xl);
        }
        @media (width >= 64rem) {
          --tw-leading: var(--leading-h2xl);
          line-height: var(--leading-h2xl);
        }
      }
      .field--type-text-long {
        margin-bottom: var(--spacing-52);
        p {
          font-family: var(--font-light);
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          color: var(--color-neutral-800);
        }
      }
      .field--type-link {
        a {
          position: relative;
          display: flex;
          align-items: center;
          font-family: var(--font-titles);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-brand);
          @media (width >= 64rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
          &:before {
            position: relative;
            margin-right: calc(var(--spacing) * 3);
            display: block;
            width: calc(var(--spacing) * 3);
            height: calc(var(--spacing) * 3);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-arrow-right-blue.svg');
          }
          &:hover {
            text-decoration-line: none;
            &:before {
              margin-right: calc(var(--spacing) * 1);
              margin-left: calc(var(--spacing) * 2);
            }
          }
        }
      }
    }
    &:has(.aos-img-right) {
      @media (width >= 64rem) {
        flex-direction: row-reverse;
      }
      .content-box {
        right: unset;
        left: calc(var(--spacing) * 0);
      }
    }
  }
}
.field--name-field-esb-pc15-timeline {
  position: relative;
  margin-inline: auto;
  margin-block: var(--spacing-72);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: 42px;
  }
  @media (width >= 80rem) {
    margin-block: var(--spacing-92);
  }
  @media (width >= 96rem) {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
  }
  h2.timeline-title {
    position: relative;
    margin-inline: auto;
    margin-bottom: var(--spacing-72);
    width: 100%;
    max-width: 49.125rem;
    padding-left: calc(var(--spacing) * 0) !important;
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 5) !important;
    }
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 0) !important;
    }
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .view-timeline {
    .view-content {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
      border-color: #E5E5E5;
      .group-year-section {
        margin-bottom: calc(var(--spacing) * 10);
        display: flex;
        width: 100%;
        flex-direction: column;
        @media (width >= 48rem) {
          flex-direction: row;
        }
        .year-group-title {
          position: relative;
          margin-right: calc(var(--spacing) * 5);
          margin-bottom: calc(var(--spacing) * 3);
          margin-left: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 8);
          font-family: var(--font-titles);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-leading: calc(var(--spacing) * 2.5);
          line-height: calc(var(--spacing) * 2.5);
          color: var(--color-black);
          @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 0);
          }
          @media (width >= 80rem) {
            margin-right: calc(var(--spacing) * 20);
          }
          &:before {
            position: absolute;
            top: calc(var(--spacing) * 0);
            left: -25px;
            display: flex;
            width: calc(var(--spacing) * 2.5);
            height: calc(var(--spacing) * 2.5);
            border-radius: calc(infinity * 1px);
            background-color: #E5E5E5;
            --tw-content: '';
            content: var(--tw-content);
          }
        }
        .year-rows {
          width: 100%;
          columns: 3 400px;
          column-gap: 2.5rem;
        }
      }
      .views-row {
        margin-bottom: calc(var(--spacing) * 10);
        display: inline-block;
        width: 100%;
        padding-left: calc(var(--spacing) * 5);
        @media (width >= 48rem) {
          padding-left: calc(var(--spacing) * 0);
        }
      }
      .timeline-card {
        width: 100%;
        &.milestone {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          border-style: var(--tw-border-style);
          border-width: 2px;
          border-color: #623985;
          background-color: #623985;
          padding-inline: calc(var(--spacing) * 9);
          padding-block: calc(var(--spacing) * 11);
          color: var(--color-white);
          h3.item-title {
            margin-bottom: var(--spacing-52);
            font-family: var(--font-akkurat);
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
          }
          .field--name-field-custom-date {
            display: none;
          }
          .field--name-field-text-date {
            font-family: var(--font-titles);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
          }
          .milestone-flag {
            position: relative;
            display: flex;
            align-items: center;
            font-family: var(--font-titles);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            &:before {
              position: relative;
              margin-right: calc(var(--spacing) * 2);
              display: flex;
              width: calc(var(--spacing) * 6);
              height: calc(var(--spacing) * 6);
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              --tw-content: '';
              content: var(--tw-content);
              background-image: url('../images/icons/icon-flag.svg');
            }
          }
        }
        &:not(.milestone) {
          .image-box {
            width: 100%;
            .field__item {
              position: relative;
              aspect-ratio: 3/2;
              overflow: hidden;
              img {
                position: absolute;
                height: 100%;
                width: 100%;
                object-fit: cover;
                object-position: center;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                &:is(:where(.group):hover *) {
                  @media (hover: hover) {
                    --tw-scale-x: 110%;
                    --tw-scale-y: 110%;
                    --tw-scale-z: 110%;
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                  }
                }
              }
            }
          }
          .content-box {
            border-style: var(--tw-border-style);
            border-width: 2px;
            border-color: #E5E5E5;
            padding-inline: calc(var(--spacing) * 9);
            padding-block: calc(var(--spacing) * 11);
            .meta-box {
              margin-bottom: calc(var(--spacing) * 4);
              display: flex;
              align-items: center;
              font-size: var(--text-sm);
              line-height: var(--tw-leading, var(--text-sm--line-height));
              color: var(--color-brand);
            }
            h3.item-title {
              margin-bottom: calc(var(--spacing) * 4);
              font-size: var(--text-h5xl);
              --tw-leading: var(--leading-h5xl);
              line-height: var(--leading-h5xl);
              color: var(--color-brand);
            }
            .description {
              margin-bottom: calc(var(--spacing) * 4);
              font-family: var(--font-light);
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
              color: var(--color-neutral-800);
            }
            .read-more {
              position: relative;
              display: flex;
              align-items: center;
              font-family: var(--font-titles);
              font-size: var(--text-base);
              line-height: var(--tw-leading, var(--text-base--line-height));
              color: var(--color-brand);
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              &:before {
                position: relative;
                margin-right: calc(var(--spacing) * 3);
                display: flex;
                width: calc(var(--spacing) * 4);
                height: calc(var(--spacing) * 4);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                --tw-content: '';
                content: var(--tw-content);
                background-image: url('../images/icons/icon-link-arrow-sm.svg');
              }
            }
          }
          &:hover {
            .read-more {
              &:before {
                margin-right: calc(var(--spacing) * 1);
                margin-left: calc(var(--spacing) * 2);
              }
            }
          }
        }
      }
    }
  }
}
.aos-battery-progress-container {
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.aos-battery-progress {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-top: var(--spacing-72);
  margin-bottom: calc(var(--spacing) * 8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-cyan-200);
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    margin-block: var(--spacing-92);
  }
  @media (width >= 64rem) {
    max-width: 49.125rem;
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media screen and (min-width: 1024px) {
    display: grid;
    column-gap: 2rem;
    grid-template-areas: "battery title" "battery data";
  }
  .title {
    p {
      padding-bottom: calc(var(--spacing) * 4);
      font-family: var(--font-akkurat);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      color: var(--color-black);
      @media (width >= 64rem) {
        padding-bottom: calc(var(--spacing) * 0);
      }
    }
    @media screen and (min-width: 1024px) {
      grid-area: title;
    }
  }
  .battery-box {
    margin-bottom: calc(var(--spacing) * 3);
    height: 90px;
    width: 202px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-block: calc(var(--spacing) * 3.5);
    padding-right: 31px;
    padding-left: calc(var(--spacing) * 3.5);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      height: 68px;
    }
    @media (width >= 64rem) {
      width: 150px;
    }
    @media (width >= 64rem) {
      padding-block: 11px;
    }
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 5.5);
    }
    @media (width >= 64rem) {
      padding-left: 11px;
    }
    background-image: url('../images/battery.svg');
    @media screen and (min-width: 1024px) {
      grid-area: battery;
    }
    .progress-bar {
      height: 100%;
      transform-origin: 0;
      border-radius: 3px;
      background-color: var(--color-yellow-500);
      animation: battery-fill 1s ease-out forwards;
      animation-delay: 0.2s;
    }
  }
  .data-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-end;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
    @media screen and (min-width: 1024px) {
      grid-area: data;
    }
  }
  .percentaje {
    font-family: var(--font-akkurat);
    font-size: var(--text-hero);
    color: var(--color-brand);
    span {
      padding-left: calc(var(--spacing) * 1);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .description {
    font-family: var(--font-light);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-neutral-800);
    @media (width >= 64rem) {
      padding-bottom: 5px;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    animation: none;
    transform: scaleX(1);
  }
}
@keyframes battery-fill {
  from {
    transform: scaleX(0);
    transform-origin: left;
  }
  to {
    transform: scaleX(1);
    transform-origin: left;
  }
}
.region-content {
  &:has(#aos-scroll-spy) {
    position: relative;
    z-index: 0;
    .node__content {
      display: flex;
      flex-direction: column;
    }
  }
}
.scroll-spy {
  position: sticky;
  top: calc(var(--spacing) * 0);
  z-index: 99999;
  order: -1;
  background-color: var(--color-white);
  padding-bottom: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    position: absolute;
  }
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 80);
  }
  @media (width >= 64rem) {
    left: calc(var(--spacing) * 5);
  }
  @media (width >= 64rem) {
    width: 11rem;
  }
  @media (width >= 64rem) {
    border-radius: var(--radius-lg);
  }
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 3);
  }
  @media (width >= 64rem) {
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &.spy-fixed {
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      position: sticky !important;
    }
    @media (width >= 64rem) {
      top: 9.375rem;
    }
    @media (width >= 64rem) {
      z-index: 100000;
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .spy-title {
    position: relative;
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    padding-left: calc(var(--spacing) * 5);
    font-family: var(--font-titles);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-neutral-800);
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 0);
    }
    &:after {
      position: absolute;
      right: calc(var(--spacing) * 0);
      display: none;
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        display: flex;
      }
      background-image: url('../images/icons/icon-collapse-height.svg');
    }
    &.spy-title-collapsed {
      &:after {
        background-image: url('../images/icons/icon-expand-height.svg');
      }
    }
  }
  .spy-content {
    margin-top: calc(var(--spacing) * 2);
    max-height: calc(var(--spacing) * 0);
    overflow-x: auto;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      overflow: hidden;
    }
    @media (max-width: 1023px) {
      scrollbar-width: none;
      scroll-behavior: smooth;
      touch-action: pan-x;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
    }
    button {
      margin-bottom: calc(var(--spacing) * 3);
      display: none;
      height: calc(var(--spacing) * 6);
      width: 100%;
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      background-color: var(--color-cyan-200);
      padding-inline: calc(var(--spacing) * 5);
      font-family: var(--font-titles);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: var(--color-brand);
      opacity: 0%;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-brand);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
      @media (width >= 64rem) {
        display: flex;
      }
    }
    .topics-list {
      display: flex;
      width: max-content;
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      gap: calc(var(--spacing) * 3);
      padding-left: calc(var(--spacing) * 5);
      opacity: 0%;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      @media (width >= 64rem) {
        display: block;
      }
      @media (width >= 64rem) {
        width: auto;
      }
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 0);
      }
      .topic-item {
        display: flex;
        height: 2.375rem;
        width: auto;
        max-width: 220px;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-brand);
        padding-inline: calc(var(--spacing) * 5);
        @media (width >= 64rem) {
          display: block;
        }
        @media (width >= 64rem) {
          height: auto;
        }
        @media (width >= 64rem) {
          max-width: 100%;
        }
        @media (width >= 64rem) {
          border-radius: 0;
        }
        @media (width >= 64rem) {
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
        @media (width >= 64rem) {
          border-left-style: var(--tw-border-style);
          border-left-width: 2px;
        }
        @media (width >= 64rem) {
          border-color: var(--color-neutral-200);
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          padding-block: calc(var(--spacing) * 1.5);
        }
        @media (width >= 64rem) {
          padding-left: calc(var(--spacing) * 5.5);
        }
        a.topic-link {
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          font-family: var(--font-akkurat);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          text-overflow: ellipsis;
          color: var(--color-brand);
          @media (width >= 64rem) {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
          }
          @media (width >= 64rem) {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
          }
          @media (width >= 64rem) {
            color: var(--color-neutral-400);
          }
        }
        &.active {
          background-color: var(--color-brand);
          @media (width >= 64rem) {
            border-color: var(--color-brand);
          }
          @media (width >= 64rem) {
            background-color: transparent;
          }
          a {
            color: var(--color-white);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:hover {
              @media (hover: hover) {
                color: var(--color-cyan-700);
              }
            }
            @media (width >= 64rem) {
              color: var(--color-brand);
            }
          }
        }
      }
    }
    &.spy-expanded {
      max-height: calc(var(--spacing) * 200);
      button {
        margin-top: calc(var(--spacing) * 3);
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        opacity: 100%;
        transition-delay: 100ms;
      }
      .topics-list {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        opacity: 100%;
        transition-delay: 150ms;
      }
    }
  }
}
.paragraph--type--newsletter-subscription {
  background-color: var(--color-brand);
}
.paragraph--type--esbpc19, .paragraph--type--newsletter-subscription {
  margin-inline: calc(var(--spacing) * 0);
  margin-top: var(--spacing-52);
  width: 100%;
  max-width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: var(--spacing-52);
  @media (width >= 64rem) {
    padding-block: var(--spacing-72);
  }
  .text-container, .field--name-field-newsletter-subscription {
    margin-inline: auto;
    text-align: center;
    color: var(--color-white);
    @media (width >= 40rem) {
      max-width: 80%;
    }
    @media (width >= 64rem) {
      max-width: 52.25rem;
    }
    .field__label {
      display: none;
    }
    h2, .field--name-field-title {
      margin-bottom: calc(var(--spacing) * 5);
      font-family: var(--font-titles);
      font-size: var(--text-h2);
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 9);
      }
      @media (width >= 64rem) {
        font-size: var(--text-h1xl);
      }
    }
    .highlight, .description {
      margin-bottom: calc(var(--spacing) * 5);
      font-size: var(--text-size22);
      --tw-leading: var(--leading-size22);
      line-height: var(--leading-size22);
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 9);
      }
      @media (width >= 64rem) {
        font-size: var(--text-size24);
      }
      @media (width >= 64rem) {
        --tw-leading: var(--leading-size24);
        line-height: var(--leading-size24);
      }
    }
    .field--type-link {
      a {
        margin-inline: auto;
        display: flex;
        height: calc(var(--spacing) * 10);
        width: 100%;
        align-items: center;
        justify-content: center;
        border-style: var(--tw-border-style);
        border-width: 1px;
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 6);
        font-family: var(--font-titles);
        font-size: var(--text-size17);
        color: var(--color-brand);
        &:hover {
          @media (hover: hover) {
            border-top-left-radius: var(--radius-2xl);
          }
        }
        &:hover {
          @media (hover: hover) {
            border-bottom-right-radius: var(--radius-2xl);
          }
        }
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-brand);
          }
        }
        &:hover {
          @media (hover: hover) {
            color: var(--color-white);
          }
        }
        &:hover {
          @media (hover: hover) {
            text-decoration-line: none;
          }
        }
        @media (width >= 48rem) {
          width: fit-content;
        }
      }
    }
  }
  .icon-container {
    .field--name-field-media-image {
      margin-bottom: calc(var(--spacing) * 9);
      display: flex;
      align-items: center;
      justify-content: center;
      img {
        width: 100%;
        max-width: calc(var(--spacing) * 25);
      }
    }
  }
}
.paragraph--type--esbpc19 {
  .field--name-field-esb-pc19-description {
    p {
      margin-bottom: calc(var(--spacing) * 5);
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
    ul {
      margin-bottom: calc(var(--spacing) * 5);
      list-style-position: inside;
      list-style-type: disc;
      padding-left: calc(var(--spacing) * 8);
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
  &.text-left {
    h2, h3, h4, h5, h6, p, ul, li, a {
      text-align: left;
    }
    .field--name-field-esb-pc19-links {
      a {
        margin-left: calc(var(--spacing) * 0);
      }
    }
  }
  &.text-right {
    h2, h3, h4, h5, h6, p, ul, li, a {
      text-align: right;
    }
    .field--name-field-esb-pc19-links {
      a {
        margin-right: calc(var(--spacing) * 0);
      }
    }
  }
}
.paragraph--type--esbpc20 {
  margin-inline: auto;
  margin-block: calc(var(--spacing) * 13);
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    margin-block: var(--spacing-72);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  h2 {
    position: relative;
    margin-top: var(--spacing-52);
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .iframe {
    height: 100%;
    width: 100%;
    iframe {
      aspect-ratio: var(--aspect-video);
      height: 100%;
      width: 100%;
    }
  }
  .field--name-field-esb-pc20-iframe-url {
    h2 {
      display: none;
    }
  }
}
.paragraph--type--esbpc21 {
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-bottom: var(--spacing-52);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 48rem) {
    max-width: 800px;
  }
  @media (width >= 64rem) {
    margin-bottom: var(--spacing-72);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  h2 {
    position: relative;
    margin-top: var(--spacing-52);
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  a {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    display: block;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-lg);
    padding-block: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 12);
    padding-left: calc(var(--spacing) * 6);
    font-family: var(--font-light);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-brand);
    --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      display: flex;
    }
    &:after {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 6);
      bottom: calc(var(--spacing) * 0);
      margin-block: auto;
      display: flex;
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      background-image: url('../images/icons/icon-download.svg');
    }
    span {
      position: relative;
      display: inline-flex;
      align-items: center;
      &:after {
        position: relative;
        display: flex;
        --tw-content: ':';
        content: var(--tw-content);
      }
    }
  }
}
.paragraph--type--esbpc25 {
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 5);
  margin-bottom: calc(var(--spacing) * 8);
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .hero-wrapper {
    >.img-bg {
      position: relative;
      height: 30rem;
      width: 100%;
      overflow: clip;
      border-top-left-radius: var(--radius-3xl);
      border-bottom-right-radius: var(--radius-3xl);
      background-size: cover;
      background-position: center;
      @media (width >= 64rem) {
        height: 33.75rem;
      }
      @media (width >= 112.5rem) {
        height: 40rem;
      }
      &:after {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 0;
        display: block;
        height: 100%;
        width: 100%;
        --tw-content: '';
        content: var(--tw-content);
        background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgba(30, 43, 112, 1) 100%);
      }
      @media screen and (min-width:1024px) {
        &:after {
          background: linear-gradient(180deg,rgba(255, 255, 255, 0) 40%, rgba(30, 43, 112, 1) 100%);
        }
      }
      .field--name-field-esb-pc25-image {
        position: relative;
        height: 100%;
        width: 100%;
        img {
          position: absolute;
          inset: calc(var(--spacing) * 0);
          height: 100%;
          width: 100%;
          object-fit: cover;
          object-position: center;
          @media (width >= 64rem) {
            height: auto;
          }
        }
      }
      .image-overlay {
        display: none;
      }
      .banner-text {
        position: absolute;
        bottom: calc(var(--spacing) * 6);
        left: calc(var(--spacing) * 6);
        z-index: 10;
        width: 100%;
        padding-right: calc(var(--spacing) * 8);
        font-family: var(--font-akkurat);
        color: var(--color-white);
        @media (width >= 64rem) {
          bottom: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          left: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          max-width: 28.5rem;
        }
        @media (width >= 64rem) {
          padding-right: calc(var(--spacing) * 0);
        }
        .title-hero {
          position: relative;
          margin-bottom: calc(var(--spacing) * 4);
          font-family: var(--font-light);
          text-transform: uppercase;
          &:after {
            position: relative;
            margin-top: calc(var(--spacing) * 6);
            display: block;
            height: 3px;
            width: 3.75rem;
            background-color: var(--color-yellow-500);
            --tw-content: '';
            content: var(--tw-content);
          }
        }
        .field--name-field-esb-pc25-description {
          position: relative;
          p {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
            @media (width >= 64rem) {
              padding-bottom: calc(var(--spacing) * 4);
            }
            @media (width >= 64rem) {
              font-size: var(--text-h5xl);
            }
          }
        }
        .field--type-link {
          a {
            position: relative;
            display: flex;
            align-items: center;
            &:hover {
              @media (hover: hover) {
                color: var(--color-white);
              }
            }
            &:before {
              position: relative;
              margin-right: calc(var(--spacing) * 3);
              display: flex;
              height: calc(var(--spacing) * 3);
              width: calc(var(--spacing) * 3);
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              --tw-content: '';
              content: var(--tw-content);
              background-image: url('./images/icons/icon-arrow-right-white.svg');
            }
          }
        }
      }
    }
  }
}
.paragraph--type--esbpc22 {
  position: relative;
  margin-inline: auto;
  margin-block: var(--spacing-52);
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .image-gallery-track {
    margin-inline: calc(var(--spacing) * -5);
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .image-gallery-slide {
    position: relative;
    aspect-ratio: var(--aspect-bigimage);
    img {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      width: 100%;
      height: 100%;
      height: auto;
      object-fit: cover;
      object-position: center;
    }
  }
  .image-gallery-nav {
    .image-gallery-arrow {
      position: relative;
      background-color: var(--color-brand);
      &:before {
        position: relative;
        display: flex;
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        filter: brightness(0) invert(1);
      }
      &.btn-prev {
        &:before {
          background-image: url('../images/icons/icon-arrow-left-thin-blue.svg');
        }
      }
      &.btn-next {
        &:before {
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
      }
    }
  }
}
.paragraph--type--esbpc23, .paragraph--type--esbpc24 {
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  &:last-child {
    margin-bottom: var(--spacing-52);
  }
  @media (width >= 48rem) {
    max-width: 800px;
  }
  @media (width >= 64rem) {
    margin-block: var(--spacing-72);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  &.large {
    position: relative;
    margin-inline: auto;
    margin-block: var(--spacing-52);
    max-width: 75rem;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      margin-block: var(--spacing-72);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
  h2 {
    position: relative;
    margin-block: var(--spacing-52);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .accordion {
    .paragraph--type--esbpc23i01, .paragraph--type--esbpc24i01 {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-neutral-800);
      padding: calc(var(--spacing) * 0);
      >input[type="checkbox"] {
        display: none;
      }
      > label {
        position: relative;
        display: flex;
        width: 100%;
        cursor: pointer;
        padding-block: calc(var(--spacing) * 5);
        padding-right: calc(var(--spacing) * 10);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        color: var(--color-brand);
        @media (width >= 64rem) {
          font-size: 1.375rem;
        }
        h4 {
          font-family: var(--font-akkurat);
        }
        &:before , &:after {
          position: absolute;
          top: calc(var(--spacing) * 0);
          right: calc(var(--spacing) * 0);
          bottom: calc(var(--spacing) * 0);
          margin-block: auto;
          margin-left: auto;
          display: block;
          height: calc(var(--spacing) * 0.5);
          width: calc(var(--spacing) * 6);
          background-color: var(--color-brand);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: .35s;
          transition-duration: .35s;
          --tw-content: '';
          content: var(--tw-content);
        }
        &:before {
          transform: translatey(-50%);
        }
        &:after {
          transform: translatey(-50%) rotate(90deg);
        }
      }
      .accordion-content {
        overflow: hidden;
        padding-block: calc(var(--spacing) * 0);
        font-family: var(--font-light);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-neutral-800);
        @media (width >= 40rem) {
          padding-inline: calc(var(--spacing) * 5);
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        max-height: 0;
        will-change: max-height;
        transition: all 0.3s ease-out;
        h3, h4, h5, h6 {
          padding-block: calc(var(--spacing) * 4);
          color: var(--color-neutral-800);
        }
        ul {
          list-style-type: disc;
          padding-left: calc(var(--spacing) * 8);
        }
        ol {
          list-style-type: decimal;
          padding-left: calc(var(--spacing) * 8);
        }
        a {
          color: var(--color-brand);
          text-decoration-line: underline;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          &:hover {
            @media (hover: hover) {
              color: var(--color-blue-500);
            }
          }
        }
      }
      >input {
        &:checked {
          + label {
            &:before {
              transform: translatey(-50%) rotate(-90deg);
              opacity: 0;
            }
            &:after {
              transform: translatey(-50%) rotate(0);
            }
            +.accordion-content {
              margin-bottom: calc(var(--spacing) * 4);
              height: 100%;
              max-height: calc(var(--spacing) * 300);
            }
          }
        }
      }
    }
  }
}
.paragraph--type--esbpc24 {
  @media (max-width: 1023px) {
    .paragraph--type--esbpc24i01 {
      label {
        min-width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: calc(var(--spacing) * 2);
        &:before , &:after {
          position: absolute;
          top: calc(var(--spacing) * 0);
          right: calc(var(--spacing) * 0);
          bottom: 100%;
          margin-top: calc(var(--spacing) * 8) !important;
          margin-bottom: calc(var(--spacing) * 0) !important;
          margin-left: auto;
          display: block;
          height: calc(var(--spacing) * 0.5);
          width: calc(var(--spacing) * 6);
          background-color: var(--color-brand);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: .35s;
          transition-duration: .35s;
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      .field--name-field-column-1-title {
        width: 100%;
        color: var(--color-neutral-800);
      }
      .field--name-field-column-2-title {
        width: 100%;
      }
      .field--name-field-column-3-title {
        width: 100%;
        color: var(--color-neutral-800);
      }
      .accordion-content {
        flex-direction: column;
        gap: calc(var(--spacing) * 0) !important;
        @media (width >= 40rem) {
          padding-inline: calc(var(--spacing) * 0) !important;
        }
        >div {
          margin-bottom: calc(var(--spacing) * 5);
          width: 100%;
          color: var(--color-neutral-800);
        }
      }
    }
  }
  @media (min-width: 1024px) {
    .accordion-table {
      border-collapse: collapse;
      width: 100%;
    }
    .accordion-table th {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-neutral-800);
      &:first-child {
        padding-left: calc(var(--spacing) * 0);
      }
    }
    .accordion-title-row {
      cursor: pointer;
      td {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-neutral-800);
        padding-block: calc(var(--spacing) * 5);
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
        color: var(--color-brand);
        &:nth-child(odd) {
          color: var(--color-neutral-800);
        }
        &.last-col {
          position: relative;
          padding-right: calc(var(--spacing) * 10);
          &:before , &:after {
            position: absolute;
            top: calc(var(--spacing) * 0);
            right: calc(var(--spacing) * 0);
            bottom: calc(var(--spacing) * 0);
            margin-block: auto;
            margin-left: auto;
            display: block;
            height: calc(var(--spacing) * 0.5);
            width: calc(var(--spacing) * 6);
            background-color: var(--color-brand);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: .35s;
            transition-duration: .35s;
            --tw-content: '';
            content: var(--tw-content);
          }
          &:before {
            transform: translatey(-50%);
          }
          &:after {
            transform: translatey(-50%) rotate(90deg);
          }
        }
      }
      &.is-open {
        td.last-col {
          &:before {
            transform: translatey(-50%) rotate(-90deg);
            opacity: 0;
          }
          &:after {
            transform: translatey(-50%) rotate(0);
          }
          +.accordion-content {
            margin-bottom: calc(var(--spacing) * 4);
            height: 100%;
            max-height: calc(var(--spacing) * 200);
          }
        }
      }
    }
    .accordion-content-row {
      td {
        padding-top: calc(var(--spacing) * 0);
        vertical-align: top;
        .field {
          padding-bottom: calc(var(--spacing) * 5);
        }
        p {
          font-family: var(--font-light);
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          color: var(--color-neutral-800);
        }
      }
    }
  }
  @media (max-width: 1023px) {
    .accordion-table {
      display: none;
    }
  }
}
.paragraph--type--swiss-energy-planner {
  .field__label {
    display: none;
  }
  .app-container {
    margin-top: var(--spacing-72);
    margin-bottom: 120px;
    height: 100%;
    max-height: 100%;
    flex-direction: column-reverse;
    @media (width >= 64rem) {
      max-height: calc(var(--spacing) * 200);
    }
    @media (width >= 64rem) {
      min-height: calc(var(--spacing) * 200);
    }
    @media (width >= 64rem) {
      flex-direction: row;
    }
    .sep-map-root {
      min-height: calc(var(--spacing) * 85);
      @media (width >= 64rem) {
        min-height: calc(var(--spacing) * 200);
      }
    }
    .map-wrapper {
      #map {
        height: 100% !important;
        max-height: calc(var(--spacing) * 85);
        min-height: calc(var(--spacing) * 85);
        @media (width >= 64rem) {
          max-height: calc(var(--spacing) * 200);
        }
        @media (width >= 64rem) {
          min-height: calc(var(--spacing) * 200);
        }
      }
      .sep-map-view, .sep-map-view__container {
        height: 100%;
        min-height: calc(var(--spacing) * 85);
      }
    }
    #map-sidebar {
      display: flex;
      height: auto;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: var(--color-cyan-500);
      padding-inline: calc(var(--spacing) * 0);
      padding-block: calc(var(--spacing) * 13);
      color: var(--color-white);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      @media (width >= 64rem) {
        height: 100%;
      }
      @media (width >= 64rem) {
        max-height: 100%;
      }
      @media (width >= 64rem) {
        min-height: calc(var(--spacing) * 200);
      }
      @media (width >= 64rem) {
        max-width: 450px;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 10);
      }
      .map-sidebar-content {
        height: 100%;
        width: 100%;
        h2 {
          margin-bottom: calc(var(--spacing) * 8);
          font-family: var(--font-akkurat);
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          color: var(--color-brand);
          @media (width >= 64rem) {
            font-size: var(--text-size22);
          }
        }
        p {
          font-size: var(--text-h5xl);
        }
        .placeholder-content {
          color: var(--color-white);
          .placeholder-icon {
            display: none;
          }
          p {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
          }
        }
        .back-btn {
          margin-bottom: calc(var(--spacing) * 8);
          display: flex;
          height: calc(var(--spacing) * 10);
          align-items: center;
          gap: calc(var(--spacing) * 3);
          border-radius: 20px;
          background-color: var(--color-white);
          padding-inline: calc(var(--spacing) * 3);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-brand);
          --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        .form-radios-inline {
          .fieldset-legend {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            color: var(--color-neutral-800);
          }
          .fieldset-wrapper {
            .form-radios {
              display: flex;
              gap: calc(var(--spacing) * 10);
              .form-item {
                margin-bottom: calc(var(--spacing) * 0);
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: calc(var(--spacing) * 3);
                label {
                  padding-bottom: calc(var(--spacing) * 0);
                  font-size: var(--text-base);
                  line-height: var(--tw-leading, var(--text-base--line-height));
                  color: var(--color-neutral-800);
                }
              }
            }
          }
        }
        .form-row {
          flex-direction: column;
          gap: calc(var(--spacing) * 0);
          @media (width >= 64rem) {
            flex-direction: row;
          }
          @media (width >= 64rem) {
            gap: calc(var(--spacing) * 4);
          }
        }
        .form-type-textfield, .form-type-email, .form-type-tel, .form-group-esb {
          label {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            color: var(--color-neutral-800);
          }
          input {
            padding-left: calc(var(--spacing) * 3);
            color: var(--color-neutral-800);
            &#customerNumber {
              @media (width >= 64rem) {
                max-width: 312.5px;
              }
            }
          }
          .highlighted-bg {
            input {
              margin-bottom: calc(var(--spacing) * 8);
              border-style: var(--tw-border-style);
              border-width: 0px;
              background-color: var(--color-cyan-200);
              color: var(--color-brand);
            }
          }
        }
        .submit-btn {
          height: calc(var(--spacing) * 11);
          font-size: var(--text-size17);
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          @media (width >= 64rem) {
            max-width: 312.5px;
          }
        }
      }
      #step-search {
        padding-inline: calc(var(--spacing) * 5);
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        h2 {
          display: none;
        }
        .search-container {
          margin-top: var(--spacing-52);
          input {
            border-style: var(--tw-border-style);
            border-width: 0px;
            &:focus {
              outline-style: var(--tw-outline-style);
              outline-width: 0px;
            }
          }
        }
        .sep-search {
          max-width: 100%;
          @media (width >= 48rem) {
            margin-inline: auto;
          }
          @media (width >= 48rem) {
            max-width: calc(var(--spacing) * 150);
          }
        }
      }
      #step-calculator {
        .calculator-wrapper {
          display: grid;
          grid-template-columns: repeat(1, minmax(0, 1fr));
          gap: calc(var(--spacing) * 8);
          @media (width >= 64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
        }
        .calculator-results {
          display: block;
          color: var(--color-neutral-800);
          .result-section-esb {
            h3 {
              margin-bottom: calc(var(--spacing) * 3);
              font-family: var(--font-akkurat);
              font-size: var(--text-h4);
              --tw-leading: var(--leading-h4);
              line-height: var(--leading-h4);
              @media (width >= 64rem) {
                font-size: var(--text-h4xl);
              }
              @media (width >= 64rem) {
                --tw-leading: var(--leading-h4xl);
                line-height: var(--leading-h4xl);
              }
            }
            .table-row-esb {
              display: flex;
              justify-content: space-between;
              gap: calc(var(--spacing) * 8);
              border-top-style: var(--tw-border-style);
              border-top-width: 1px;
              border-color: var(--color-neutral-800);
              padding-block: calc(var(--spacing) * 3);
              font-size: var(--text-base);
              line-height: var(--tw-leading, var(--text-base--line-height));
              @media (width >= 64rem) {
                font-family: var(--font-light);
              }
              @media (width >= 64rem) {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height));
              }
              .label-col {
                width: 60%;
                padding-inline: calc(var(--spacing) * 2);
              }
              .value-col {
                display: flex;
                width: 40%;
                justify-content: flex-end;
                padding-inline: calc(var(--spacing) * 2);
              }
            }
            .table-row-total-esb {
              display: flex;
              justify-content: space-between;
              gap: calc(var(--spacing) * 8);
              border-block-style: var(--tw-border-style);
              border-block-width: 1px;
              border-color: var(--color-neutral-800);
              padding-block: calc(var(--spacing) * 3);
              font-family: var(--font-akkurat);
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
              @media (width >= 64rem) {
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height));
              }
              .label-col {
                padding-inline: calc(var(--spacing) * 2);
              }
              .value-col {
                display: flex;
                justify-content: flex-end;
                padding-inline: calc(var(--spacing) * 2);
              }
            }
            .table-disclaimer {
              padding-bottom: calc(var(--spacing) * 6);
              font-family: var(--font-akkurat);
              font-size: var(--text-xs);
              line-height: var(--tw-leading, var(--text-xs--line-height));
              @media (width >= 64rem) {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
              }
            }
            h3.table-title-simple {
              font-family: var(--font-akkurat);
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
              color: var(--color-neutral-600);
            }
            .promo-box-esb {
              margin-bottom: calc(var(--spacing) * 8);
              background-color: var(--color-white);
              .table-row-esb {
                border-color: var(--color-cyan-200);
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
                color: var(--color-neutral-600);
                @media (width >= 64rem) {
                  font-size: var(--text-lg);
                  line-height: var(--tw-leading, var(--text-lg--line-height));
                }
              }
            }
          }
          .co2-savings-box {
            margin-top: var(--spacing-52);
            margin-bottom: calc(var(--spacing) * 8);
            background-color: var(--color-white);
            padding: calc(var(--spacing) * 3);
            text-align: center;
            .co2-title {
              font-size: var(--text-2xl);
              line-height: var(--tw-leading, var(--text-2xl--line-height));
            }
            .co2-subtitle {
              margin-bottom: calc(var(--spacing) * 3);
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
              color: var(--color-neutral-600);
            }
            .co2-value {
              font-size: var(--text-xl);
              line-height: var(--tw-leading, var(--text-xl--line-height));
            }
          }
        }
      }
      #step-success {
        .success-title {
          font-size: var(--text-h3);
          --tw-leading: var(--leading-h3);
          line-height: var(--leading-h3);
          color: var(--color-neutral-800);
          @media (width >= 64rem) {
            font-size: var(--text-h3xl);
          }
          @media (width >= 64rem) {
            --tw-leading: var(--leading-h3xl);
            line-height: var(--leading-h3xl);
          }
        }
        .success-text {
          margin-bottom: calc(var(--spacing) * 8);
          font-family: var(--font-light);
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          color: var(--color-neutral-800);
        }
        .success-actions {
          display: flex;
          flex-direction: column;
          gap: calc(var(--spacing) * 4);
          .btn-pdf-download {
            display: flex;
            height: calc(var(--spacing) * 11);
            max-width: calc(var(--spacing) * 110);
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 3);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-brand);
            font-family: var(--font-titles);
            font-size: var(--text-size17);
            color: var(--color-brand);
            text-decoration-line: none;
            &:hover {
              border-top-left-radius: var(--radius-2xl);
              border-bottom-right-radius: var(--radius-2xl);
            }
          }
          .btn-new-request {
            display: flex;
            height: calc(var(--spacing) * 11);
            max-width: calc(var(--spacing) * 110);
            cursor: pointer;
            align-items: center;
            justify-content: center;
            gap: calc(var(--spacing) * 3);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-brand);
            background-color: var(--color-brand);
            font-family: var(--font-titles);
            font-size: var(--text-size17);
            color: var(--color-white);
            text-decoration-line: none;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:hover {
              border-top-left-radius: var(--radius-2xl);
              border-bottom-right-radius: var(--radius-2xl);
            }
          }
        }
      }
      &:has(#step-contact.active), &:has(#step-calculator.active), &:has(#step-success.active) {
        background-color: var(--color-cyan-100);
        padding-inline: calc(var(--spacing) * 5);
        @media (width >= 40rem) {
          padding-inline: var(--spacing-18);
        }
        @media (width >= 48rem) {
          padding-inline: calc(var(--spacing) * 24);
        }
        @media (width >= 64rem) {
          max-width: 50vw;
        }
        @media (width >= 64rem) {
          min-width: 50vw;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 10);
        }
        @media (width >= 80rem) {
          padding-inline: calc(var(--spacing) * 30);
        }
      }
      &:has(#step-contact.active) {
        @media (width >= 64rem) {
          max-width: 50vw;
        }
        @media (width >= 64rem) {
          min-width: 50vw;
        }
      }
      &:has(#step-success.active) {
        @media (width >= 64rem) {
          max-width: 65vw;
        }
        @media (width >= 64rem) {
          min-width: 65vw;
        }
      }
    }
    &:has(#step-calculator.active) {
      @media (width >= 64rem) {
        max-height: 1384px;
      }
      @media (width >= 64rem) {
        min-height: 1384px;
      }
      .sep-map-root {
        @media (width >= 64rem) {
          max-height: 1384px;
        }
        @media (width >= 64rem) {
          min-height: 1384px;
        }
      }
      .map-wrapper {
        #map {
          @media (width >= 64rem) {
            max-height: 1384px;
          }
          @media (width >= 64rem) {
            min-height: 1384px;
          }
        }
        .sep-map-view, .sep-map-view__container {
          @media (width >= 64rem) {
            max-height: 1384px;
          }
          @media (width >= 64rem) {
            min-height: 1384px;
          }
        }
      }
      #map-sidebar {
        @media (width >= 64rem) {
          max-height: 1384px;
        }
        @media (width >= 64rem) {
          min-height: 1384px;
        }
        @media (width >= 64rem) {
          max-width: 65vw;
        }
        @media (width >= 64rem) {
          min-width: 65vw;
        }
      }
    }
  }
}
#block-districtheatingnetworks {
  margin-block: var(--spacing-52);
  h2 {
    display: none;
  }
}
.aos-heating-network {
  position: relative;
  margin-inline: auto;
  margin-top: calc(var(--spacing) * 6);
  width: 100%;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
  }
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 80rem) {
    max-width: 75rem;
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .image {
    img {
      margin-bottom: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      @media (width >= 48rem) {
        height: auto;
      }
    }
  }
  .content {
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      display: flex;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
    grid-template-columns: repeat(2, 1fr);
    .big-col {
      display: flex;
      flex-direction: column;
      @media (width >= 64rem) {
        width: 100%;
      }
      @media (width >= 64rem) {
        max-width: 60%;
      }
      @media (width >= 64rem) {
        flex-direction: row;
      }
      &:last-child {
        @media (width >= 64rem) {
          max-width: 40%;
        }
      }
    }
    .col {
      margin-bottom: calc(var(--spacing) * 6);
      width: 100%;
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 0);
      }
      &.col-5 {
        @media (width >= 64rem) {
          padding-left: calc(var(--spacing) * 10);
        }
        @media (width >= 80rem) {
          padding-left: calc(var(--spacing) * 20);
        }
      }
      .col-title {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-neutral-600);
        @media (width >= 48rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        @media (width >= 64rem) {
          padding-bottom: calc(var(--spacing) * 6);
        }
        &.yellow {
          color: var(--color-yellow-500);
        }
        &.purple {
          color: var(--color-purple-800);
        }
      }
      ul {
        li {
          a {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            color: var(--color-brand);
            text-decoration-line: underline;
            @media (width >= 48rem) {
              font-family: var(--font-light);
            }
            @media (width >= 48rem) {
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
            }
          }
        }
      }
    }
  }
}
.paragraph--type--esbpc26 {
  position: relative;
  margin-inline: auto;
  margin-block: var(--spacing-52);
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    margin-block: var(--spacing-72);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .field__label {
    display: none;
  }
  .aos-tabs-titles {
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    display: flex;
    width: 100%;
    overflow-x: auto;
    padding-inline: calc(var(--spacing) * 0);
    &:last-child {
      margin-bottom: var(--spacing-52);
    }
    @media (width >= 48rem) {
      max-width: 800px;
    }
    @media (width >= 64rem) {
      margin-block: var(--spacing-72);
    }
    @media (width >= 64rem) {
      justify-content: center;
    }
    @media (width >= 64rem) {
      overflow-x: hidden;
    }
    @media (max-width: 1023px) {
      scrollbar-width: none;
      scroll-behavior: smooth;
      touch-action: pan-x;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
    }
    .component-title {
      display: flex;
      height: calc(var(--spacing) * 10);
      flex-shrink: 0;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-block-style: var(--tw-border-style);
      border-block-width: 1px;
      border-color: var(--color-brand);
      padding-inline: calc(var(--spacing) * 5);
      font-family: var(--font-titles);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-brand);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:first-child {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
      }
      &:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
      &:last-child {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
      }
      &:last-child {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-cyan-200);
        }
      }
      &.is-active {
        background-color: var(--color-brand);
        color: var(--color-white);
        text-decoration-line: underline;
        text-underline-offset: 21px;
        @media (width >= 64rem) {
          text-underline-offset: 29px;
        }
      }
    }
  }
  .aos-tabs-content {
    display: none;
  }
  .aos-tabs-content.is-active {
    display: block;
  }
  .tab-content-container {
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    .field--name-field-esb-pc26i01e01-image {
      width: 100%;
      @media (width >= 64rem) {
        width: calc(3/4 * 100%);
      }
      img {
        --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    >div {
      &:last-child {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        @media (width >= 64rem) {
          width: calc(1/4 * 100%);
        }
        counter-reset: step 0;
        .showcase {
          position: relative;
          counter-increment: step;
          &:before {
            content: counter(step);
            position: absolute;
            top: calc(var(--spacing) * 5);
            display: flex;
            width: 30px;
            height: 30px;
            align-items: center;
            justify-content: center;
            border-radius: calc(infinity * 1px);
            background-color: var(--color-brand);
            font-family: var(--font-titles);
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            color: var(--color-white);
          }
          .showcase--body {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
            border-color: var(--color-neutral-800);
            padding-top: calc(var(--spacing) * 5);
            padding-bottom: calc(var(--spacing) * 4);
            padding-left: 50px;
          }
          .field--name-field-26i01e01s01-title {
            .field__item {
              margin-bottom: calc(var(--spacing) * 1.5);
              font-family: var(--font-akkurat);
              font-size: var(--text-size22);
              color: var(--color-brand);
            }
          }
          .field--name-field-26i01e01s01-desc {
            .field__item {
              font-family: var(--font-light);
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
              color: var(--color-neutral-800);
            }
          }
        }
        .showcase--img {
          display: none;
        }
      }
    }
  }
}
.paragraph {
  &:has(.aos-table) {
    margin-bottom: var(--spacing-52);
    max-width: 49.125rem;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  &.large {
    &:has(.aos-table) {
      margin-inline: auto;
      margin-block: calc(var(--spacing) * 5);
      max-width: 75rem;
      padding-inline: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 0);
      }
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 8);
      }
      @media (width >= 80rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
    }
  }
}
.aos-table {
  &.aos-financial-table {
    .table__container {
      padding-inline: calc(var(--spacing) * 0);
      .table__tr {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        font-family: var(--font-light);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--color-neutral-400);
        @media (width >= 64rem) {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
        }
        &.bold-text {
          font-family: var(--font-titles);
          color: var(--color-neutral-800);
        }
        &.border-top-dashed {
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
          --tw-border-style: dashed;
          border-style: dashed;
          border-color: var(--color-brand);
        }
        &.border-bottom-dashed {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          --tw-border-style: dashed;
          border-style: dashed;
          border-color: var(--color-brand);
        }
        &.border-top-bold {
          border-top-style: var(--tw-border-style);
          border-top-width: 2px;
          border-color: var(--color-brand);
        }
        &.border-bottom-bold {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 2px;
          border-color: var(--color-brand);
        }
        .col-1, .col-2, .col-3 {
          box-sizing: border-box;
          padding-right: calc(var(--spacing) * 1.5);
        }
        .col-1 {
          max-width: calc(1/2 * 100%);
          flex: calc(1/2 * 100%);
          @media (width >= 64rem) {
            max-width: 80%;
          }
          @media (width >= 64rem) {
            flex: 80%;
          }
        }
        .col-2, .col-3 {
          max-width: calc(1/4 * 100%);
          flex: calc(1/4 * 100%);
          text-align: right;
          @media (width >= 64rem) {
            max-width: 10%;
          }
          @media (width >= 64rem) {
            flex: 10%;
          }
        }
        .col-3 {
          background-color: var(--color-cyan-200);
        }
      }
      .row-default {
        margin-bottom: calc(var(--spacing) * 0);
        .table__td {
          padding-block: calc(var(--spacing) * 1.5);
        }
      }
      .row-title {
        margin-bottom: calc(var(--spacing) * 0);
        .table__td {
          padding-block: calc(var(--spacing) * 3);
        }
      }
    }
  }
  &.aos-simple-table {
    width: 100%;
    overflow-x: auto;
    table {
      margin-bottom: calc(var(--spacing) * 2);
      width: 100%;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-black);
    }
    th {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-black);
      padding: calc(var(--spacing) * 2.5);
      vertical-align: top;
      font-family: var(--font-titles);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      &:first-child {
        padding-left: calc(var(--spacing) * 0);
      }
    }
    tbody {
      td {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-black);
        padding: calc(var(--spacing) * 2.5);
        vertical-align: top;
        font-family: var(--font-light);
        &:first-child {
          padding-left: calc(var(--spacing) * 0);
        }
        &.highlight {
          background-color: var(--color-cyan-200);
        }
        &.highlight-gray {
          background-color: var(--color-neutral-300);
        }
        &.highlight-yellow {
          background-color: var(--color-yellow-200);
        }
        &.bold {
          font-family: var(--font-titles);
        }
      }
    }
    p {
      &.caption {
        margin-bottom: calc(var(--spacing) * 2);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
  }
}
.paragraph--type--map-with-pins {
  padding-block: var(--spacing-72);
}
#google-map {
  height: 480px;
  width: 100%;
  .gm-style-iw {
    top: calc(var(--spacing) * 0) !important;
    left: calc(var(--spacing) * 0) !important;
    width: 282px !important;
    border-radius: 0.25rem !important;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-yellow-500);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
  }
  .gm-style-iw-chr {
    position: absolute;
    right: calc(var(--spacing) * 0);
  }
  .map-info-window {
    padding-top: calc(var(--spacing) * 5);
    h3 {
      font-family: var(--font-titles);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      color: var(--color-neutral-800);
    }
    p {
      padding-bottom: calc(var(--spacing) * 3);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: var(--color-neutral-800);
    }
    a {
      display: flex;
      height: calc(var(--spacing) * 10);
      width: 100%;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-brand);
      font-family: var(--font-titles);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-brand);
    }
  }
}
.node--type-aos-error {
  .paragraph--type--esbpc03 {
    margin-bottom: var(--spacing-52);
    max-width: 49.125rem;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    .text-wrapper {
      h2 {
        position: relative;
        margin-bottom: calc(var(--spacing) * 6);
        font-family: var(--font-light);
        font-size: var(--text-h1);
        color: var(--color-brand);
        @media (width >= 64rem) {
          font-size: var(--text-h1xl);
        }
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      .description {
        margin-bottom: calc(var(--spacing) * 8);
        @media (width >= 64rem) {
          margin-bottom: var(--spacing-52);
        }
        p {
          font-family: var(--font-light);
          font-size: 1.375rem;
          @media (width >= 64rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
          }
        }
      }
      .links {
        p {
          padding-bottom: calc(var(--spacing) * 6);
          font-family: var(--font-titles);
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          @media (width >= 64rem) {
            font-size: var(--text-h5xl);
          }
          @media (width >= 64rem) {
            --tw-leading: var(--leading-h5xl);
            line-height: var(--leading-h5xl);
          }
        }
        .field__item {
          a {
            position: relative;
            margin-bottom: calc(var(--spacing) * 3);
            display: flex;
            width: 100%;
            align-items: center;
            border-radius: var(--radius-lg);
            padding-inline: calc(var(--spacing) * 6);
            padding-block: calc(var(--spacing) * 4);
            padding-right: calc(var(--spacing) * 8);
            color: var(--color-brand);
            --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            @media (width >= 64rem) {
              height: 59px;
            }
            @media (width >= 64rem) {
              padding-block: calc(var(--spacing) * 0);
            }
            @media (width >= 64rem) {
              padding-right: calc(var(--spacing) * 0);
            }
            @media (width >= 64rem) {
              font-size: var(--text-lg);
              line-height: var(--tw-leading, var(--text-lg--line-height));
            }
            &:after {
              position: absolute;
              right: calc(var(--spacing) * 6);
              display: inline;
              height: calc(var(--spacing) * 5);
              width: calc(var(--spacing) * 5);
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-content: '';
              content: var(--tw-content);
              background-image: url('../images/icons/icon-arrow-right-blue.svg');
            }
            &:hover {
              &:after {
                right: calc(var(--spacing) * 3);
              }
            }
          }
        }
      }
    }
  }
}
body.path-user {
  .block-local-tasks-block, .block-system-main-block {
    position: relative;
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    max-width: 75rem;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    ul.tabs {
      margin-bottom: calc(var(--spacing) * 8);
      display: flex;
      gap: calc(var(--spacing) * 8);
    }
  }
  .user-login-form, .user-register-form, .user-pass {
    margin-inline: auto;
    margin-block: var(--spacing-52);
    max-width: 37.5rem;
    .description {
      margin-top: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
}
div[data-drupal-messages] {
  width: 100%;
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 2);
  }
  grid-area: bottom;
  &.incident-closed {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }
}
.messages {
  position: relative;
  margin-inline: auto;
  width: 100%;
  max-width: 75rem;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding-inline: calc(var(--spacing) * 5);
  padding-block: calc(var(--spacing) * 4);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 5);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  background-image: none;
  .incident-message {
    position: relative;
    padding-inline: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      padding-left: var(--spacing-72);
    }
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 0);
    }
    h2 {
      position: relative;
      font-family: var(--font-akkurat);
      font-size: var(--text-h3xl);
      --tw-leading: var(--leading-h3xl);
      line-height: var(--leading-h3xl);
    }
    h3 {
      font-family: var(--font-akkurat);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    p {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    a {
      margin-top: calc(var(--spacing) * 5);
      display: flex;
      height: calc(var(--spacing) * 9);
      width: fit-content;
      align-items: center;
      justify-content: center;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      font-family: var(--font-titles);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-top-left-radius: var(--radius-2xl);
        }
      }
      &:hover {
        @media (hover: hover) {
          border-bottom-right-radius: var(--radius-2xl);
        }
      }
    }
    .incident-message-close {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      height: calc(var(--spacing) * 8);
      width: calc(var(--spacing) * 8);
      cursor: pointer;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          rotate: 180deg;
        }
      }
      @media (width >= 64rem) {
        height: calc(var(--spacing) * 10);
      }
      @media (width >= 64rem) {
        width: calc(var(--spacing) * 10);
      }
    }
  }
  &.messages--warning {
    background-color: var(--color-yellow-500);
    color: var(--color-neutral-800);
    &:before {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: 1000px;
      bottom: calc(var(--spacing) * 0);
      left: -48%;
      z-index: -1;
      margin-inline: auto;
      display: block;
      width: 150vw;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
    .incident-message {
      h2 {
        &:before {
          position: absolute;
          left: calc(var(--spacing) * -12);
          display: flex;
          height: calc(var(--spacing) * 8);
          width: calc(var(--spacing) * 8);
          align-items: center;
          justify-content: center;
          border-radius: calc(infinity * 1px);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-neutral-800);
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          --tw-content: '!';
          content: var(--tw-content);
          @media (width >= 64rem) {
            left: -56px;
          }
          @media (width >= 64rem) {
            height: calc(var(--spacing) * 10);
          }
          @media (width >= 64rem) {
            width: calc(var(--spacing) * 10);
          }
          @media (width >= 80rem) {
            left: -72px;
          }
        }
      }
      a {
        background-color: var(--color-white);
        color: var(--color-brand);
        &:hover {
          @media (hover: hover) {
            border-style: var(--tw-border-style);
            border-width: 1px;
          }
        }
        &:hover {
          @media (hover: hover) {
            border-color: var(--color-neutral-800);
          }
        }
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-yellow-500);
          }
        }
        &:hover {
          @media (hover: hover) {
            color: var(--color-neutral-800);
          }
        }
        &:hover {
          @media (hover: hover) {
            text-decoration-line: none;
          }
        }
      }
      .incident-message-close {
        background-image: url('../images/icons/icon-close-black.svg');
      }
    }
  }
  &.messages--status {
    background-color: var(--color-deepgreen-500);
    color: var(--color-white);
    &:before {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: 1000px;
      bottom: calc(var(--spacing) * 0);
      left: -48%;
      z-index: -1;
      margin-inline: auto;
      display: block;
      width: 150vw;
      background-color: var(--color-deepgreen-500);
      --tw-content: '';
      content: var(--tw-content);
    }
    .incident-message {
      h2 {
        &:before {
          position: absolute;
          left: calc(var(--spacing) * -12);
          display: flex;
          height: calc(var(--spacing) * 8);
          width: calc(var(--spacing) * 8);
          align-items: center;
          justify-content: center;
          border-radius: calc(infinity * 1px);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-white);
          background-position: center;
          background-repeat: no-repeat;
          --tw-content: '';
          content: var(--tw-content);
          @media (width >= 64rem) {
            left: -56px;
          }
          @media (width >= 64rem) {
            height: calc(var(--spacing) * 10);
          }
          @media (width >= 64rem) {
            width: calc(var(--spacing) * 10);
          }
          @media (width >= 80rem) {
            left: -72px;
          }
          background-image: url('../images/icons/icon-check-white.svg');
          background-size: 60%;
        }
      }
      a {
        background-color: transparent;
        color: var(--color-white);
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-white);
          }
        }
        &:hover {
          @media (hover: hover) {
            color: var(--color-deepgreen-500);
          }
        }
        &:hover {
          @media (hover: hover) {
            text-decoration-line: none;
          }
        }
      }
      .incident-message-close {
        background-image: url('../images/icons/icon-close-white.svg');
      }
    }
  }
}
[data-drupal-messages] {
  opacity: 0;
  max-height: 0;
  transition: none;
}
[data-drupal-messages]:not(.incident-closed) {
  animation: show-message 0.3s ease 0.5s forwards;
}
[data-drupal-messages].incident-closed {
  display: none !important;
  animation: none;
}
@keyframes show-message {
  to {
    opacity: 1;
    max-height: 500px;
  }
}
.incidents-container {
  position: relative;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 112.5rem) {
    max-width: 112.5rem;
  }
  margin-inline: auto;
  margin-bottom: var(--spacing-52);
  width: 100%;
  max-width: 49.125rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  .container-title {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-light);
    font-size: var(--text-h3xl);
    --tw-leading: var(--leading-h2);
    line-height: var(--leading-h2);
    color: var(--color-neutral-800);
    @media (width >= 80rem) {
      font-size: var(--text-h2xl);
    }
    @media (width >= 80rem) {
      --tw-leading: var(--leading-h2xl);
      line-height: var(--leading-h2xl);
    }
    &:after {
      position: relative;
      margin-top: calc(var(--spacing) * 6);
      display: block;
      height: 3px;
      width: 3.75rem;
      background-color: var(--color-yellow-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .incidents-list {
    margin-inline: calc(var(--spacing) * -5);
    display: flex;
    width: auto;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 5);
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
      display: none;
    }
    .incident-tile {
      position: relative;
      width: 19.6875rem;
      max-width: 20.9375rem;
      flex-shrink: 0;
      padding: calc(var(--spacing) * 5);
      padding-left: var(--spacing-52);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      @media (width >= 64rem) {
        width: 20.9375rem;
      }
      .date {
        position: relative;
        margin-bottom: calc(var(--spacing) * 4);
        display: flex;
        align-items: center;
      }
      .description {
        margin-bottom: calc(var(--spacing) * 4);
        padding-bottom: calc(var(--spacing) * 10);
      }
      a {
        position: absolute;
        bottom: calc(var(--spacing) * 5);
        left: calc(var(--spacing) * 10);
        margin-top: calc(var(--spacing) * 5);
        display: flex;
        height: calc(var(--spacing) * 9);
        width: fit-content;
        align-items: center;
        justify-content: center;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 5);
        font-family: var(--font-titles);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          @media (hover: hover) {
            border-top-left-radius: var(--radius-2xl);
          }
        }
        &:hover {
          @media (hover: hover) {
            border-bottom-right-radius: var(--radius-2xl);
          }
        }
      }
      &.unsolved {
        background-color: var(--color-yellow-500);
        color: var(--color-neutral-800);
        .date {
          &:before {
            position: absolute;
            top: calc(var(--spacing) * 1.5);
            left: calc(var(--spacing) * -6);
            display: flex;
            height: calc(var(--spacing) * 4.5);
            width: calc(var(--spacing) * 4.5);
            align-items: center;
            justify-content: center;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-close-circle.svg');
          }
        }
        a {
          background-color: var(--color-white);
          color: var(--color-brand);
          &:hover {
            @media (hover: hover) {
              border-style: var(--tw-border-style);
              border-width: 1px;
            }
          }
          &:hover {
            @media (hover: hover) {
              border-color: var(--color-neutral-800);
            }
          }
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-yellow-500);
            }
          }
          &:hover {
            @media (hover: hover) {
              color: var(--color-neutral-800);
            }
          }
          &:hover {
            @media (hover: hover) {
              text-decoration-line: none;
            }
          }
        }
      }
      &.solved {
        background-color: var(--color-deepgreen-500);
        color: var(--color-white);
        .date {
          &:before {
            position: absolute;
            top: calc(var(--spacing) * 1.5);
            left: calc(var(--spacing) * -6);
            display: flex;
            height: calc(var(--spacing) * 4.5);
            width: calc(var(--spacing) * 4.5);
            align-items: center;
            justify-content: center;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-check-circle.svg');
          }
        }
        a {
          background-color: transparent;
          color: var(--color-white);
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-white);
            }
          }
          &:hover {
            @media (hover: hover) {
              color: var(--color-deepgreen-500);
            }
          }
          &:hover {
            @media (hover: hover) {
              text-decoration-line: none;
            }
          }
        }
      }
    }
  }
  .aos-carousel-navigation {
    position: absolute;
    top: 54%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    display: none;
    width: 100%;
    @media (width >= 64rem) {
      display: flex;
    }
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    .aos-nav-btn {
      position: absolute;
      z-index: 10;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      &:after {
        position: relative;
        display: inline;
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
      }
      &:disabled {
        display: none;
      }
      &.aos-prev {
        left: calc(var(--spacing) * 0);
        &:after {
          background-image: url('../images/icons/icon-arrow-left-thin-blue.svg');
        }
      }
      &.aos-next {
        right: calc(var(--spacing) * -5);
        &:after {
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
      }
    }
  }
}
.aos-darksite-mode {
  overflow: hidden;
  .darksite-content-container {
    margin-inline: auto;
    margin-bottom: var(--spacing-52);
    max-width: 49.125rem;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    .language-toggler {
      height: 38px;
      overflow: hidden;
      border-radius: 20px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-brand);
      .language-item {
        display: flex;
        height: 100%;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        padding-inline: calc(var(--spacing) * 5);
        font-family: var(--font-titles);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-brand);
        &.is-active {
          background-color: var(--color-brand);
          color: var(--color-white);
        }
      }
    }
    h1 {
      position: relative;
      margin-top: calc(var(--spacing) * 0);
      margin-bottom: var(--spacing-52);
      font-family: var(--font-light);
      color: var(--color-brand);
      @media (width >= 64rem) {
        margin-bottom: var(--spacing-72);
      }
      &:before {
        position: relative;
        margin-bottom: calc(var(--spacing) * 6);
        display: block;
        height: calc(var(--spacing) * 8);
        width: calc(var(--spacing) * 8);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-warning-blue.svg');
      }
      &:after {
        position: relative;
        margin-top: calc(var(--spacing) * 6);
        display: block;
        height: 3px;
        width: 3.75rem;
        background-color: var(--color-yellow-500);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    .field--name-field-intro, .field--name-field-intro-fr {
      padding-bottom: var(--spacing-72);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      color: var(--color-neutral-800);
      @media (width >= 64rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      p {
        margin-bottom: calc(var(--spacing) * 4);
        &:last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
        a {
          color: var(--color-brand);
          text-decoration-line: underline;
          &:hover {
            @media (hover: hover) {
              color: var(--color-cyan-700);
            }
          }
        }
      }
      ul, ol {
        margin-bottom: calc(var(--spacing) * 4);
        list-style-type: disc;
        padding-left: calc(var(--spacing) * 5);
        li {
          margin-bottom: calc(var(--spacing) * 4);
        }
      }
      ol {
        list-style-type: decimal;
      }
      img {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
      }
      h3, h4, h5, h6 {
        padding-bottom: calc(var(--spacing) * 4);
      }
    }
    .field--name-field-description, .field--name-field-description-fr {
      position: relative;
      background-color: var(--color-white);
      padding-top: var(--spacing-92);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      color: var(--color-neutral-800);
      @media (width >= 64rem) {
        font-family: var(--font-light);
      }
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      &:before {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: -100%;
        bottom: -5.75rem;
        left: -100%;
        z-index: 0;
        display: flex;
        width: 200vw;
        background-color: var(--color-white);
        --tw-content: '';
        content: var(--tw-content);
      }
      p {
        position: relative;
        z-index: 20;
        margin-bottom: calc(var(--spacing) * 4);
        &:last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
        a {
          color: var(--color-brand);
          text-decoration-line: underline;
          &:hover {
            @media (hover: hover) {
              color: var(--color-cyan-700);
            }
          }
        }
      }
      ul, ol {
        position: relative;
        z-index: 20;
        margin-bottom: calc(var(--spacing) * 4);
        list-style-type: disc;
        padding-left: calc(var(--spacing) * 5);
        li {
          margin-bottom: calc(var(--spacing) * 4);
        }
      }
      ol {
        list-style-type: decimal;
      }
      img {
        position: relative;
        z-index: 20;
        border-top-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
      }
      h2 {
        position: relative;
        margin-bottom: calc(var(--spacing) * 6);
        font-family: var(--font-light);
        font-size: var(--text-h3xl);
        --tw-leading: var(--leading-h2);
        line-height: var(--leading-h2);
        color: var(--color-neutral-800);
        @media (width >= 80rem) {
          font-size: var(--text-h2xl);
        }
        @media (width >= 80rem) {
          --tw-leading: var(--leading-h2xl);
          line-height: var(--leading-h2xl);
        }
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
      h3, h4, h5, h6 {
        padding-bottom: calc(var(--spacing) * 4);
      }
    }
  }
  footer {
    .social-links {
      li {
        &.as-instagram, &.as-twitter, &.as-pinterest {
          display: none;
        }
        &.as-linkedin {
          order: 1;
        }
        &.as-facebook {
          order: 2;
        }
        &.as-youtube {
          order: 3;
        }
        a {
          position: relative;
          &:hover {
            @media (hover: hover) {
              text-decoration-line: none;
            }
          }
          &:before {
            position: relative;
            display: block;
            height: calc(var(--spacing) * 8);
            width: calc(var(--spacing) * 8);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
          }
        }
        &.as-linkedin {
          a {
            &:before {
              background-image: url('../images/aos-social-media-linkedin.svg');
            }
          }
        }
        &.as-facebook {
          a {
            &:before {
              background-image: url('../images/aos-social-media-facebook.svg');
            }
          }
        }
        &.as-youtube {
          a {
            &:before {
              background-image: url('../images/aos-social-media-youtube.svg');
            }
          }
        }
      }
    }
  }
}
.page-node-type-news {
  .layout-container {
    position: relative;
  }
  .block-views-blocknews-heading-block-1 {
    width: 100%;
    .view-news-heading {
      position: relative;
      margin-top: calc(6.875rem * -1);
      width: 100%;
      overflow-x: hidden;
      @media (width >= 64rem) {
        margin-top: calc(10.125rem * -1);
      }
      .field--type-image {
        .field__item {
          position: relative;
          height: 35.0625rem;
          width: 100%;
          @media (width >= 64rem) {
            height: 43.75rem;
          }
          img {
            position: absolute;
            top: calc(var(--spacing) * 0);
            right: calc(var(--spacing) * 0);
            bottom: calc(var(--spacing) * 0);
            left: calc(var(--spacing) * 0);
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
          }
        }
      }
      .views-field-title {
        position: absolute;
        bottom: calc(var(--spacing) * 0);
        z-index: 50;
        margin-inline: calc(var(--spacing) * 5);
        width: calc(100% - 40px);
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 5);
        padding-top: calc(var(--spacing) * 8);
        padding-bottom: calc(var(--spacing) * 0);
        @media (width >= 64rem) {
          position: relative;
        }
        @media (width >= 64rem) {
          width: 100%;
          @media (width >= 40rem) {
            max-width: 40rem;
          }
          @media (width >= 48rem) {
            max-width: 48rem;
          }
          @media (width >= 64rem) {
            max-width: 64rem;
          }
          @media (width >= 80rem) {
            max-width: 80rem;
          }
          @media (width >= 96rem) {
            max-width: 96rem;
          }
          @media (width >= 112.5rem) {
            max-width: 112.5rem;
          }
        }
        @media (width >= 64rem) {
          margin-inline: auto;
        }
        @media (width >= 64rem) {
          margin-top: calc(var(--spacing-120) * -1);
        }
        @media (width >= 64rem) {
          width: 100%;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          padding-top: var(--spacing-72);
        }
        @media (width >= 64rem) {
          padding-bottom: calc(var(--spacing) * 8);
        }
        @media (width >= 96rem) {
          max-width: var(--container-7xl);
        }
        @media (width >= 112.5rem) {
          max-width: 1500px;
        }
        &:after {
          position: absolute;
          top: 173px;
          right: -50%;
          bottom: calc(var(--spacing) * 0);
          left: -50%;
          z-index: -1;
          display: block;
          width: 200vw;
          --tw-content: '';
          content: var(--tw-content);
          @media (width >= 64rem) {
            top: 121px;
          }
        }
        .field-content {
          position: relative;
          margin-inline: auto;
          margin-block: calc(var(--spacing) * 0);
          max-width: 49.125rem;
          font-family: var(--font-light);
          font-size: var(--text-h1);
          --tw-leading: var(--leading-h1);
          line-height: var(--leading-h1);
          color: var(--color-brand);
          @media (width >= 80rem) {
            font-size: var(--text-h1xl);
          }
          @media (width >= 80rem) {
            --tw-leading: var(--leading-h1xl);
            line-height: var(--leading-h1xl);
          }
          &:after {
            position: relative;
            margin-top: calc(var(--spacing) * 6);
            display: block;
            height: 3px;
            width: 3.75rem;
            background-color: var(--color-yellow-500);
            --tw-content: '';
            content: var(--tw-content);
          }
        }
      }
      &:not(:has(.media--type-image)) {
        z-index: 0;
        margin-top: 180px;
        overflow-x: visible;
        @media (width >= 48rem) {
          margin-top: 160px;
        }
        @media (width >= 64rem) {
          margin-top: 144px;
        }
      }
    }
  }
  .content-meta {
    position: relative;
    margin-bottom: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 6);
    padding-bottom: var(--spacing-52);
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-72);
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-bottom: var(--spacing-72);
    }
    background: linear-gradient(180deg, #FFF 0%, #F9F9F9 100%);
    .meta-container {
      margin-inline: auto;
      width: calc(100% - 40px);
      @media (width >= 64rem) {
        width: 100%;
        @media (width >= 40rem) {
          max-width: 40rem;
        }
        @media (width >= 48rem) {
          max-width: 48rem;
        }
        @media (width >= 64rem) {
          max-width: 64rem;
        }
        @media (width >= 80rem) {
          max-width: 80rem;
        }
        @media (width >= 96rem) {
          max-width: 96rem;
        }
        @media (width >= 112.5rem) {
          max-width: 112.5rem;
        }
      }
      @media (width >= 64rem) {
        width: 100%;
      }
      @media (width >= 96rem) {
        max-width: var(--container-7xl);
      }
      @media (width >= 112.5rem) {
        max-width: 1500px;
      }
    }
    .news-meta-data {
      display: flex;
      max-width: 49.125rem;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      font-family: var(--font-titles);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-brand);
      @media (width >= 48rem) {
        margin-inline: auto;
      }
      @media (width >= 48rem) {
        padding-left: calc(var(--spacing) * 0);
      }
      @media (width >= 64rem) {
        width: 100%;
      }
    }
    .field--name-field-category {
      display: flex;
      height: 30px;
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-yellow-500);
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .field--name-field-aos-pc33-highlight {
    p {
      font-family: var(--font-akkurat);
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .views-field-field-news-description {
    margin-top: var(--spacing-52);
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      margin-top: var(--spacing-72);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    .field-content {
      margin-inline: auto;
      max-width: 49.125rem;
      font-family: var(--font-akkurat);
      font-size: var(--text-size22);
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
      color: var(--color-neutral-800);
      @media (width >= 64rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      @media (width >= 64rem) {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8);
      }
    }
  }
  .news-pager {
    margin-inline: auto;
    width: 100%;
    max-width: 75rem;
    padding-inline: calc(var(--spacing) * 5);
    padding-bottom: var(--spacing-92);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-bottom: var(--spacing-120);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    .news-pager__list {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      row-gap: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      > li {
        width: 100%;
        @media (width >= 64rem) {
          width: auto;
        }
        .news-pager__link {
          position: relative;
          display: flex;
          height: calc(var(--spacing) * 14);
          width: 100%;
          cursor: pointer;
          align-items: center;
          justify-content: center;
          border-radius: 0.25rem;
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-cyan-500);
          background-color: var(--color-white);
          padding-inline: calc(var(--spacing) * 5);
          font-family: var(--font-titles);
          font-size: var(--text-size22);
          color: var(--color-cyan-500);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          @media (width >= 64rem) {
            width: fit-content;
          }
          &:before {
            position: relative;
            margin-right: calc(var(--spacing) * 4);
            display: flex;
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
          }
          &:hover {
            border-top-left-radius: var(--radius-2xl);
            border-bottom-right-radius: var(--radius-2xl);
            background-color: var(--color-cyan-500);
            color: var(--color-white);
            text-decoration-line: none;
            &:before, &:after {
              filter: brightness(0) invert(1);
            }
          }
          &.pager-prev {
            &:before {
              background-image: url('../images/icons/icon-arrow-left-thin-blue.svg');
            }
          }
          &.pager-back-to-list {
            &:before {
              background-image: url('../images/icons/icon-turn-left.svg');
            }
          }
          &.pager-next {
            &:before {
              display: none;
            }
            &:after {
              position: relative;
              margin-left: calc(var(--spacing) * 4);
              display: flex;
              width: calc(var(--spacing) * 8);
              height: calc(var(--spacing) * 8);
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
              --tw-content: '';
              content: var(--tw-content);
              background-image: url('../images/icons/icon-arrow-right-blue.svg');
            }
          }
        }
      }
    }
  }
}
.block-views-blocknews-news-teaser-slider {
  .news-container {
    position: relative;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    margin-bottom: var(--spacing-72);
    width: 100%;
    padding: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 80rem) {
      margin-bottom: var(--spacing-120);
    }
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    .container-title {
      position: relative;
      margin-bottom: var(--spacing-52);
      font-family: var(--font-light);
      font-size: var(--text-h3);
      --tw-leading: var(--leading-h3);
      line-height: var(--leading-h3);
      text-transform: uppercase;
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 16);
      }
      @media (width >= 64rem) {
        font-size: var(--text-h3xl);
      }
      @media (width >= 64rem) {
        --tw-leading: var(--leading-h3xl);
        line-height: var(--leading-h3xl);
      }
      &:after {
        position: relative;
        margin-top: calc(var(--spacing) * 6);
        display: block;
        height: 3px;
        width: 3.75rem;
        background-color: var(--color-yellow-500);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    .news-list {
      .news-card {
        .news-tile {
          &:after {
            position: absolute;
            top: calc(var(--spacing) * 0);
            right: calc(var(--spacing) * 0);
            bottom: calc(var(--spacing) * 0);
            left: calc(var(--spacing) * 0);
            z-index: 0;
            display: block;
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: center;
            --tw-content: '';
            content: var(--tw-content);
            background: linear-gradient(180deg,rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 1) 100%);
          }
        }
        &:hover {
          .news-tile {
            transform: scale(1.1);
          }
        }
        .date {
          display: flex;
          height: 30px;
          align-items: center;
        }
      }
    }
  }
  .aos-news-carousel {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .aos-carousel-navigation {
    position: absolute;
    top: 54%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    display: none;
    width: 100%;
    @media (width >= 64rem) {
      display: flex;
    }
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    .aos-nav-btn {
      position: absolute;
      z-index: 10;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:after {
        position: relative;
        display: inline;
        height: calc(var(--spacing) * 6);
        width: calc(var(--spacing) * 6);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
      }
      &:disabled {
        display: none;
      }
      &.aos-prev {
        @media (width >= 64rem) {
          left: 17rem;
        }
        @media (width >= 80rem) {
          left: 21rem;
        }
        &:after {
          background-image: url('../images/icons/icon-arrow-left-thin-blue.svg');
        }
      }
      &.aos-next {
        right: calc(var(--spacing) * -5);
        &:after {
          background-image: url('../images/icons/icon-arrow-right-blue.svg');
        }
      }
    }
  }
}
.block-views-blocknews-news-list {
  margin-inline: auto;
  max-width: 75rem;
  padding-inline: calc(var(--spacing) * 5);
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (width >= 112.5rem) {
    max-width: 1500px;
  }
  .view-filters {
    margin-inline: calc(var(--spacing) * -5);
    max-width: 100vw;
    overflow-x: hidden;
    @media (width >= 64rem) {
      margin-inline: auto;
    }
    @media (width >= 64rem) {
      max-width: 49.125rem;
    }
    .form-actions {
      display: none;
      @media (width >= 64rem) {
        display: flex;
      }
    }
    form {
      overflow-x: auto;
      padding-inline: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        overflow-x: hidden;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch;
      &::-webkit-scrollbar {
        display: none;
      }
    }
    .form--inline {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      gap: calc(var(--spacing) * 6);
      &:after {
        display: none;
      }
      .fieldgroup {
        margin-bottom: calc(var(--spacing) * 0);
        .bef-checkboxes {
          display: flex;
          align-items: center;
          gap: calc(var(--spacing) * 6);
          .checkbox--container {
            label {
              display: flex;
              height: 2.375rem;
              cursor: pointer;
              align-items: center;
              justify-content: center;
              border-radius: 20px;
              border-style: var(--tw-border-style);
              border-width: 1px;
              border-color: var(--color-brand);
              padding-inline: calc(var(--spacing) * 5);
              padding-bottom: calc(var(--spacing) * 0);
              font-family: var(--font-titles);
              font-size: var(--text-sm);
              line-height: var(--tw-leading, var(--text-sm--line-height));
              color: var(--color-brand);
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              &:hover {
                border-color: var(--color-cyan-200);
                background-color: var(--color-cyan-200);
              }
            }
            .form-checkbox {
              position: absolute;
              width: 1px;
              height: 1px;
              padding: 0;
              margin: -1px;
              overflow: hidden;
              clip-path: inset(50%);
              white-space: nowrap;
              border-width: 0;
              appearance: none;
              &:checked {
                + label {
                  background-color: var(--color-brand);
                  color: var(--color-white);
                }
              }
            }
          }
        }
      }
      .form-submit {
        height: 2.375rem;
        border-radius: 20px;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-brand);
        font-family: var(--font-titles);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
      &:has(.form-checkbox:checked) {
        .form-submit {
          background-color: var(--color-white);
          color: var(--color-brand);
          &:hover {
            border-color: var(--color-cyan-200);
            background-color: var(--color-cyan-200);
          }
        }
      }
    }
  }
  .view-content {
    .views-infinite-scroll-content-wrapper {
      margin-bottom: var(--spacing-52);
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 5);
      @media (width >= 40rem) {
        display: grid;
      }
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 48rem) {
        gap: calc(var(--spacing) * 6);
      }
      @media (width >= 64rem) {
        margin-bottom: var(--spacing-72);
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 8);
      }
      @media (width >= 80rem) {
        gap: calc(var(--spacing) * 10);
      }
      .news-meta {
        .field--name-field-category {
          display: flex;
          height: 30px;
          align-items: center;
          justify-content: center;
          border-radius: var(--radius-2xl);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-yellow-500);
          padding-inline: calc(var(--spacing) * 3);
        }
      }
    }
  }
  .pager {
    margin-bottom: var(--spacing-92);
    display: flex;
    justify-content: center;
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-120);
    }
    li {
      width: 100%;
      @media (width >= 64rem) {
        width: auto;
      }
      a {
        position: relative;
        display: flex;
        height: calc(var(--spacing) * 14);
        width: 100%;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-cyan-500);
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 7);
        font-family: var(--font-titles);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-cyan-500);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        @media (width >= 64rem) {
          width: fit-content;
        }
        &:hover {
          border-top-left-radius: var(--radius-2xl);
          border-bottom-right-radius: var(--radius-2xl);
          background-color: var(--color-cyan-500);
          color: var(--color-white);
          text-decoration-line: none;
        }
      }
    }
  }
}
.page-node-type-jobs {
  .layout-container {
    position: relative;
  }
  .block-views-blockjobs-heading-block-1 {
    width: 100%;
    .view-jobs-heading {
      position: relative;
      margin-top: calc(6.875rem * -1);
      width: 100%;
      @media (width >= 64rem) {
        margin-top: calc(10.125rem * -1);
      }
      .field--type-image {
        .field__item {
          position: relative;
          height: 35.0625rem;
          width: 100%;
          @media (width >= 64rem) {
            height: 43.75rem;
          }
          img {
            position: absolute;
            top: calc(var(--spacing) * 0);
            right: calc(var(--spacing) * 0);
            bottom: calc(var(--spacing) * 0);
            left: calc(var(--spacing) * 0);
            height: 100%;
            width: 100%;
            object-fit: cover;
            object-position: center;
          }
          &:after {
            position: absolute;
            top: calc(var(--spacing) * 0);
            right: calc(var(--spacing) * 0);
            bottom: calc(var(--spacing) * 0);
            left: calc(var(--spacing) * 0);
            z-index: 0;
            display: block;
            height: 100%;
            width: 100%;
            --tw-content: '';
            content: var(--tw-content);
            background: linear-gradient(180deg,rgba(255, 255, 255, 0) 49%, rgba(30, 43, 112, 1) 100%);
          }
        }
      }
      .job-heading-data {
        position: relative;
        bottom: calc(var(--spacing) * 0);
        z-index: 50;
        margin-inline: calc(var(--spacing) * 5);
        margin-top: -199px;
        max-width: 75rem;
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 5);
        padding-top: calc(var(--spacing) * 8);
        padding-bottom: calc(var(--spacing) * 0);
        @media (width >= 48rem) {
          margin-top: -190px;
        }
        @media (width >= 64rem) {
          width: 100%;
          @media (width >= 40rem) {
            max-width: 40rem;
          }
          @media (width >= 48rem) {
            max-width: 48rem;
          }
          @media (width >= 64rem) {
            max-width: 64rem;
          }
          @media (width >= 80rem) {
            max-width: 80rem;
          }
          @media (width >= 96rem) {
            max-width: 96rem;
          }
          @media (width >= 112.5rem) {
            max-width: 112.5rem;
          }
        }
        @media (width >= 64rem) {
          margin-inline: auto;
        }
        @media (width >= 64rem) {
          width: 100%;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          padding-top: var(--spacing-72);
        }
        @media (width >= 64rem) {
          padding-bottom: calc(var(--spacing) * 6);
        }
        @media (width >= 80rem) {
          margin-top: -250px;
        }
        @media (width >= 80rem) {
          max-width: 1200px;
        }
        @media (width >= 112.5rem) {
          max-width: 1500px;
        }
      }
      .views-field-field-intro-text {
        .field-content {
          position: relative;
          margin-inline: auto;
          margin-block: calc(var(--spacing) * 0);
          display: block;
          max-width: 49.125rem;
          padding-inline: calc(var(--spacing) * 0);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          color: var(--color-neutral-800);
          @media (width >= 64rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
          }
        }
      }
      .views-field-title {
        .field-content {
          position: relative;
          margin-inline: auto;
          margin-block: calc(var(--spacing) * 0);
          display: block;
          max-width: 49.125rem;
          padding-top: calc(var(--spacing) * 6);
          font-family: var(--font-light);
          font-size: var(--text-h1);
          --tw-leading: var(--leading-h1);
          line-height: var(--leading-h1);
          color: var(--color-brand);
          @media (width >= 80rem) {
            font-size: var(--text-h1xl);
          }
          @media (width >= 80rem) {
            --tw-leading: var(--leading-h1xl);
            line-height: var(--leading-h1xl);
          }
          &:after {
            position: relative;
            margin-top: calc(var(--spacing) * 6);
            display: block;
            height: 3px;
            width: 3.75rem;
            background-color: var(--color-yellow-500);
            --tw-content: '';
            content: var(--tw-content);
          }
        }
      }
      .views-field-field-description {
        margin-inline: calc(var(--spacing) * 5);
        margin-bottom: calc(var(--spacing) * 8);
        display: none;
        width: calc(100% - 40px);
        padding-inline: calc(var(--spacing) * 5);
        padding-bottom: calc(var(--spacing) * 0);
        @media (width >= 64rem) {
          width: 100%;
          @media (width >= 40rem) {
            max-width: 40rem;
          }
          @media (width >= 48rem) {
            max-width: 48rem;
          }
          @media (width >= 64rem) {
            max-width: 64rem;
          }
          @media (width >= 80rem) {
            max-width: 80rem;
          }
          @media (width >= 96rem) {
            max-width: 96rem;
          }
          @media (width >= 112.5rem) {
            max-width: 112.5rem;
          }
        }
        @media (width >= 64rem) {
          margin-inline: auto;
        }
        @media (width >= 64rem) {
          width: 100%;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 96rem) {
          max-width: var(--container-7xl);
        }
        @media (width >= 112.5rem) {
          max-width: 1500px;
        }
        .field-content {
          position: relative;
          margin-inline: auto;
          margin-block: calc(var(--spacing) * 0);
          display: block;
          max-width: 49.125rem;
          font-family: var(--font-light);
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
          color: var(--color-neutral-800);
        }
      }
    }
  }
  .region-breadcrumb {
    background-color: transparent;
    @media (width >= 80rem) {
      margin-inline: auto;
    }
    @media (width >= 80rem) {
      max-width: 1200px;
    }
    @media (width >= 80rem) {
      background-color: var(--color-white);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
  #block-esb-breadcrumbs {
    margin-bottom: calc(var(--spacing) * 0);
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
      @media (width >= 112.5rem) {
        max-width: 112.5rem;
      }
    }
    @media (width >= 64rem) {
      width: 100%;
    }
    @media (width >= 64rem) {
      max-width: 1200px;
    }
    @media (width >= 96rem) {
      max-width: var(--container-7xl);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
  .node__content {
    .field--name-field-description {
      margin-inline: calc(var(--spacing) * 5);
      margin-bottom: calc(var(--spacing) * 8);
      width: calc(100% - 40px);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      padding-bottom: calc(var(--spacing) * 0);
      @media (width >= 64rem) {
        width: 100%;
        @media (width >= 40rem) {
          max-width: 40rem;
        }
        @media (width >= 48rem) {
          max-width: 48rem;
        }
        @media (width >= 64rem) {
          max-width: 64rem;
        }
        @media (width >= 80rem) {
          max-width: 80rem;
        }
        @media (width >= 96rem) {
          max-width: 96rem;
        }
        @media (width >= 112.5rem) {
          max-width: 112.5rem;
        }
      }
      @media (width >= 64rem) {
        margin-inline: auto;
      }
      @media (width >= 64rem) {
        width: 100%;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 96rem) {
        max-width: var(--container-7xl);
      }
      @media (width >= 112.5rem) {
        max-width: 1500px;
      }
      .field__label {
        display: none;
      }
      .field__item {
        position: relative;
        margin-inline: auto;
        margin-block: calc(var(--spacing) * 0);
        display: block;
        max-width: 49.125rem;
        font-family: var(--font-light);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        color: var(--color-neutral-800);
      }
    }
  }
  .paragraph--type--aospc29 {
    @media (width >= 48rem) {
      width: calc(100% - 40px);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      max-width: 49.125rem;
    }
    .text-formatted {
      h3 {
        position: relative;
        font-size: var(--text-h3);
        --tw-leading: var(--leading-h3);
        line-height: var(--leading-h3);
        @media (width >= 64rem) {
          font-size: var(--text-h3xl);
        }
        @media (width >= 64rem) {
          --tw-leading: var(--leading-h3xl);
          line-height: var(--leading-h3xl);
        }
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
  }
  .paragraph--type--esbpc03 {
    @media (width >= 48rem) {
      width: calc(100% - 40px);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      max-width: 49.125rem;
    }
    .field--name-field-esb-pc03-description {
      h3 {
        position: relative;
        font-family: var(--font-akkurat);
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
    .field--name-field-esb-pc03-links {
      a {
        height: auto;
        width: 100%;
        padding-block: calc(var(--spacing) * 4);
        padding-right: calc(var(--spacing) * 20);
        @media (width >= 64rem) {
          padding-right: calc(var(--spacing) * 5);
        }
      }
    }
  }
  .aos-pdf-download {
    margin-inline: auto;
    display: block;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      width: calc(100% - 40px);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      max-width: 49.125rem;
    }
    a {
      position: relative;
      margin-bottom: var(--spacing-72);
      display: flex;
      height: var(--spacing-15);
      align-items: center;
      padding-inline: calc(var(--spacing) * 6);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      color: var(--color-brand);
      --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 64rem) {
        margin-bottom: var(--spacing-92);
      }
      &:after {
        position: absolute;
        right: calc(var(--spacing) * 6);
        display: flex;
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-download.svg');
      }
    }
  }
  .aos-pager-back {
    margin-bottom: var(--spacing-72);
    justify-content: center;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      display: flex;
    }
    @media (width >= 48rem) {
      width: 100%;
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-92);
    }
    a {
      position: relative;
      display: flex;
      height: calc(var(--spacing) * 14);
      width: 100%;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: 0.25rem;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-cyan-500);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      font-family: var(--font-titles);
      font-size: var(--text-size22);
      color: var(--color-cyan-500);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      @media (width >= 48rem) {
        width: fit-content;
      }
      &:before {
        position: relative;
        margin-right: calc(var(--spacing) * 4);
        display: flex;
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-turn-left.svg');
      }
      &:hover {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
        background-color: var(--color-cyan-500);
        color: var(--color-white);
        text-decoration-line: none;
        &:before {
          filter: brightness(0) invert(1);
        }
      }
    }
  }
}
.field--name-field-esb-pc11-webform {
  &.is-open {
    z-index: 999999 !important;
  }
}
main[role="main"] {
  &:has(.field--name-field-esb-pc11-webform.is-open) {
    position: relative;
    z-index: 9999;
  }
}
.layout-breadcrumb {
  .region-breadcrumb {
    .aos-cmp-breadcrumbs {
      margin-inline: auto;
      width: 100%;
      padding-inline: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        max-width: 75rem;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 112.5rem) {
        max-width: 1500px;
      }
      ul {
        display: flex;
        min-width: calc(var(--spacing) * 0);
        align-items: center;
        gap: calc(var(--spacing) * 1.5);
        li {
          min-width: calc(var(--spacing) * 0);
          flex-shrink: 1;
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-brand);
          &:last-child {
            flex: 1 1 auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            &:not(:has(a)) {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
            a {
              display: block;
              width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
          &:not(:last-child) {
            flex-shrink: 0;
            max-width: fit-content;
            a {
              white-space: nowrap;
            }
          }
          a {
            display: flex;
            gap: calc(var(--spacing) * 1.5);
            color: var(--color-neutral-800);
            &:hover {
              @media (hover: hover) {
                color: var(--color-brand);
              }
            }
            &:hover {
              @media (hover: hover) {
                text-decoration-line: none;
              }
            }
            &:after {
              position: relative;
              display: inline;
              font-size: var(--text-sm);
              line-height: var(--tw-leading, var(--text-sm--line-height));
              color: var(--color-neutral-400);
              --tw-content: '>';
              content: var(--tw-content);
            }
          }
          &:first-child {
            a {
              position: relative;
              gap: calc(var(--spacing) * 1);
              font-size: 0px;
              @media (width >= 48rem) {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height));
              }
              &:before {
                position: relative;
                top: calc(var(--spacing) * 0.5);
                display: flex;
                width: calc(var(--spacing) * 4);
                height: calc(var(--spacing) * 4);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                --tw-content: '';
                content: var(--tw-content);
                @media (width >= 48rem) {
                  display: none;
                }
                background-image: url('../images/icons/icon-home.svg');
              }
            }
          }
        }
      }
    }
  }
}
.page-node-type-news, .page-node-type-jobs {
  .region-breadcrumb {
    position: relative;
    background-color: var(--color-neutral-100);
    &:after {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: -50%;
      bottom: calc(var(--spacing) * 0);
      left: -50%;
      z-index: -1;
      display: none;
      width: 200vw;
      background-color: var(--color-neutral-100);
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        display: block;
      }
    }
  }
  .block-system-breadcrumb-block {
    margin-inline: auto;
    width: calc(100% - 40px);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
      @media (width >= 112.5rem) {
        max-width: 112.5rem;
      }
    }
    @media (width >= 64rem) {
      width: 100%;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
    @media (width >= 96rem) {
      max-width: var(--container-7xl);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
  .aos-cmp-breadcrumbs {
    max-width: 49.125rem !important;
    padding-inline: calc(var(--spacing) * 0) !important;
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
}
.page-node-type-news, .page-node-type-jobs {
  .region-breadcrumb {
    position: relative;
    background-color: var(--color-neutral-100);
    &:after {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: -50%;
      bottom: calc(var(--spacing) * 0);
      left: -50%;
      z-index: -1;
      display: none;
      width: 200vw;
      background-color: var(--color-neutral-100);
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 64rem) {
        display: block;
      }
    }
  }
  .block-system-breadcrumb-block {
    margin-inline: auto;
    width: calc(100% - 40px);
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
      @media (width >= 112.5rem) {
        max-width: 112.5rem;
      }
    }
    @media (width >= 64rem) {
      width: 100%;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
    @media (width >= 96rem) {
      max-width: var(--container-7xl);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
  }
  .aos-cmp-breadcrumbs {
    max-width: 49.125rem !important;
    padding-inline: calc(var(--spacing) * 0) !important;
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
}
.page-node-type-jobs {
  .region-breadcrumb {
    background-color: var(--color-white);
    &:after {
      display: none;
    }
  }
}
.page-node-type-news {
  .region-breadcrumb {
    background-color: var(--color-white);
    &:after {
      display: none;
    }
  }
}
.page-node-type-aos-basic {
  &:has(.aos-hero-internal) {
    .block-system-breadcrumb-block {
      margin-inline: auto;
      width: calc(100% - 40px);
      padding-inline: calc(var(--spacing) * 5);
      padding-top: calc(var(--spacing) * 0);
      padding-bottom: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        width: 100%;
        @media (width >= 40rem) {
          max-width: 40rem;
        }
        @media (width >= 48rem) {
          max-width: 48rem;
        }
        @media (width >= 64rem) {
          max-width: 64rem;
        }
        @media (width >= 80rem) {
          max-width: 80rem;
        }
        @media (width >= 96rem) {
          max-width: 96rem;
        }
        @media (width >= 112.5rem) {
          max-width: 112.5rem;
        }
      }
      @media (width >= 64rem) {
        width: 100%;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 96rem) {
        max-width: var(--container-7xl);
      }
      @media (width >= 112.5rem) {
        max-width: 1500px;
      }
    }
    .aos-cmp-breadcrumbs {
      max-width: 49.125rem !important;
      padding-inline: calc(var(--spacing) * 0) !important;
      @media (width >= 48rem) {
        margin-inline: auto;
      }
      nav {
        @media (width >= 48rem) {
          padding-inline: calc(var(--spacing) * 5);
        }
        @media (width >= 80rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
      }
    }
  }
}
.view-filters {
  .filters-trigger-btn {
    position: relative;
    margin-bottom: var(--spacing-52);
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-brand);
    padding-block: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      display: none;
    }
    &:after {
      position: absolute;
      right: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      --tw-content: '';
      content: var(--tw-content);
      background-image: url('../images/icons/icon-expand-height.svg');
    }
    &.is-active {
      &:after {
        background-image: url('../images/icons/icon-collapse-height.svg');
      }
    }
  }
  .filters-container {
    display: flex;
    max-height: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    overflow: hidden;
    opacity: 0%;
    @media (width >= 64rem) {
      max-height: 100%;
    }
    @media (width >= 64rem) {
      opacity: 100%;
    }
    transition: max-height 0.3s ease, opacity 0.3s ease;
    &.is-open {
      max-height: 1500px;
      opacity: 100%;
    }
    legend {
      order: 1;
      font-family: var(--font-titles);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      color: var(--color-neutral-800);
    }
    .fieldgroup {
      order: 3;
      .form-checkboxes {
        .checkbox--container {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: calc(var(--spacing) * 3);
          label {
            padding-bottom: calc(var(--spacing) * 0);
            font-family: var(--font-light);
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
            color: #1a1a1a;
          }
        }
      }
    }
    .form-actions {
      position: relative;
      order: 2;
      display: flex;
      align-items: center;
      &:before {
        position: relative;
        margin-right: calc(var(--spacing) * 2);
        display: flex;
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
        background-image: url('../images/icons/icon-reset.svg');
      }
      .button {
        position: relative;
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 0);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-brand);
        &:focus {
          outline-style: var(--tw-outline-style);
          outline-width: 0px;
        }
      }
      #edit-submit-faq {
        display: none;
      }
    }
  }
}
.path-faq-list-all {
  .view-faq {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: var(--spacing-72);
    display: flex;
    flex-direction: column;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-52);
    }
    @media (width >= 64rem) {
      display: grid;
    }
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    @media screen and (min-width: 1024px) {
      grid-template-columns: 280px 1fr;
    }
    .view-header {
      grid-column-start: 2;
      margin-top: var(--spacing-52);
      width: 100%;
      padding-inline: calc(var(--spacing) * 0);
      @media (width >= 64rem) {
        margin-top: var(--spacing-92);
      }
      h2 {
        position: relative;
        margin-bottom: var(--spacing-72);
        font-family: var(--font-light);
        font-size: var(--text-h3xl);
        --tw-leading: var(--leading-h2);
        line-height: var(--leading-h2);
        color: var(--color-brand);
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing) * 6);
        }
        @media (width >= 80rem) {
          font-size: var(--text-h2xl);
        }
        @media (width >= 80rem) {
          --tw-leading: var(--leading-h2xl);
          line-height: var(--leading-h2xl);
        }
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
    .view-content {
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 4);
      }
      h3 {
        padding-top: calc(var(--spacing) * 8);
        padding-bottom: calc(var(--spacing) * 6);
        font-family: var(--font-titles);
        font-size: var(--text-h5);
        --tw-leading: var(--leading-h5);
        line-height: var(--leading-h5);
        &:first-child {
          padding-top: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          font-size: var(--text-h5xl);
        }
        @media (width >= 64rem) {
          --tw-leading: var(--leading-h5xl);
          line-height: var(--leading-h5xl);
        }
      }
      .views-row {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-neutral-800);
        .views-field-field-faq-question {
          .field-content {
            position: relative;
            padding-top: calc(var(--spacing) * 5);
            padding-right: calc(var(--spacing) * 10);
            padding-bottom: calc(var(--spacing) * 4);
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
            color: var(--color-brand);
            @media (width >= 64rem) {
              font-size: var(--text-size22);
            }
            @media (width >= 64rem) {
              --tw-leading: var(--leading-size22);
              line-height: var(--leading-size22);
            }
            &:before , &:after {
              position: absolute;
              top: calc(var(--spacing) * 0);
              right: calc(var(--spacing) * 0);
              bottom: calc(var(--spacing) * 0);
              margin-block: auto;
              display: block;
              height: calc(var(--spacing) * 0.5);
              width: calc(var(--spacing) * 6);
              background-color: var(--color-brand);
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-duration: .35s;
              transition-duration: .35s;
              --tw-content: '';
              content: var(--tw-content);
            }
            &:before {
              transform: translatey(-50%);
            }
            &:after {
              transform: translatey(-50%) rotate(90deg);
            }
          }
        }
        .views-field-field-faq-answer {
          max-height: calc(var(--spacing) * 0);
          overflow: hidden;
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          opacity: 0%;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 5);
          }
          @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
          }
          will-change: max-height;
          .field-content {
            font-family: var(--font-light);
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
            color: var(--color-neutral-800);
            p {
              margin-bottom: calc(var(--spacing) * 4);
              &:last-child {
                margin-bottom: calc(var(--spacing) * 0);
              }
            }
            ul {
              list-style-type: disc;
              padding-left: calc(var(--spacing) * 6);
              li {
                margin-bottom: calc(var(--spacing) * 2);
              }
            }
            a {
              color: var(--color-brand);
              text-decoration-line: underline;
            }
          }
        }
        &.active, &.open {
          .views-field-field-faq-question {
            .field-content {
              &:before {
                transform: translatey(-50%) rotate(-90deg);
                opacity: 0;
              }
              &:after {
                transform: translatey(-50%) rotate(0);
              }
            }
          }
          .views-field-field-faq-answer {
            margin-bottom: calc(var(--spacing) * 4);
            opacity: 100%;
            img {
              margin-bottom: calc(var(--spacing) * 5);
            }
          }
        }
      }
    }
  }
}
.path-downloads {
  .view-document-download-area {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: var(--spacing-72);
    display: flex;
    flex-direction: column;
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
      @media (width >= 112.5rem) {
        max-width: 112.5rem;
      }
    }
    @media (width >= 64rem) {
      margin-bottom: var(--spacing-52);
    }
    @media (width >= 64rem) {
      display: grid;
    }
    @media (width >= 80rem) {
      max-width: 75rem;
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 0);
    }
    @media (width >= 112.5rem) {
      max-width: 1500px;
    }
    @media screen and (min-width: 1024px) {
      grid-template-columns: 280px 1fr;
    }
    .view-header {
      grid-column-start: 2;
      margin-top: var(--spacing-52);
      width: 100%;
      padding-inline: calc(var(--spacing) * 0);
      @media (width >= 64rem) {
        margin-top: var(--spacing-92);
      }
      h2 {
        position: relative;
        margin-bottom: var(--spacing-72);
        font-family: var(--font-light);
        font-size: var(--text-h3xl);
        --tw-leading: var(--leading-h2);
        line-height: var(--leading-h2);
        color: var(--color-brand);
        @media (width >= 64rem) {
          margin-bottom: calc(var(--spacing) * 6);
        }
        @media (width >= 80rem) {
          font-size: var(--text-h2xl);
        }
        @media (width >= 80rem) {
          --tw-leading: var(--leading-h2xl);
          line-height: var(--leading-h2xl);
        }
        &:after {
          position: relative;
          margin-top: calc(var(--spacing) * 6);
          display: block;
          height: 3px;
          width: 3.75rem;
          background-color: var(--color-yellow-500);
          --tw-content: '';
          content: var(--tw-content);
        }
      }
    }
    .view-content {
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 4);
      }
      h3 {
        padding-top: calc(var(--spacing) * 8);
        padding-bottom: calc(var(--spacing) * 6);
        font-family: var(--font-titles);
        font-size: var(--text-h5);
        --tw-leading: var(--leading-h5);
        line-height: var(--leading-h5);
        &:first-child {
          padding-top: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          font-size: var(--text-h5xl);
        }
        @media (width >= 64rem) {
          --tw-leading: var(--leading-h5xl);
          line-height: var(--leading-h5xl);
        }
      }
      .views-row {
        margin-bottom: calc(var(--spacing) * 3);
        .download-link {
          position: relative;
          display: flex;
          align-items: center;
          gap: calc(var(--spacing) * 1.5);
          border-radius: var(--radius-lg);
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 4);
          font-family: var(--font-light);
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          color: var(--color-brand);
          --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          &:after {
            position: absolute;
            right: calc(var(--spacing) * 6);
            display: flex;
            width: calc(var(--spacing) * 5);
            height: calc(var(--spacing) * 5);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-download.svg');
          }
          p {
            padding-right: calc(var(--spacing) * 5);
            @media (width >= 64rem) {
              padding-right: calc(var(--spacing) * 10);
            }
          }
          span {
            position: relative;
            display: inline-flex;
            align-items: center;
          }
        }
      }
    }
  }
}
.region-header-post {
  position: absolute;
  top: calc(var(--spacing) * 21);
  left: calc(var(--spacing) * 0);
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  background-color: var(--color-white);
  @media (width >= 64rem) {
    display: block;
  }
  &:before {
    position: absolute;
    left: calc(var(--spacing) * -5);
    z-index: -1;
    display: block;
    height: 100%;
    width: 100vw;
    background-color: var(--color-white);
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 64rem) {
      right: calc(50% * -1);
    }
    @media (width >= 64rem) {
      left: calc(50% * -1);
    }
    @media (width >= 64rem) {
      width: 200vw;
    }
  }
  #block-esb-views-block-content-search-api-block-1 {
    position: relative;
    display: none;
    padding-bottom: var(--spacing-72);
    @media (width >= 64rem) {
      min-height: 350px;
    }
    &.is-open {
      z-index: 999999;
      display: block;
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      @media (width >= 64rem) {
        z-index: 999;
      }
      @media (width >= 64rem) {
        background-color: transparent;
      }
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
    }
    .input--label {
      display: none;
    }
  }
  #views-exposed-form-content-search-api-block-1 {
    top: calc(74px * -1);
    left: calc(var(--spacing) * 10);
    z-index: 99999999;
    width: calc(100% - 12rem);
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing-15) * -1);
    }
    @media (width >= 64rem) {
      left: 17%;
    }
    @media (width >= 64rem) {
      width: 100%;
    }
    @media (width >= 64rem) {
      max-width: 570px;
    }
    @media (width >= 80rem) {
      left: 192px;
    }
    @media (width >= 80rem) {
      max-width: 650px;
    }
    @media (width >= 112.5rem) {
      max-width: 800px;
    }
    @media screen and (min-width: 1090px) and (max-width: 1165px) {
      left: 19%;
    }
    @media screen and (min-width: 1166px) and (max-width: 1280px) {
      left: 21%;
    }
  }
  .form-item-search-api-fulltext {
    position: absolute;
    top: -74px;
    left: 39px;
    width: 100%;
    max-width: 53%;
    @media (width >= 48rem) {
      max-width: 70%;
    }
    @media (width >= 64rem) {
      position: static;
    }
    @media (width >= 64rem) {
      max-width: 100%;
    }
  }
  .input--control {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .no-search-results-message {
    padding-top: calc(var(--spacing) * 10);
    padding-left: calc(var(--spacing) * 0);
  }
  .block-views {
    div[class^="js-view-dom-id"] {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 20);
      }
      @media (width >= 80rem) {
        padding-left: calc(var(--spacing) * 0);
      }
      .results-block {
        margin-top: calc(var(--spacing) * 14);
        width: 100%;
        @media (width >= 64rem) {
          margin-top: calc(var(--spacing) * 0);
        }
      }
      &:has(h2[aria-expanded="true"]) {
        .results-block {
          margin-top: calc(var(--spacing) * 0);
        }
      }
    }
    .search-input-container {
      fieldset {
        top: 200px;
        margin-top: 140px;
        display: none;
        width: 100%;
        @media (width >= 64rem) {
          position: absolute;
        }
        @media (width >= 64rem) {
          left: calc(126px * -1);
        }
        @media (width >= 64rem) {
          margin-top: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          display: block;
        }
        @media (width >= 64rem) {
          width: 180px;
        }
        @media (width >= 80rem) {
          left: calc(180px * -1);
        }
        legend {
          position: absolute;
          width: 1px;
          height: 1px;
          padding: 0;
          margin: -1px;
          overflow: hidden;
          clip-path: inset(50%);
          white-space: nowrap;
          border-width: 0;
        }
        .checkbox--container {
          margin-bottom: calc(var(--spacing) * 5);
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: calc(var(--spacing) * 3);
        }
        .input--label {
          display: flex !important;
          padding: calc(var(--spacing) * 0);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
        }
        &.filters-open {
          display: block;
        }
      }
    }
    .filters-actions {
      position: absolute;
      top: calc(var(--spacing) * 0);
      z-index: 999999;
      margin-top: calc(var(--spacing) * 5);
      width: 90%;
      @media (width >= 48rem) {
        width: 95%;
      }
      @media (width >= 64rem) {
        position: static;
      }
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        width: 180px;
      }
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 3);
      }
      h2.mobile-toggler {
        position: relative;
        margin-bottom: calc(var(--spacing) * 5);
        display: flex;
        width: 100%;
        align-items: center;
        font-family: var(--font-akkurat);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        @media (width >= 64rem) {
          width: auto;
        }
        &:after {
          position: absolute;
          right: calc(var(--spacing) * 0);
          display: inline;
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-content: '';
          content: var(--tw-content);
          @media (width >= 64rem) {
            display: none;
          }
          background-image: url('../images/icons/icon-expand-height.svg');
        }
        &[aria-expanded="true"] {
          &:after {
            position: absolute;
            right: calc(var(--spacing) * 0);
            display: inline;
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-collapse-height.svg');
          }
        }
      }
      .reset-filters {
        position: relative;
        display: none;
        cursor: pointer;
        align-items: center;
        @media (width >= 64rem) {
          display: flex;
        }
        &:before {
          position: relative;
          left: calc(var(--spacing) * 0);
          margin-right: calc(var(--spacing) * 2);
          display: inline;
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-reset.svg');
        }
      }
      &:has(.mobile-toggler[aria-expanded="true"]) {
        .reset-filters {
          display: flex;
        }
      }
    }
    .view-content {
      position: relative;
      margin-inline: auto;
      display: flex;
      width: 100%;
      max-width: 75rem;
      flex-direction: column;
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        width: 100%;
        @media (width >= 40rem) {
          max-width: 40rem;
        }
        @media (width >= 48rem) {
          max-width: 48rem;
        }
        @media (width >= 64rem) {
          max-width: 64rem;
        }
        @media (width >= 80rem) {
          max-width: 80rem;
        }
        @media (width >= 96rem) {
          max-width: 96rem;
        }
        @media (width >= 112.5rem) {
          max-width: 112.5rem;
        }
      }
      @media (width >= 64rem) {
        width: 100%;
      }
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 9);
      }
      @media (width >= 64rem) {
        padding-right: calc(var(--spacing) * 0);
      }
      @media (width >= 112.5rem) {
        max-width: 1500px;
      }
      .views-row {
        a {
          position: relative;
          margin-bottom: calc(var(--spacing) * 3);
          display: flex;
          width: 100%;
          max-width: calc(var(--spacing) * 200);
          align-items: center;
          border-radius: var(--radius-lg);
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 4);
          padding-right: calc(var(--spacing) * 8);
          color: var(--color-brand);
          --tw-shadow: 0 5px 15px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          &:hover {
            @media (hover: hover) {
              --tw-shadow: 0 0 6px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
          @media (width >= 64rem) {
            height: 59px;
          }
          @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 0);
          }
          @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 0);
          }
          @media (width >= 64rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
          }
          &:after {
            position: absolute;
            right: calc(var(--spacing) * 6);
            display: inline;
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-content: '';
            content: var(--tw-content);
            background-image: url('../images/icons/icon-arrow-right-blue.svg');
          }
          &:hover {
            &:after {
              right: calc(var(--spacing) * 3);
            }
          }
        }
      }
    }
    .pager {
      display: none;
    }
  }
  .facets-block {
    position: relative;
    background-color: var(--color-white);
    @media (width >= 64rem) {
      width: 180px;
    }
    @media (width >= 64rem) {
      padding-bottom: var(--spacing-72);
    }
    h2.mobile-toggler {
      position: relative;
      margin-bottom: calc(var(--spacing) * 5);
      display: flex;
      width: 100%;
      align-items: center;
      font-family: var(--font-akkurat);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      @media (width >= 64rem) {
        width: auto;
      }
      &:after {
        position: absolute;
        right: calc(var(--spacing) * 0);
        display: inline;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-content: '';
        content: var(--tw-content);
        @media (width >= 64rem) {
          display: none;
        }
        background-image: url('../images/icons/icon-expand-height.svg');
      }
    }
    .filters-container {
      display: none;
      @media (width >= 64rem) {
        display: block;
      }
      &.filters-open {
        display: block;
      }
      .reset-filters {
        position: relative;
        display: flex;
        cursor: pointer;
        align-items: center;
        &:before {
          position: relative;
          left: calc(var(--spacing) * 0);
          margin-right: calc(var(--spacing) * 2);
          display: inline;
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-reset.svg');
        }
      }
    }
    .facet-item {
      margin-bottom: calc(var(--spacing) * 5);
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      label {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
    &:has(.filters-open) {
      h2.mobile-toggler {
        &:after {
          position: absolute;
          right: calc(var(--spacing) * 0);
          display: inline;
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-content: '';
          content: var(--tw-content);
          background-image: url('../images/icons/icon-collapse-height.svg');
        }
      }
    }
  }
}
.layout-container {
  &:has(#block-esb-views-block-content-search-api-block-1.is-open) {
    #block-esb-mainnavigation {
      * {
        pointer-events: none;
      }
    }
  }
}
#block-esb-views-block-content-search-api-block-1 {
  opacity: 0;
}
#block-esb-views-block-content-search-api-block-1.is-open, #block-esb-views-block-content-search-api-block-1.is-initialized {
  opacity: 1;
  transition: opacity 0.05s ease;
}
#block-esb-views-block-content-search-api-block-1 .form-actions {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-outline-style: solid;
      --tw-content: "";
      --tw-ease: initial;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}