@charset "UTF-8";
/* Heading utility variables
--------------------------------------------- */
:root {
  --heading-xl-fs: var(--heading-xl-fs-mobile, clamp(32px, 4vw, 60px));
  --heading-xl-lh: var(--heading-xl-lh-mobile, 1.2);
  --heading-lg-fs: var(--heading-lg-fs-mobile, clamp(29px, 2.3333vw, 51px));
  --heading-lg-lh: var(--heading-lg-lh-mobile, 1.2);
  --heading-md-fs: var(--heading-md-fs-mobile, clamp(26px, 2.3333vw, 44px));
  --heading-md-lh: var(--heading-md-lh-mobile, 1.2);
  --heading-sm-fs: var(--heading-sm-fs-mobile, clamp(22px, 2.3333vw, 32px));
  --heading-sm-lh: var(--heading-sm-lh-mobile, 1.2);
  --heading-xs-fs: var(--heading-xs-fs-mobile, clamp(17px, 2.3333vw, 25px));
  --heading-xs-lh: var(--heading-xs-lh-mobile, 1.2);
  --heading-xxs-fs: var(--heading-xxs-fs-mobile, clamp(15px, 2.3333vw, 21px));
  --heading-xxs-lh: var(--heading-xxs-lh-mobile, 1.2);
  /* Generic component motion and sizing defaults */
  --hero-frame-width: 60%;
  --mobile-nav-overlay-duration: .42s;
  --mobile-nav-overlay-opacity-duration: .28s;
  --mobile-nav-drilldown-duration: .42s;
  --mobile-nav-overlay-ease: cubic-bezier(.22, 1, .36, 1);
}

@media (min-width: 1400px) {
  :root {
    --heading-xl-fs: var(--heading-xl-fs-desktop, var(--heading-xl-fs-mobile, clamp(32px, 4vw, 60px)));
    --heading-xl-lh: var(--heading-xl-lh-desktop, var(--heading-xl-lh-mobile, 1.2));
    --heading-lg-fs: var(--heading-lg-fs-desktop, var(--heading-lg-fs-mobile, clamp(29px, 2.3333vw, 51px)));
    --heading-lg-lh: var(--heading-lg-lh-desktop, var(--heading-lg-lh-mobile, 1.2));
    --heading-md-fs: var(--heading-md-fs-desktop, var(--heading-md-fs-mobile, clamp(26px, 2.3333vw, 44px)));
    --heading-md-lh: var(--heading-md-lh-desktop, var(--heading-md-lh-mobile, 1.2));
    --heading-sm-fs: var(--heading-sm-fs-desktop, var(--heading-sm-fs-mobile, clamp(22px, 2.3333vw, 32px)));
    --heading-sm-lh: var(--heading-sm-lh-desktop, var(--heading-sm-lh-mobile, 1.2));
    --heading-xs-fs: var(--heading-xs-fs-desktop, var(--heading-xs-fs-mobile, clamp(17px, 2.3333vw, 25px)));
    --heading-xs-lh: var(--heading-xs-lh-desktop, var(--heading-xs-lh-mobile, 1.2));
    --heading-xxs-fs: var(--heading-xxs-fs-desktop, var(--heading-xxs-fs-mobile, clamp(15px, 2.3333vw, 21px)));
    --heading-xxs-lh: var(--heading-xxs-lh-desktop, var(--heading-xxs-lh-mobile, 1.2));
  }
}
/* Typography Variables
--------------------------------------------- */
.heading-xl {
  font-size: var(--heading-xl-fs);
  line-height: var(--heading-xl-lh);
}

.heading-lg {
  font-size: var(--heading-lg-fs);
  line-height: var(--heading-lg-lh);
}

.heading-md {
  font-size: var(--heading-md-fs);
  line-height: var(--heading-md-lh);
}

.heading-sm {
  font-size: var(--heading-sm-fs);
  line-height: var(--heading-sm-lh);
}

.heading-xs {
  font-size: var(--heading-xs-fs);
  line-height: var(--heading-xs-lh);
}

.heading-xxs {
  font-size: var(--heading-xxs-fs);
  line-height: var(--heading-xxs-lh);
}

/* Default Color Variables
--------------------------------------------- */
/* Theme Color Variables
--------------------------------------------- */
/** HTML Selection 
--------------------------------------------- */
/* Primary theme fonts
--------------------------------------------- */
/* Border Colors
--------------------------------------------- */
/* Base Line Height.
--------------------------------------------- */
/* Font Sizes
--------------------------------------------- */
/* Spacing
--------------------------------------------- */
/* Content Layout
--------------------------------------------- */
/* Hero
--------------------------------------------- */
/* Footer
--------------------------------------------- */
/* Navbar
--------------------------------------------- */
/* Components
--------------------------------------------- */
/* Language switcher and popup
--------------------------------------------- */
/* Theme Custom Variabeles
-------------------------------------------- */
/** CSS Variables */
:root {
  --primary-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --body-text-clr: #191919;
  --dark-clr: #191919;
  --white-clr: #ffffff;
  --primary-clr: #191919;
  --akzent-clr: #E7411B;
  --secondary-clr: #E7411B;
  --light-grey-clr: #FAFAFA;
  --grey-clr: #6b6767;
  --grey-text-clr: #767676;
  --primary-hover-clr: #191919;
  --secondary-hover-clr: #E7411B;
  --akzent-hover-clr: #E7411B;
  --default-heading-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --default-text-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --default-heading-clr: #191919;
  --default-heading-fw: 700;
  --secondary-heading-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --heading-xl-fs: clamp(32px, 4vw, 60px);
  --heading-xl-lh: 1.25;
  --heading-lg-fs: clamp(29px, 2.3333vw, 51px);
  --heading-lg-lh: 1.25;
  --heading-md-fs: clamp(26px, 2.3333vw, 44px);
  --heading-md-lh: 1.2;
  --heading-sm-fs: clamp(22px, 2.3333vw, 32px);
  --heading-sm-lh: 1.2;
  --heading-xs-fs: clamp(17px, 2.3333vw, 25px);
  --heading-xs-lh: 1.2;
  --heading-xxs-fs: clamp(15px, 2.3333vw, 21px);
  --heading-xxs-lh: 1.2;
  --text-sm: clamp(12px, 2.333vw, 13px);
  --text-md: clamp(14px, 2.333vw, 15px);
  --text-lg: clamp(16px, 2.333vw, 17px);
  --text-xl: clamp(18px, 2.333vw, 20px);
  --small-text: clamp(12px, 2.333vw, 13px);
  --text-fs-sm: clamp(12px, 2.333vw, 13px);
  --small-text-fs: clamp(12px, 2.333vw, 13px);
  --pretitle-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --pretitle: clamp(13px, 2.3333vw, 14px);
  --pretitle-fw: 700;
  --subtitle-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --subtitle: clamp(13px, 2.3333vw, 14px);
  --subtitle-fw: 400;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;
  --body-fs: clamp(14px, 2.33333vw, 15px);
  --body-lh: 1.7;
  --body-fw: 400;
  --hero-pretitle-fs: clamp(15px, 2.3333vw, 16px);
  --hero-title-fs: clamp(29px, 3.5vw, 65px);
  --hero-subtitle-fs: clamp(13px, 2.3333vw, 14px);
  --hero-text-clr: #191919;
  --hero-bg-clr: #FAFAFA;
  --hero-title-fw: 700;
  --hero-pretitle-fw: 700;
  --hero-background-bg-clr: #FAFAFA;
  --hero-background-pretitle-clr: #E7411B;
  --hero-background-title-clr: #191919;
  --hero-background-subtitle-clr: #191919;
  --hero-background-text-clr: #767676;
  --hero-image-full-pretitle-clr: #ffffff;
  --hero-image-full-title-clr: #ffffff;
  --hero-image-full-subtitle-clr: #ffffff;
  --hero-image-full-text-clr: rgba(255, 255, 255, .92);
  --hero-image-full-checklist-clr: #ffffff;
  --hero-image-full-checklist-icon-clr: #E7411B;
  --hero-image-full-mobile-pretitle-clr: #E7411B;
  --hero-image-full-mobile-title-clr: #191919;
  --hero-image-full-mobile-subtitle-clr: #191919;
  --hero-image-full-mobile-text-clr: #767676;
  --hero-image-full-mobile-icon-text-clr: #191919;
  --hero-image-full-mobile-checklist-clr: #191919;
  --hero-image-full-mobile-checklist-icon-clr: #E7411B;
  --hero-image-mobile-content-bg: #ffffff;
  --hero-image-mobile-content-spacing: clamp(2.5rem, 7vw, 4rem);
  --hero-image-split-pretitle-clr: #E7411B;
  --hero-image-split-title-clr: #191919;
  --hero-image-split-subtitle-clr: #191919;
  --hero-image-split-text-clr: #767676;
  --hero-image-split-checklist-clr: #191919;
  --hero-image-split-checklist-icon-clr: #E7411B;
  --hero-image-max-height-desktop: 760px;
  --hero-image-max-height: var(--hero-image-max-height-desktop);
  --hero-image-max-height-mobile: 440px;
  --hero-color-height: 250px;
  --hero-color-spacing: clamp(4rem, 6vw, 6rem);
  --hero-image-height: 560px;
  --hero-image-height-mobile: 420px;
  --hero-split-spacing: clamp(3rem, 6vw, 7rem);
  --hero-split-spacing-mobile: clamp(2.5rem, 7vw, 4rem);
  --hero-checklist-gap: 0.625rem;
  --hero-checklist-icon-size: 1.5rem;
  --hero-checklist-icon-clr: #E7411B;
  --hero-image-checklist-icon-clr: #E7411B;
  --hero-image-full-min-height-desktop: 90svh;
  --hero-image-split-min-height-desktop: 90svh;
  --hero-image-overlay: linear-gradient(90deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .22) 48%, rgba(0, 0, 0, .06) 100%);
  --hero-height-compact: clamp(220px, 20vw, 300px);
  --hero-height-standard: clamp(360px, 34vw, 520px);
  --hero-height-large: clamp(460px, 46vw, 680px);
  --hero-height-screen: calc(100svh - var(--nav-height-desktop));
  /* Sizing */
  --nav-container-width: 100%;
  --nav-height-desktop: 120px;
  --nav-height-desktop-default: 120px;
  --nav-height-desktop-floating: 120px;
  --nav-height-mobile: 72px;
  --nav-height-sticky: 90px;
  --nav-floating-top: 30px;
  --nav-floating-width: 100%;
  --nav-floating-max-width: 92%;
  --nav-floating-radius: 12px;
  --navbar-right-max-width: 920px;
  /* Dropdown */
  --nav-dropdown-icon-size-desktop: 30px;
  --nav-dropdown-icon-size-mobile: 30px;
  /* Logo */
  --logo-desktop-max-width: 230px;
  --logo-mobile-max-width: clamp(165px, 42vw, 200px);
  --logo-max-width-sticky: 185px;
  --logo-sticky-max-width: 185px;
  --logo-sticky-transition: max-width .25s ease;
  --logo-swap-opacity: 1;
  /* Surfaces & shadows */
  --nav-bg-clr: #ffffff;
  --nav-shadow: 1px 2px 7px rgba(61, 61, 61, 0.25);
  --nav-sticky-bg: #ffffff;
  --nav-sticky-shadow: 1px 2px 7px rgba(61, 61, 61, 0.25);
  /* Back-compat alias */
  --nav-bg: var(--nav-bg-clr);
  /* Links (STANDARD) */
  --nav-link-clr: #191919;
  --nav-link-hover-clr: #E7411B;
  --nav-link-active-clr: #E7411B;
  --nav-link-fs: clamp(14px, 2.3333vw, 15px);
  --nav-link-weight: 500;
  --nav-link-text-transform: none;
  --body-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --inter-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --nav-link-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --nav-z-index: 1000;
  --nav-floating-main-offset: 0px;
  --nav-link-separator-height: 0px;
  --nav-link-separator-offset: 0px;
  --nav-link-separator-style: solid;
  --nav-link-separator-clr: transparent;
  --nav-link-separator-hover-clr: transparent;
  --nav-link-separator-active-clr: transparent;
  --nav-transparent-link-separator-clr: transparent;
  --nav-transparent-link-separator-hover-clr: transparent;
  --nav-transparent-link-separator-active-clr: transparent;
  --wp-admin--admin-bar--height: 32px;
  /* Links (TRANSPARENT) */
  --nav-transparent-link-clr: #ffffff;
  --nav-transparent-link-hover-clr: #E7411B;
  --nav-transparent-link-active-clr: #E7411B;
  --nav-transparent-link-hover-opacity: 1;
  --nav-transparent-link-active-opacity: 1;
  /* Hamburger (state colors) */
  --hamburger-line-height: 2.5px;
  --menu-toggle-z-index: 2;
  --menu-toggle-size: 46px;
  --menu-toggle-size-desktop: 46px;
  --menu-toggle-size-mobile: 40px;
  --menu-toggle-radius: 100px;
  --menu-toggle-bg: #E7411B;
  --menu-toggle-bg-hover: #191919;
  --menu-toggle-border: 0;
  --menu-toggle-border-hover: transparent;
  --menu-toggle-hover-shadow: 0 0 0 8px rgba(231, 65, 27, 0.14);
  --menu-toggle-hover-transform: scale(1.04);
  --menu-toggle-active-bg: #E7411B;
  --menu-toggle-active-border: transparent;
  --menu-toggle-active-shadow: 0 0 0 8px rgba(231, 65, 27, 0.14);
  --hamburger-line-width-desktop: 20px;
  --hamburger-line-width: 20px;
  --hamburger-line-width-mobile: 18px;
  --hamburger-line-radius: 999px;
  --hamburger-line-gap: 4px;
  --hamburger-line-height-mobile: 2px;
  --hamburger-line-gap-mobile: 4px;
  --hamburger-line-open-offset: 6px;
  --hamburger-line-color-standard: #ffffff;
  --hamburger-line-color-transparent: #ffffff;
  --hamburger-line-color-sticky: #ffffff;
  /* Legacy tokens */
  --hamburger-line-color: #ffffff;
  --hamburger-line-active-color: #ffffff;
  --hamburger-line-color-active: #ffffff;
  --hamburger-background-color: #E7411B;
  --hamburger-background-active-color:#E7411B;
  /* NAV CTA – STANDARD (filled) */
  --nav-cta-bg: #E7411B;
  --nav-cta-text: #ffffff;
  --nav-cta-border: #E7411B;
  --nav-cta-bg-hover: #191919;
  --nav-cta-text-hover: #ffffff;
  --nav-cta-border-hover: #191919;
  /* NAV CTA – TRANSPARENT (outline white) */
  --nav-cta-tr-bg: transparent;
  --nav-cta-tr-text: #ffffff;
  --nav-cta-tr-border: #ffffff;
  --nav-cta-tr-bg-hover: #ffffff;
  --nav-cta-tr-text-hover: #191919;
  --nav-cta-tr-border-hover: #ffffff;
  /* Mobile navigation */
  --mobile-nav-fs: clamp(19px, 2.3333vw, 21px);
  --mobile-nav-bg-clr: #ffffff;
  --mobile-nav-link-clr: #191919;
  --mobile-nav-link-hover-clr: #E7411B;
  --mobile-nav-link-current-clr: #E7411B;
  --mobile-nav-overlay-duration: 0.42s;
  --mobile-nav-overlay-opacity-duration: 0.28s;
  --mobile-nav-drilldown-duration: 0.42s;
  --mobile-nav-overlay-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Mobile overlay close button */
  --mobile-nav-close-clr: #191919;
  --mobile-nav-close-hover-clr: #E7411B;
  --mobile-nav-close-bg: transparent;
  --mobile-nav-close-bg-hover: transparent;
  --mobile-nav-toggle-open-z-index: 99999;
  --mobile-nav-z-index: 99990;
  --mobile-nav-header-z-index: 99998;
  --mobile-nav-font: var(--body-font, var(--inter-font));
  --mobile-nav-hover-bg: transparent;
  --mobile-nav-hover-opacity: 1;
  --mobile-nav-hover-shift: 0;
  --mobile-nav-active-bg: transparent;
  --mobile-nav-active-shadow: none;
  --mobile-nav-link-padding-y: .875rem;
  --mobile-nav-link-divider-width: 1px;
  --mobile-nav-link-divider-style: solid;
  --mobile-nav-link-divider-clr: rgb(0 0 0 / 15%);
  --mobile-nav-cta-bg: var(--nav-cta-bg);
  --mobile-nav-cta-text: var(--nav-cta-text);
  --mobile-nav-cta-border: var(--nav-cta-border);
  --mobile-nav-cta-bg-hover: var(--nav-cta-bg-hover);
  --mobile-nav-cta-text-hover: var(--nav-cta-text-hover);
  --mobile-nav-cta-border-hover: var(--nav-cta-border-hover);
  --mobile-subnav-title-fs: clamp(1.15rem, 4vw, 1.35rem);
  --mobile-subnav-title-fw: var(--fw-bold);
  --mobile-subnav-hover-bg: transparent;
  --mobile-subnav-hover-clr: var(--mobile-nav-link-hover-clr);
  --mobile-subnav-hover-opacity: 1;
  --mobile-subnav-hover-shift: 0;
  --mobile-subnav-link-padding-y: .875rem;
  --mobile-subnav-link-divider-width: 1px;
  --mobile-subnav-link-divider-style: solid;
  --mobile-subnav-link-divider-clr: rgb(0 0 0 / 15%);
  --mobile-subnav-back-hover-clr: #0000000;
  --mobile-subnav-back-icon-bg: var(--secondary-clr);
  --mobile-subnav-back-icon-bg-hover: #000000;
  --mobile-subnav-back-icon-clr: var(--white-clr);
  --mobile-subnav-back-icon-clr-hover: var(--white-clr);
  --mobile-subnav-back-icon-hover-shift: 0;
  --mobile-subnav-back-label-display: inline-flex;
  --mobile-subnav-overview-bg: var(--akzent-clr);
  --mobile-subnav-overview-bg-hover: var(--dark-clr);
  --mobile-subnav-overview-border: 2px solid var(--akzent-clr);
  --mobile-subnav-overview-border-hover: 2px solid var(--dark-clr);
  --mobile-subnav-overview-text: var(--white-clr);
  --mobile-subnav-overview-text-hover: var(--white-clr);
  --mobile-subnav-overview-radius: 100px;
  --mobile-subnav-overview-fs: .9rem;
  --mobile-subnav-overview-fw: var(--fw-bold);
  --nav-dropdown-bg: var(--white-clr);
  --nav-dropdown-border: 1px solid rgba(0, 0, 0, .06);
  --nav-dropdown-shadow: 0 24px 60px rgba(0, 0, 0, .10);
  --nav-dropdown-width: min(360px, calc(100vw - 64px));
  --nav-dropdown-min-width: 280px;
  --nav-dropdown-max-width: 380px;
  --nav-dropdown-padding: clamp(1.1rem, 1.25vw, 1.35rem);
  --nav-dropdown-radius: 14px;
  --nav-dropdown-column-gap: 0;
  --nav-dropdown-row-gap: .125rem;
  --nav-dropdown-link-padding-y: .4rem;
  --nav-dropdown-link-divider-width: 0;
  --nav-dropdown-link-divider-style: solid;
  --nav-dropdown-link-divider-clr: transparent;
  --nav-dropdown-hover-shift: 0;
  --nav-dropdown-title-width: min(360px, calc(100vw - 64px));
  --nav-dropdown-title-max-width: 380px;
  --nav-dropdown-title-column-width: 1fr;
  --nav-dropdown-title-fs: clamp(1.25rem, 1vw, 1.5rem);
  --nav-dropdown-title-fw: var(--fw-bold);
  --nav-dropdown-title-lh: 1.15;
  --nav-dropdown-title-clr: var(--dark-clr);
  --nav-dropdown-title-spacing: .625rem;
  --nav-dropdown-overview-spacing: .75rem;
  --nav-submenu-link-clr: var(--nav-link-clr);
  --nav-submenu-link-hover-clr: var(--akzent-clr);
  --nav-submenu-link-fw: var(--fw-regular);
  --nav-submenu-overview-bg: var(--akzent-clr);
  --nav-submenu-overview-bg-hover: var(--dark-clr);
  --nav-submenu-overview-border: 2px solid var(--akzent-clr);
  --nav-submenu-overview-border-hover: var(--dark-clr);
  --nav-submenu-overview-text: var(--white-clr);
  --nav-submenu-overview-text-hover: var(--white-clr);
  --nav-submenu-overview-radius: 100px;
  --nav-submenu-overview-fs: .85rem;
  --nav-submenu-overview-fw: var(--fw-bold);
  /* Dropdown sizes */
  --dropdown-desktop-fs: 14px;
  --dropdown-mobile-fs: 14px;
  --side-nav-actions-open-z-index: 7;
  --side-nav-actions-top: 50%;
  --side-nav-actions-right: 1.25rem;
  --side-nav-gap: .75rem;
  --side-nav-button-size: 3.625rem;
  --side-nav-mobile-button-size: 3.125rem;
  --side-nav-button-bg: var(--secondary-clr);
  --side-nav-button-bg-hover: var(--primary-clr);
  --side-nav-button-clr: var(--white-clr);
  --side-nav-button-clr-hover: var(--white-clr);
  --side-nav-button-border: 0;
  --side-nav-button-border-hover: 0;
  --side-nav-button-radius: 100px;
  --side-nav-button-shadow: 0 18px 35px rgba(0, 0, 0, .16);
  --side-nav-button-shadow-hover: 0 0 0 10px rgba(231, 65, 27, .14);
  --side-nav-button-transform-hover: scale(1.04);
  --side-nav-icon-size: 1.75rem;
  --side-nav-panel-z-index: 99997;
  --side-nav-overlay-z-index: 99996;
  --side-nav-panel-width: 33.333vw;
  --side-nav-panel-padding: 2.625rem;
  --side-nav-panel-bg: var(--white-clr);
  --side-nav-panel-clr: var(--body-text-clr);
  --side-nav-panel-border: 1px solid rgba(0, 0, 0, .06);
  --side-nav-panel-radius: 0;
  --side-nav-panel-shadow: 0 24px 70px rgba(0, 0, 0, .18);
  --side-nav-panel-content-max-width: 32.5rem;
  --side-nav-overlay-bg: rgba(0, 0, 0, .48);
  --side-nav-overlay-opacity: 1;
  --side-nav-close-size: 2.25rem;
  --side-nav-close-top: 1.125rem;
  --side-nav-close-right: 1.125rem;
  --side-nav-close-z-index: 8;
  --side-nav-close-bg: transparent;
  --side-nav-close-bg-hover: rgba(0, 0, 0, .06);
  --side-nav-close-clr: var(--body-text-clr);
  --side-nav-close-clr-hover: var(--secondary-clr);
  --side-nav-contact-list-gap: 1.125rem;
  --side-nav-contact-item-gap: 1rem;
  --side-nav-contact-icon-size: 2.75rem;
  --side-nav-contact-svg-size: 1.25rem;
  --side-nav-contact-icon-stroke-width: 2;
  --side-nav-contact-icon-bg: var(--secondary-clr);
  --side-nav-contact-icon-bg-hover: var(--secondary-clr);
  --side-nav-contact-icon-clr: var(--white-clr);
  --side-nav-contact-icon-shadow-hover: 0 0 0 10px rgba(231, 65, 27, .14);
  --side-nav-contact-link-clr: var(--body-text-clr);
  --side-nav-contact-link-hover-clr: var(--secondary-clr);
  --side-nav-contact-link-fs: var(--heading-xs-fs);
  --side-nav-contact-link-fw: var(--body-fw);
  --side-nav-contact-link-hover-shift: .375rem;
  --side-nav-section-gap: 2rem;
  --side-nav-section-title-spacing: .875rem;
  --side-nav-focus-outline-clr: var(--primary-clr);
  --side-nav-form-field-gap: 1rem;
  --side-nav-mobile-panel-min-height: 0;
  --side-nav-mobile-panel-max-height: calc(100dvh - 2rem);
  --side-nav-mobile-panel-radius: 1.125rem 1.125rem 0 0;
  --side-nav-mobile-panel-padding: 2.125rem 1.5rem 1.875rem;
  --side-nav-mobile-panel-border: 1px solid rgba(0, 0, 0, .06);
  --section-animation-duration: .7s;
  --section-animation-distance: 1.75rem;
  --section-animation-scale: .98;
  --section-animation-stagger-step: .08s;
  --section-animation-ease: cubic-bezier(.2, .8, .2, 1);
  --footer-top-clr: #191919;
  --footer-top-link-clr: #191919;
  --footer-top-link-hover-clr: #E7411B;
  --footer-top-fs: clamp(14px, 2.333vw, 15px);
  --footer-top-bg-clr: #FAFAFA;
  --footer-section-title-fs: clamp(15px, 2.33333vw, 16px);
  --footer-section-title-fw: 700;
  --footer-section-title-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --footer-section-title-clr: #191919;
  --footer-top-spacing-block: clamp(3rem, 5vw, 5rem);
  --footer-column-spacing: clamp(2rem, 4vw, 3.5rem);
  --footer-logo-max-width: 230px;
  --footer-contact-link-size: clamp(24px, 2.1vw, 34px);
  --footer-opening-hours-size: clamp(16px, 1.35vw, 20px);
  --footer-menu-gap: 0.5rem;
  --footer-social-link-clr: #191919;
  --footer-social-link-hover-clr: #E7411B;
  --footer-social-link-fs: 30px;
  --footer-bottom-clr: #ffffff;
  --footer-bottom-link-clr: #ffffff;
  --footer-bottom-fs: clamp(14px, 2.33333vw, 15px);
  --footer-bottom-bg-clr: #191919;
  --footer-bottom-link-hover-clr: #E7411B;
  --accordion-title-clr: #191919;
  --accordion-title-fs: clamp(15px, 1.3vw, 17px);
  --accordion-title-fw: 700;
  --accordion-icon-clr: #191919;
  --accordion-active-title-clr: #E7411B;
  --accordion-active-icon-clr: #E7411B;
  --accordion-border-clr: rgba(25, 25, 25, 0.12);
  --accordion-icon-size: 34px;
  --accordion-transition-duration: 0.36s;
  --accordion-transition-ease: cubic-bezier(.22, 1, .36, 1);
  --accordion-header-padding: 1rem 0;
  --accordion-body-padding: 0 0 1.25rem;
  --accordion-border-width: 1px;
  --accordion-icon-fs: 1.875rem;
  --accordion-icon-margin-right: 0;
  --btn-padding-y: 10px;
  --btn-padding-x: 20px;
  --btn-border-radius: 100px;
  --btn-fs: clamp(14px, 2.333vw, 15px);
  --btn-font: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --btn-weight: 700;
  --btn-text-transform: none;
  --btn-line-height: 1.25;
  --btn-primary-bg: #E7411B;
  --btn-primary-text: #ffffff;
  --btn-primary-border: #E7411B;
  --btn-primary-bg-hover: #191919;
  --btn-primary-text-hover: #ffffff;
  --btn-primary-border-hover: #191919;
  --btn-secondary-bg: #191919;
  --btn-secondary-text: #ffffff;
  --btn-secondary-border: #191919;
  --btn-secondary-bg-hover: #E7411B;
  --btn-secondary-text-hover: #ffffff;
  --btn-secondary-border-hover: #E7411B;
  --btn-outline-bg: transparent;
  --btn-outline-text: #191919;
  --btn-outline-border: #191919;
  --btn-outline-bg-hover: #191919;
  --btn-outline-text-hover: #ffffff;
  --btn-outline-border-hover: #191919;
  --html-selection-bg-clr: #E7411B;
  --html-selection-clr: #191919;
  --card-title-fs: clamp(18px, 2.3333vw, 21px);
  --card-title-fw: 700;
  --card-description-fs: clamp(14px, 2.33333vw, 15px);
  --card-border-radius: 10px;
  --card-bg-clr: #ffffff;
  --content-section-spacing: clamp(2.875rem, 4.14vw, 4.6rem);
  --section-heading-spacing: clamp(1.5rem, 3vw, 2.5rem);
  --card-grid-gap: clamp(1.25rem, 2.4vw, 2rem);
  --list-gap: 0.25rem;
  --content-image-radius: 0;
  --advantage-icon-size: 52px;
  --content-card-border-clr: rgba(25, 25, 25, 0.09);
  --content-card-radius: 0;
  --content-card-shadow: 0 14px 34px rgba(25, 25, 25, 0.07);
  --content-card-padding: clamp(1.5rem, 3vw, 2.25rem);
  --card-image-height: clamp(220px, 24vw, 330px);
  --card-meta-bg: #FAFAFA;
  --card-meta-clr: #191919;
  --arrow-link-gap: 0.75rem;
  --arrow-link-icon-size: 2rem;
  --arrow-link-icon-bg: #E7411B;
  --arrow-link-icon-clr: #ffffff;
  --section-background-clr: transparent;
  --navbar-cta-padding-y: 6px;
  --navbar-cta-padding-x: 20px;
  --navbar-sticky-padding-y: 8px;
  --navbar-sticky-padding-x: 30px;
  --heading-default-fw: 700;
  --hero-muted-clr: #767676;
  --hero-btn-primary-mobile-bg: var(--hero-btn-primary-bg, var(--btn-primary-bg));
  --hero-btn-primary-mobile-text: var(--hero-btn-primary-text, var(--btn-primary-text));
  --hero-btn-primary-mobile-border: var(--hero-btn-primary-border, var(--btn-primary-border));
  --hero-btn-primary-mobile-bg-hover: var(--btn-primary-bg-hover);
  --hero-btn-primary-mobile-text-hover: var(--btn-primary-text-hover);
  --hero-btn-primary-mobile-border-hover: var(--btn-primary-border-hover);
  --hero-btn-secondary-mobile-bg: var(--hero-btn-secondary-bg, var(--btn-secondary-bg));
  --hero-btn-secondary-mobile-text: var(--hero-btn-secondary-text, var(--btn-secondary-text));
  --hero-btn-secondary-mobile-border: var(--hero-btn-secondary-border, var(--btn-secondary-border));
  --hero-btn-secondary-mobile-bg-hover: var(--btn-secondary-bg-hover);
  --hero-btn-secondary-mobile-text-hover: var(--btn-secondary-text-hover);
  --hero-btn-secondary-mobile-border-hover: var(--btn-secondary-border-hover);
  --hero-btn-outline-mobile-bg: var(--btn-outline-bg);
  --hero-btn-outline-mobile-text: var(--btn-outline-text);
  --hero-btn-outline-mobile-border: var(--btn-outline-border);
  --hero-btn-outline-mobile-bg-hover: var(--btn-outline-bg-hover);
  --hero-btn-outline-mobile-text-hover: var(--btn-outline-text-hover);
  --hero-btn-outline-mobile-border-hover: var(--btn-outline-border-hover);
  --shadow-card: 0 14px 34px rgba(25, 25, 25, 0.07);
  /* Main theme component defaults: generated from active var() fallbacks. */
  --back-to-top-mobile-bottom: 15px;
  --back-to-top-mobile-right: 15px;
  --back-to-top-size: 50px;
  --back-to-top-z-index: 8600;
  --body-link-clr: var(--body-text-clr);
  --btn-outline-light-bg-hover: var(--white-clr);
  --btn-outline-light-border: var(--white-clr);
  --btn-outline-light-border-hover: var(--white-clr);
  --btn-outline-light-text: var(--white-clr);
  --btn-outline-light-text-hover: var(--dark-clr);
  --google-map-address-clr: var(--body-text-clr);
  --google-map-address-font: var(--secondary-font);
  --google-map-address-fs: var(--text-sm);
  --google-map-address-fw: var(--body-fw);
  --google-map-address-lh: 1.45;
  --google-map-bg: #f3f3f3;
  --google-map-card-bg: #ffffff;
  --google-map-card-border: 1px solid rgba(0, 0, 0, 0.06);
  --google-map-card-bottom: auto;
  --google-map-card-clr: var(--body-text-clr);
  --google-map-card-gap: 22px;
  --google-map-card-left: 24px;
  --google-map-card-padding: 18px 20px;
  --google-map-card-radius: 4px;
  --google-map-card-right: auto;
  --google-map-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  --google-map-card-top: 24px;
  --google-map-card-width: 360px;
  --google-map-card-z-index: 2;
  --google-map-height: 480px;
  --google-map-info-line-clr: var(--body-text-clr);
  --google-map-info-line-font: var(--secondary-font);
  --google-map-info-line-fs: var(--body-fs);
  --google-map-info-line-fw: var(--body-fw);
  --google-map-info-line-gap: 2px;
  --google-map-info-line-lh: 1.45;
  --google-map-min-height: 320px;
  --google-map-mobile-card-margin: 0 0 16px;
  --google-map-mobile-card-padding: 16px;
  --google-map-mobile-card-position: static;
  --google-map-mobile-card-radius: var(--google-map-card-radius, 4px);
  --google-map-mobile-card-shadow: var(--google-map-card-shadow, 0 14px 35px rgba(0, 0, 0, 0.12));
  --google-map-mobile-card-width: 100%;
  --google-map-mobile-height: 360px;
  --google-map-mobile-min-height: 280px;
  --google-map-radius: 0;
  --google-map-route-clr: var(--primary-clr);
  --google-map-route-font: var(--secondary-font);
  --google-map-route-fs: var(--text-sm);
  --google-map-route-fw: 600;
  --google-map-route-gap: 4px;
  --google-map-route-hover-clr: var(--secondary-clr);
  --google-map-route-hover-y: -2px;
  --google-map-route-icon-size: 34px;
  --google-map-route-icon-stroke-width: 4;
  --google-map-route-icon-svg-size: 100%;
  --google-map-shadow: none;
  --google-map-title-clr: var(--default-heading-clr);
  --google-map-title-font: var(--secondary-font);
  --google-map-title-fs: var(--body-fs);
  --google-map-title-fw: 600;
  --google-map-title-margin-bottom: 4px;
  --heading-lg-fs-desktop: var(--heading-lg-fs-mobile, clamp(29px, 2.3333vw, 51px));
  --heading-lg-fs-mobile: clamp(29px, 2.3333vw, 51px);
  --heading-lg-lh-desktop: var(--heading-lg-lh-mobile, 1.2);
  --heading-lg-lh-mobile: 1.2;
  --heading-md-fs-desktop: var(--heading-md-fs-mobile, clamp(26px, 2.3333vw, 44px));
  --heading-md-fs-mobile: clamp(26px, 2.3333vw, 44px);
  --heading-md-lh-desktop: var(--heading-md-lh-mobile, 1.2);
  --heading-md-lh-mobile: 1.2;
  --heading-sm-fs-desktop: var(--heading-sm-fs-mobile, clamp(22px, 2.3333vw, 32px));
  --heading-sm-fs-mobile: clamp(22px, 2.3333vw, 32px);
  --heading-sm-lh-desktop: var(--heading-sm-lh-mobile, 1.2);
  --heading-sm-lh-mobile: 1.2;
  --heading-xl-fs-desktop: var(--heading-xl-fs-mobile, clamp(32px, 4vw, 60px));
  --heading-xl-fs-mobile: clamp(32px, 4vw, 60px);
  --heading-xl-lh-desktop: var(--heading-xl-lh-mobile, 1.2);
  --heading-xl-lh-mobile: 1.2;
  --heading-xs-fs-desktop: var(--heading-xs-fs-mobile, clamp(17px, 2.3333vw, 25px));
  --heading-xs-fs-mobile: clamp(17px, 2.3333vw, 25px);
  --heading-xs-lh-desktop: var(--heading-xs-lh-mobile, 1.2);
  --heading-xs-lh-mobile: 1.2;
  --heading-xxs-fs-desktop: var(--heading-xxs-fs-mobile, clamp(15px, 2.3333vw, 21px));
  --heading-xxs-fs-mobile: clamp(15px, 2.3333vw, 21px);
  --heading-xxs-lh-desktop: var(--heading-xxs-lh-mobile, 1.2);
  --heading-xxs-lh-mobile: 1.2;
  --hero-background-bg: var(--hero-background-bg-clr, var(--hero-bg-clr, transparent));
  --hero-background-checklist-clr: var(--hero-current-title-clr);
  --hero-background-checklist-icon-clr: var(--hero-base-checklist-icon-clr);
  --hero-background-desktop-checklist-clr: var(--hero-background-checklist-clr, var(--hero-current-title-clr));
  --hero-background-desktop-checklist-icon-clr: var(--hero-background-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-background-desktop-icon-text-clr: var(--hero-background-icon-text-clr, var(--hero-current-title-clr));
  --hero-background-desktop-pretitle-clr: var(--hero-background-pretitle-clr, var(--hero-base-pretitle-clr));
  --hero-background-desktop-subtitle-clr: var(--hero-background-subtitle-clr, var(--hero-current-title-clr));
  --hero-background-desktop-text-clr: var(--hero-background-text-clr, var(--hero-base-text-clr));
  --hero-background-desktop-title-clr: var(--hero-background-title-clr, var(--hero-base-title-clr));
  --hero-background-icon-text-clr: var(--hero-current-title-clr);
  --hero-background-mobile-checklist-clr: var(--hero-background-checklist-clr, var(--hero-current-title-clr));
  --hero-background-mobile-checklist-icon-clr: var(--hero-background-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-background-mobile-icon-text-clr: var(--hero-background-icon-text-clr, var(--hero-current-title-clr));
  --hero-background-mobile-pretitle-clr: var(--hero-background-pretitle-clr, var(--hero-base-pretitle-clr));
  --hero-background-mobile-subtitle-clr: var(--hero-background-subtitle-clr, var(--hero-current-title-clr));
  --hero-background-mobile-text-clr: var(--hero-background-text-clr, var(--hero-base-text-clr));
  --hero-background-mobile-title-clr: var(--hero-background-title-clr, var(--hero-base-title-clr));
  --hero-btn-border-radius: var(--btn-border-radius);
  --hero-btn-hover-y: -1px;
  --hero-btn-padding-x: 22px;
  --hero-btn-padding-y: 12px;
  --hero-btn-primary-bg: var(--btn-primary-bg, var(--primary-clr));
  --hero-btn-primary-border: var(--btn-primary-border, var(--primary-clr));
  --hero-btn-primary-text: var(--btn-primary-text, var(--white-clr));
  --hero-btn-secondary-bg: var(--btn-secondary-bg, var(--akzent-clr));
  --hero-btn-secondary-border: var(--btn-secondary-border, var(--akzent-clr));
  --hero-btn-secondary-text: var(--btn-secondary-text, var(--white-clr));
  --hero-btn-weight: var(--btn-weight);
  --hero-checklist-clr: var(--hero-base-title-clr);
  --hero-current-max-height: var(--hero-image-max-height, 900px);
  --hero-description-clr: var(--hero-muted-clr, var(--body-text-clr));
  --hero-desktop-checklist-clr: var(--hero-checklist-clr, var(--hero-base-title-clr));
  --hero-desktop-checklist-icon-clr: var(--hero-checklist-icon-clr, var(--primary-clr));
  --hero-desktop-icon-text-clr: var(--hero-icon-text-clr, var(--hero-base-title-clr));
  --hero-desktop-pretitle-clr: var(--hero-pretitle-clr, var(--primary-clr));
  --hero-desktop-subtitle-clr: var(--hero-subtitle-clr, var(--hero-base-title-clr));
  --hero-desktop-text-clr: var(--hero-description-clr, var(--hero-muted-clr, var(--body-text-clr)));
  --hero-desktop-title-clr: var(--hero-title-clr, var(--hero-text-clr, var(--dark-clr)));
  --hero-frame-bg: rgba(255, 255, 255, 0.92);
  --hero-frame-border: rgba(255, 255, 255, 0.88);
  --hero-frame-checklist-clr: var(--hero-frame-title-clr, var(--dark-clr));
  --hero-frame-checklist-icon-clr: var(--primary-clr);
  --hero-frame-desktop-checklist-clr: var(--hero-frame-checklist-clr, var(--hero-current-title-clr));
  --hero-frame-desktop-checklist-icon-clr: var(--secondary-clr);
  --hero-frame-desktop-icon-text-clr: var(--hero-frame-icon-text-clr, var(--hero-current-title-clr));
  --hero-frame-desktop-pretitle-clr: var(--hero-frame-pretitle-clr, var(--primary-clr));
  --hero-frame-desktop-subtitle-clr: var(--hero-frame-subtitle-clr, var(--hero-current-title-clr));
  --hero-frame-desktop-text-clr: var(--hero-frame-text-clr, var(--body-text-clr));
  --hero-frame-desktop-title-clr: var(--hero-frame-title-clr, var(--dark-clr));
  --hero-frame-icon-text-clr: var(--hero-frame-title-clr, var(--dark-clr));
  --hero-frame-mobile-checklist-clr: var(--hero-frame-checklist-clr, var(--hero-current-title-clr));
  --hero-frame-mobile-checklist-icon-clr: var(--secondary-clr);
  --hero-frame-mobile-icon-text-clr: var(--hero-frame-icon-text-clr, var(--hero-current-title-clr));
  --hero-frame-mobile-pretitle-clr: var(--hero-frame-pretitle-clr, var(--primary-clr));
  --hero-frame-mobile-subtitle-clr: var(--hero-frame-subtitle-clr, var(--hero-current-title-clr));
  --hero-frame-mobile-text-clr: var(--hero-frame-text-clr, var(--body-text-clr));
  --hero-frame-mobile-title-clr: var(--hero-frame-title-clr, var(--dark-clr));
  --hero-frame-pretitle-clr: var(--primary-clr);
  --hero-frame-subtitle-clr: var(--hero-frame-title-clr, var(--dark-clr));
  --hero-frame-text-clr: var(--body-text-clr);
  --hero-frame-title-clr: var(--dark-clr);
  --hero-icon-text-clr: var(--hero-base-title-clr);
  --hero-image-btn-outline-bg: transparent;
  --hero-image-btn-outline-bg-hover: var(--akzent-clr);
  --hero-image-btn-outline-border: var(--white-clr);
  --hero-image-btn-outline-border-hover: var(--akzent-clr);
  --hero-image-btn-outline-mobile-bg: var(--hero-btn-outline-mobile-bg, var(--hero-btn-outline-bg, var(--btn-outline-bg, transparent)));
  --hero-image-btn-outline-mobile-bg-hover: var(--hero-btn-outline-mobile-bg-hover, var(--hero-btn-outline-bg-hover, var(--btn-outline-bg-hover, var(--primary-clr))));
  --hero-image-btn-outline-mobile-border: var(--hero-btn-outline-mobile-border, var(--hero-btn-outline-border, var(--btn-outline-border, var(--primary-clr))));
  --hero-image-btn-outline-mobile-border-hover: var(--hero-btn-outline-mobile-border-hover, var(--hero-btn-outline-border-hover, var(--btn-outline-border-hover, var(--primary-clr))));
  --hero-image-btn-outline-mobile-text: var(--hero-btn-outline-mobile-text, var(--hero-btn-outline-text, var(--btn-outline-text, var(--primary-clr))));
  --hero-image-btn-outline-mobile-text-hover: var(--hero-btn-outline-mobile-text-hover, var(--hero-btn-outline-text-hover, var(--btn-outline-text-hover, var(--white-clr))));
  --hero-image-btn-outline-text: var(--white-clr);
  --hero-image-btn-outline-text-hover: var(--white-clr);
  --hero-image-btn-primary-bg-hover: var(--primary-clr);
  --hero-image-btn-primary-border-hover: var(--primary-clr);
  --hero-image-btn-primary-mobile-bg: var(--hero-btn-primary-mobile-bg, var(--hero-btn-primary-bg, var(--btn-primary-bg, var(--primary-clr))));
  --hero-image-btn-primary-mobile-bg-hover: var(--hero-btn-primary-mobile-bg-hover, var(--hero-btn-primary-bg-hover, var(--btn-primary-bg-hover, transparent)));
  --hero-image-btn-primary-mobile-border: var(--hero-btn-primary-mobile-border, var(--hero-btn-primary-border, var(--btn-primary-border, var(--primary-clr))));
  --hero-image-btn-primary-mobile-border-hover: var(--hero-btn-primary-mobile-border-hover, var(--hero-btn-primary-border-hover, var(--btn-primary-border-hover, var(--primary-clr))));
  --hero-image-btn-primary-mobile-text: var(--hero-btn-primary-mobile-text, var(--hero-btn-primary-text, var(--btn-primary-text, var(--white-clr))));
  --hero-image-btn-primary-mobile-text-hover: var(--hero-btn-primary-mobile-text-hover, var(--hero-btn-primary-text-hover, var(--btn-primary-text-hover, var(--primary-clr))));
  --hero-image-btn-primary-text-hover: var(--white-clr);
  --hero-image-btn-secondary-bg-hover: var(--secondary-clr);
  --hero-image-btn-secondary-border-hover: var(--secondary-clr);
  --hero-image-btn-secondary-mobile-bg: var(--hero-btn-secondary-mobile-bg, var(--hero-btn-secondary-bg, var(--btn-secondary-bg, var(--akzent-clr))));
  --hero-image-btn-secondary-mobile-bg-hover: var(--hero-btn-secondary-mobile-bg-hover, var(--hero-btn-secondary-bg-hover, var(--btn-secondary-bg-hover, transparent)));
  --hero-image-btn-secondary-mobile-border: var(--hero-btn-secondary-mobile-border, var(--hero-btn-secondary-border, var(--btn-secondary-border, var(--akzent-clr))));
  --hero-image-btn-secondary-mobile-border-hover: var(--hero-btn-secondary-mobile-border-hover, var(--hero-btn-secondary-border-hover, var(--btn-secondary-border-hover, var(--akzent-clr))));
  --hero-image-btn-secondary-mobile-text: var(--hero-btn-secondary-mobile-text, var(--hero-btn-secondary-text, var(--btn-secondary-text, var(--white-clr))));
  --hero-image-btn-secondary-mobile-text-hover: var(--hero-btn-secondary-mobile-text-hover, var(--hero-btn-secondary-text-hover, var(--btn-secondary-text-hover, var(--akzent-clr))));
  --hero-image-btn-secondary-text-hover: var(--white-clr);
  --hero-image-checklist-clr: var(--hero-current-title-clr);
  --hero-image-desktop-checklist-clr: var(--hero-image-checklist-clr, var(--hero-current-title-clr));
  --hero-image-desktop-checklist-icon-clr: var(--hero-image-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-image-desktop-icon-text-clr: var(--hero-image-icon-text-clr, var(--hero-current-title-clr));
  --hero-image-desktop-pretitle-clr: var(--hero-image-pretitle-clr, var(--hero-base-pretitle-clr));
  --hero-image-desktop-subtitle-clr: var(--hero-image-subtitle-clr, var(--hero-current-title-clr));
  --hero-image-desktop-text-clr: var(--hero-image-text-clr, var(--hero-base-text-clr));
  --hero-image-desktop-title-clr: var(--hero-image-title-clr, var(--hero-base-title-clr));
  --hero-image-full-bg: var(--dark-clr);
  --hero-image-full-desktop-checklist-clr: var(--hero-image-full-checklist-clr, var(--hero-current-title-clr));
  --hero-image-full-desktop-checklist-icon-clr: var(--hero-image-full-checklist-icon-clr, var(--primary-clr));
  --hero-image-full-desktop-icon-text-clr: var(--hero-image-full-icon-text-clr, var(--hero-current-title-clr));
  --hero-image-full-desktop-pretitle-clr: var(--hero-image-full-pretitle-clr, var(--hero-image-desktop-pretitle-clr, var(--white-clr)));
  --hero-image-full-desktop-subtitle-clr: var(--hero-image-full-subtitle-clr, var(--hero-current-title-clr));
  --hero-image-full-desktop-text-clr: var(--hero-image-full-text-clr, var(--hero-image-desktop-text-clr, rgba(255, 255, 255, .88)));
  --hero-image-full-desktop-title-clr: var(--hero-image-full-title-clr, var(--hero-image-desktop-title-clr, var(--white-clr)));
  --hero-image-full-icon-text-clr: var(--hero-current-title-clr);
  --hero-image-icon-text-clr: var(--hero-current-title-clr);
  --hero-image-mobile-bg: var(--dark-clr);
  --hero-image-mobile-checklist-clr: var(--hero-current-title-clr);
  --hero-image-mobile-checklist-icon-clr: var(--primary-clr);
  --hero-image-mobile-content-border: #e4e4e4;
  --hero-image-mobile-icon-text-clr: var(--hero-current-title-clr);
  --hero-image-mobile-pretitle-clr: var(--akzent-clr);
  --hero-image-mobile-subtitle-clr: var(--hero-current-title-clr);
  --hero-image-mobile-text-clr: var(--body-text-clr);
  --hero-image-mobile-title-clr: var(--dark-clr);
  --hero-image-pretitle-clr: var(--hero-base-pretitle-clr);
  --hero-image-split-bg: var(--white-clr);
  --hero-image-split-desktop-checklist-clr: var(--hero-image-split-checklist-clr, var(--hero-current-title-clr));
  --hero-image-split-desktop-checklist-icon-clr: var(--hero-image-split-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-image-split-desktop-icon-text-clr: var(--hero-image-split-icon-text-clr, var(--hero-current-title-clr));
  --hero-image-split-desktop-pretitle-clr: var(--hero-image-split-pretitle-clr, var(--hero-image-desktop-pretitle-clr, var(--primary-clr)));
  --hero-image-split-desktop-subtitle-clr: var(--hero-image-split-subtitle-clr, var(--hero-current-title-clr));
  --hero-image-split-desktop-text-clr: var(--hero-image-split-text-clr, var(--hero-image-desktop-text-clr, var(--body-text-clr)));
  --hero-image-split-desktop-title-clr: var(--hero-image-split-title-clr, var(--hero-image-desktop-title-clr, var(--dark-clr)));
  --hero-image-split-icon-text-clr: var(--hero-current-title-clr);
  --hero-image-split-mobile-checklist-clr: var(--hero-image-mobile-checklist-clr, var(--hero-current-title-clr));
  --hero-image-split-mobile-checklist-icon-clr: var(--hero-image-mobile-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-image-split-mobile-icon-text-clr: var(--hero-image-mobile-icon-text-clr, var(--hero-current-title-clr));
  --hero-image-split-mobile-pretitle-clr: var(--hero-image-mobile-pretitle-clr, var(--hero-image-split-pretitle-clr, var(--hero-base-pretitle-clr)));
  --hero-image-split-mobile-subtitle-clr: var(--hero-image-mobile-subtitle-clr, var(--hero-current-title-clr));
  --hero-image-split-mobile-text-clr: var(--hero-image-mobile-text-clr, var(--hero-base-text-clr));
  --hero-image-split-mobile-title-clr: var(--hero-image-mobile-title-clr, var(--hero-image-split-title-clr, var(--hero-base-title-clr)));
  --hero-image-subtitle-clr: var(--hero-image-title-clr, var(--hero-base-subtitle-clr));
  --hero-image-text-clr: var(--hero-base-text-clr);
  --hero-image-title-clr: var(--hero-base-title-clr);
  --hero-mobile-checklist-clr: var(--hero-checklist-clr, var(--hero-base-title-clr));
  --hero-mobile-checklist-icon-clr: var(--hero-checklist-icon-clr, var(--primary-clr));
  --hero-mobile-icon-text-clr: var(--hero-icon-text-clr, var(--hero-base-title-clr));
  --hero-mobile-pretitle-clr: var(--hero-pretitle-clr, var(--primary-clr));
  --hero-mobile-subtitle-clr: var(--hero-subtitle-clr, var(--hero-base-title-clr));
  --hero-mobile-text-clr: var(--hero-description-clr, var(--hero-muted-clr, var(--body-text-clr)));
  --hero-mobile-title-clr: var(--hero-title-clr, var(--hero-text-clr, var(--dark-clr)));
  --hero-pretitle-clr: var(--primary-clr);
  --hero-radius: 16px;
  --hero-shadow: 0 14px 40px rgba(0, 0, 0, 0.1);
  --hero-subtitle-clr: var(--hero-base-title-clr);
  --hero-subtitle-fw: 400;
  --hero-text-p-clr: inherit;
  --hero-text-variant-checklist-clr: var(--hero-current-title-clr);
  --hero-text-variant-checklist-icon-clr: var(--hero-base-checklist-icon-clr);
  --hero-text-variant-desktop-checklist-clr: var(--hero-text-variant-checklist-clr, var(--hero-current-title-clr));
  --hero-text-variant-desktop-checklist-icon-clr: var(--hero-text-variant-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-text-variant-desktop-icon-text-clr: var(--hero-text-variant-icon-text-clr, var(--hero-current-title-clr));
  --hero-text-variant-desktop-pretitle-clr: var(--hero-text-variant-pretitle-clr, var(--hero-base-pretitle-clr));
  --hero-text-variant-desktop-subtitle-clr: var(--hero-text-variant-subtitle-clr, var(--hero-current-title-clr));
  --hero-text-variant-desktop-text-clr: var(--hero-text-variant-text-clr, var(--hero-base-text-clr));
  --hero-text-variant-desktop-title-clr: var(--hero-text-variant-title-clr, var(--hero-base-title-clr));
  --hero-text-variant-icon-text-clr: var(--hero-current-title-clr);
  --hero-text-variant-mobile-checklist-clr: var(--hero-text-variant-checklist-clr, var(--hero-current-title-clr));
  --hero-text-variant-mobile-checklist-icon-clr: var(--hero-text-variant-checklist-icon-clr, var(--hero-base-checklist-icon-clr));
  --hero-text-variant-mobile-icon-text-clr: var(--hero-text-variant-icon-text-clr, var(--hero-current-title-clr));
  --hero-text-variant-mobile-pretitle-clr: var(--hero-text-variant-pretitle-clr, var(--hero-base-pretitle-clr));
  --hero-text-variant-mobile-subtitle-clr: var(--hero-text-variant-subtitle-clr, var(--hero-current-title-clr));
  --hero-text-variant-mobile-text-clr: var(--hero-text-variant-text-clr, var(--hero-base-text-clr));
  --hero-text-variant-mobile-title-clr: var(--hero-text-variant-title-clr, var(--hero-base-title-clr));
  --hero-text-variant-pretitle-clr: var(--hero-base-pretitle-clr);
  --hero-text-variant-subtitle-clr: var(--hero-current-title-clr);
  --hero-text-variant-text-clr: var(--hero-base-text-clr);
  --hero-text-variant-title-clr: var(--hero-base-title-clr);
  --hero-title-clr: var(--hero-text-clr, var(--dark-clr));
  --hero-title-lh: 1.08;
  --list-fs: var(--body-fs);
  --list-icon-clr: var(--primary-clr);
  --list-icon-size: 1.25rem;
  --list-item-gap: 0.625rem;
  --list-margin: 1.5rem 0;
  --modal-overlay-z-index: 20000;
  --modal-z-index: 20010;
  --secondary-font: var(--primary-font);
  --side-nav-actions-z-index: 6;
  --side-nav-icon-stroke-width: 2;
  --side-nav-label-bg: #ffffff;
  --side-nav-label-clr: var(--body-text-clr);
  --side-nav-label-font: var(--secondary-font);
  --side-nav-label-fs: var(--text-sm);
  --side-nav-label-fw: 600;
  --side-nav-label-gap: 12px;
  --side-nav-label-hidden-x: 8px;
  --side-nav-label-max-width: 220px;
  --side-nav-label-padding: 8px 12px;
  --side-nav-label-radius: 100px;
  --side-nav-label-shadow: 0 14px 35px rgba(0, 0, 0, 0.16);
  --side-nav-label-z-index: 2;
  --side-nav-mobile-row-gap: 10px;
  --side-nav-modal-border-radius: var(--card-border-radius, 16px);
  --side-nav-modal-max-height: 760px;
  --side-nav-modal-shadow: var(--shadow-card);
  --side-nav-modal-width: 680px;
  --side-nav-offset-y: -50%;
  --side-nav-panel-eyebrow-fs: var(--heading-sm-fs);
  --side-nav-panel-eyebrow-fw: var(--heading-default-fw, 400);
  --side-nav-panel-eyebrow-lh: var(--heading-sm-lh);
  --side-nav-panel-eyebrow-transform: uppercase;
  --side-nav-panel-pretitle-clr: var(--secondary-clr);
  --side-nav-panel-title-clr: var(--default-heading-clr);
  --side-nav-panel-title-fs: var(--heading-md-fs);
  --side-nav-panel-title-fw: var(--heading-default-fw, 400);
  --side-nav-panel-title-lh: var(--heading-md-lh);
  --side-nav-panel-title-transform: uppercase;
  --side-nav-right: 0;
  --side-nav-section-title-clr: var(--default-heading-clr);
  --side-nav-section-title-fs: var(--heading-sm-fs);
  --side-nav-section-title-fw: var(--heading-default-fw, 400);
  --side-nav-section-title-lh: var(--heading-sm-lh);
  --side-nav-section-title-transform: uppercase;
  --side-nav-tablet-panel-width: 430px;
  --side-nav-z-index: 8700;
  --social-link-bg: transparent;
  --social-link-bg-hover: var(--social-link-bg, transparent);
  --social-link-clr: var(--footer-social-link-clr);
  --social-link-clr-hover: var(--secondary-clr);
  --social-link-fs: var(--footer-social-link-fs);
  --social-link-gap: 20px;
  --social-link-opacity-hover: 75%;
  --social-link-radius: 100px;
  --social-link-size: 40px;
  --social-link-transform-hover: none;
  /* Project layout */
  --hero-frame-width: 60%;
  --image-overview-card-min-height: clamp(15rem, 20vw, 19rem);
  --nav-dropdown-offset-y: .5rem;
  /* Language switcher */
  --language-switcher-gap: 0.35rem;
  --language-switcher-active-gap: 0.3rem;
  --language-switcher-trigger-gap: 0.2rem;
  --language-switcher-trigger-padding-y: 0.15rem;
  --language-switcher-trigger-padding-x: 0.3rem;
  --language-switcher-trigger-radius: 0.25rem;
  --language-switcher-current-max-width: 7.5rem;
  --language-switcher-mobile-current-max-width: 0;
  --language-switcher-flag-height: 0.75rem;
  --language-switcher-flag-max-width: 1.125rem;
  --language-switcher-mobile-flag-height: 0.875rem;
  /* Language popup */
  --language-popup-z-index: 999999;
  --language-popup-backdrop-bg: rgba(25, 25, 25, 0.68);
  --language-popup-dialog-width: 34rem;
  --language-popup-dialog-radius: 1rem;
  --language-popup-dialog-bg: #ffffff;
  --language-popup-dialog-clr: #191919;
  --language-popup-dialog-shadow: 0 1.5rem 5rem rgba(25, 25, 25, 0.32);
  --language-popup-muted-clr: #767676;
  --language-popup-control-radius: 0.5rem;
  --language-popup-transition-duration: 180ms;
  --language-popup-option-gap: 0.75rem;
  --language-popup-option-gap-mobile: 0.5rem;
  --language-popup-option-min-height: 5.25rem;
  --language-popup-option-min-height-mobile: 4.75rem;
  --language-popup-flag-height: 2rem;
  --language-popup-flag-height-mobile: 1.75rem;
  --language-popup-action-gap: 0.75rem;
  --language-popup-active-bg: rgba(231, 65, 27, .1);
  --language-popup-active-shadow: 0 0 0 2px rgba(231, 65, 27, .28);
}

@media (max-width: 1599px) {
  :root {
    --menu-toggle-size: var(--menu-toggle-size-mobile);
    --hamburger-line-width: var(--hamburger-line-width-mobile);
    --hamburger-line-height: var(--hamburger-line-height-mobile);
    --hamburger-line-gap: var(--hamburger-line-gap-mobile);
  }
}
@media (min-width: 1600px) {
  :root {
    --nav-dropdown-padding: 1.25rem 1.375rem;
  }
}
img {
  width: auto;
  height: auto;
}

.white-text {
  color: var(--white-clr);
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.ms-n1 {
  margin-left: -0.25rem !important;
}

.me-n1 {
  margin-right: -0.25rem !important;
}

.mx-n1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.ms-n2 {
  margin-left: -0.5rem !important;
}

.me-n2 {
  margin-right: -0.5rem !important;
}

.mx-n2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.me-n3 {
  margin-right: -1rem !important;
}

.mx-n3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.ms-n4 {
  margin-left: -1.5rem !important;
}

.me-n4 {
  margin-right: -1.5rem !important;
}

.mx-n4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.my-n4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5 {
  margin-top: -3rem !important;
}

.mb-n5 {
  margin-bottom: -3rem !important;
}

.ms-n5 {
  margin-left: -3rem !important;
}

.me-n5 {
  margin-right: -3rem !important;
}

.mx-n5 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.my-n5 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.akzent-bg {
  background: var(--akzent-clr);
}

.dark-bg {
  background: var(--dark-clr);
}

.akzent-text,
.pretitle {
  color: var(--akzent-clr);
}

.pretitle {
  margin-bottom: 0.75rem;
  font-weight: var(--fw-bold);
}

.light-text,
.light-text p {
  color: var(--white-clr);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--fw-bold);
}

.text-wrapper {
  margin-bottom: 1.5rem;
}

.light-grey-bg,
.content-section--light {
  background: var(--light-grey-clr);
}

a:hover {
  color: var(--akzent-clr);
}

.hero-header .hero-content,
.hero-header .hero-content-inner {
  width: 100%;
  max-width: none;
}
.hero-header .hero-content.hero-content--framed {
  width: min(100%, var(--hero-frame-width));
}
.hero-header .hero-checklist-icon {
  color: var(--hero-current-checklist-icon-clr, var(--secondary-clr));
  font-size: var(--hero-checklist-icon-size, 1.5rem);
}
.hero-header .hero-checklist .hero-checklist-item {
  align-items: center;
}

.hero-header.hero-height-compact {
  --hero-current-height: var(--hero-height-compact);
}

.hero-header.hero-height-standard {
  --hero-current-height: var(--hero-height-standard);
}

.hero-header.hero-height-large {
  --hero-current-height: var(--hero-height-large);
}

.hero-header.hero-height-screen {
  --hero-current-height: var(--hero-height-screen);
}

@media (min-width: 1200px) {
  .hero-header.hero-image.hero-layout-full {
    height: max(var(--hero-current-height, 0px), var(--hero-image-full-min-height-desktop));
    min-height: var(--hero-image-full-min-height-desktop);
    max-height: none;
  }
  .hero-header.hero-image.hero-layout-full .hero--image-wrapper,
  .hero-header.hero-image.hero-layout-full .hero-image-wrapper {
    height: 100%;
    max-height: none;
  }
  .hero-header.hero-image.hero-layout-full .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 1400px) {
  .hero-header.hero-image.hero-layout-split .hero--content-wrapper,
  .hero-header.hero-image.hero-layout-split .hero-content-wrapper {
    padding: 0 clamp(24px, 4vw, 70px);
  }
  body.single-isoklinker-product .hero-header.hero-image.hero-layout-split {
    min-height: var(--hero-image-split-min-height-desktop);
    align-items: stretch;
  }
  body.single-isoklinker-product .hero-header.hero-image.hero-layout-split .hero--image-wrapper,
  body.single-isoklinker-product .hero-header.hero-image.hero-layout-split .hero-image-wrapper,
  body.single-isoklinker-product .hero-header.hero-image.hero-layout-split .hero--content-wrapper,
  body.single-isoklinker-product .hero-header.hero-image.hero-layout-split .hero-content-wrapper {
    min-height: var(--hero-image-split-min-height-desktop);
    max-height: none;
  }
  body.single-isoklinker-product .hero-header.hero-image.hero-layout-split .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 1599px) {
  .hero-header .hero-content,
  .hero-header .hero-content.hero-content--framed,
  .hero-header .hero-content-inner {
    width: 100%;
  }
}
.navbar-cta {
  flex: 0 0 auto;
  margin-left: 1rem;
  padding: var(--navbar-cta-padding-y) var(--navbar-cta-padding-x);
  white-space: nowrap;
}

.navbar .navbar-topbar {
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.2s ease, height 0.25s ease;
}
.navbar .navbar-wrapper {
  align-items: center;
}
.navbar .navbar-left-wrapper {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.navbar .navbar-right-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 0.35rem;
}
.navbar .navbar-topbar,
.navbar .navbar-main,
.navbar .navbar-main-row,
.navbar .navbar-topbar .nav-menu,
.navbar .navbar-main .nav-menu {
  display: flex;
  align-items: center;
}
.navbar .navbar-topbar,
.navbar .navbar-main,
.navbar .navbar-main-row {
  justify-content: flex-end;
}
.navbar .navbar-main {
  flex-direction: column;
}
.navbar .navbar-main::before {
  width: 100%;
  height: 1px;
  margin-bottom: 0.35rem;
  background: var(--light-grey-clr);
  content: "";
}
.navbar .navbar-topbar {
  gap: 1rem;
}
.navbar .navbar-main .nav-menu > li {
  padding: 0.4rem 0.65rem;
}
.navbar.is-sticky .navbar-topbar {
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.navbar.is-sticky .navbar-main::before {
  display: none;
}

.language-placeholder,
.mobile-language-placeholder {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.language-placeholder .language-item,
.mobile-language-placeholder .language-item {
  width: 1.5rem;
  height: 1rem;
  border: 1px dashed var(--content-card-border-clr);
}
.language-placeholder .language-label,
.language-placeholder span,
.mobile-language-placeholder .language-label,
.mobile-language-placeholder span {
  font-size: var(--text-sm);
}
.language-placeholder .is-current,
.mobile-language-placeholder .is-current {
  color: var(--akzent-clr);
  font-weight: var(--fw-bold);
}

@media (min-width: 1600px) {
  .navbar.navbar--layout-floating .navbar-wrapper {
    padding: 0.75rem 1.5rem;
  }
  .navbar.navbar--layout-floating.is-sticky {
    top: 0;
    width: 100%;
  }
  .navbar.navbar--layout-floating.is-sticky .navbar-wrapper {
    border-radius: 0;
  }
}
@media (max-width: 1599px) {
  .mobile-navigation {
    visibility: hidden;
    pointer-events: none;
  }
  .mobile-navigation.is-open {
    visibility: visible;
    pointer-events: auto;
  }
  .mobile-menu-extras {
    width: 100%;
    padding-bottom: 1rem;
  }
  .mobile-navbar-cta {
    display: inline-flex;
    margin-top: 1.5rem;
  }
  .mobile-language-placeholder {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--content-card-border-clr);
  }
  body.nav--is-open .navbar .mobile-logo {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
}
/* Desktop submenu optimization */
@media (min-width: 1600px) {
  .navbar .main-nav .menu-item-has-children > .sub-menu.has-desktop-title {
    left: 50%;
    right: auto;
    display: flex;
    width: var(--nav-dropdown-title-width);
    max-width: var(--nav-dropdown-title-max-width);
    flex-direction: column;
    align-content: initial;
    transform: translate(-50%, 6px);
  }
  .navbar .main-nav .menu-item-has-children.open > .sub-menu.has-desktop-title {
    transform: translate(-50%, 0);
  }
  .navbar .main-nav .menu-item-has-children > .sub-menu.has-desktop-title::before {
    max-width: none;
    margin-bottom: var(--nav-dropdown-title-spacing);
  }
  .navbar .main-nav .sub-menu.has-desktop-title > li:not(.submenu-overview) a {
    line-height: 1.35;
  }
  .navbar .main-nav .sub-menu.has-desktop-title > li.submenu-overview {
    margin-top: var(--nav-dropdown-overview-spacing);
  }
  .navbar .main-nav .sub-menu.has-desktop-title > li.submenu-overview a {
    width: auto;
    justify-content: center;
    padding: 0.55rem 0.85rem;
    line-height: 1.2;
  }
  .navbar .main-nav .sub-menu.has-desktop-title > li.submenu-overview a:hover, .navbar .main-nav .sub-menu.has-desktop-title > li.submenu-overview a:focus-visible, .navbar .main-nav .sub-menu.has-desktop-title > li.submenu-overview a:active {
    background: var(--nav-submenu-overview-bg-hover);
    border-color: var(--nav-submenu-overview-border-hover);
    color: var(--nav-submenu-overview-text-hover);
    transform: none;
  }
}
@media (max-width: 1599px) {
  body.nav--is-open .side-navigation-actions,
  body.nav--is-open [data-side-navigation-actions] {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  body.nav--is-open .navbar .mobile-navbar-wrapper {
    position: relative;
    z-index: var(--mobile-nav-toggle-open-z-index, 99999);
  }
  .navbar .mobile-navigation.has-drilldown .mobile-panel--sub .mobile-subnav-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}
.mobile-logo {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1599px) {
  body:not(.nav--dropdown-layout).nav--is-open {
    touch-action: pan-y;
  }
  .navbar .mobile-navigation .mobile-navigation-wrapper {
    min-height: 0;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }
  .navbar .mobile-navigation.has-drilldown .mobile-panels,
  .navbar .mobile-navigation.has-drilldown .mobile-panel {
    min-height: 0;
  }
  .navbar .mobile-navigation.has-drilldown .mobile-panel {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }
}
.footer .footer-section .footer-section--title {
  text-transform: uppercase;
}
.footer .footer-section address {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  color: var(--footer-top-clr);
  font-size: var(--footer-top-fs);
  font-style: normal;
}
.footer .footer-section .footer-contact-item.phone-number .contact-link, .footer .footer-section .footer-contact-item.mail .contact-link {
  display: inline-block;
  width: 100%;
  overflow-wrap: anywhere;
  font-size: var(--footer-contact-link-size);
  font-weight: var(--fw-bold);
  line-height: 1.25;
}
.footer .footer-brand .footer-logo-wrapper {
  margin-bottom: var(--footer-column-spacing);
}
.footer .footer-brand .footer-logo {
  width: min(100%, var(--footer-logo-max-width));
  height: auto;
}
.footer .footer-contact-note {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.footer .opening-hours td {
  font-size: var(--footer-opening-hours-size);
  font-weight: var(--fw-medium);
}
.footer .footer-info-package .footer-text {
  margin-bottom: 1rem;
}
.footer .footer-info-package .social-media-wrapper {
  margin-top: 1.5rem;
}

.footer-bottom .row {
  row-gap: 1rem;
}

footer .footer-top a.arrow-link span.icon-wrapper {
  color: var(--white-clr);
}

#home-quality .quality-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  gap: clamp(1.5rem, 3.2vw, 3.5rem);
}
#home-quality .quality-list li {
  position: relative;
  padding-left: 1.75rem;
  font-weight: var(--fw-bold);
}
#home-quality .quality-list li::before {
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 0.85rem;
  height: 0.45rem;
  border-bottom: 2px solid var(--akzent-clr);
  border-left: 2px solid var(--akzent-clr);
  content: "";
  transform: rotate(-45deg);
}

#home-configurator {
  position: relative;
  z-index: 1;
  margin-block: 0;
  padding-block: clamp(3rem, 5vw, 5.5rem);
  background: var(--dark-clr);
  overflow: visible;
}
#home-configurator .configurator-panel {
  position: relative;
}
#home-configurator .section-header,
#home-configurator .heading-lg,
#home-configurator .description,
#home-configurator .description p {
  color: var(--white-clr);
}
#home-configurator .description {
  font-size: var(--text-lg);
}
#home-configurator .section-actions .arrow-link {
  color: var(--white-clr);
}
#home-configurator .configurator-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#home-configurator .configurator-image {
  width: min(100%, 680px);
  max-height: 420px;
  object-fit: contain;
}

#home-quality-assurance {
  text-align: center;
}
#home-quality-assurance .quality-assurance-image-wrapper {
  display: flex;
  justify-content: center;
}
#home-quality-assurance .quality-assurance-image {
  width: auto;
  max-width: min(100%, 320px);
  margin-inline: auto;
}

@media (min-width: 992px) {
  #home-configurator .configurator-image-wrapper {
    position: relative;
    z-index: 2;
  }
  #home-configurator .configurator-image {
    width: min(115%, 760px);
    max-width: none;
    max-height: 500px;
  }
  #more-about {
    position: relative;
    z-index: 0;
    margin-top: clamp(5rem, 7vw, 7rem);
  }
}
@media (max-width: 991px) {
  #home-configurator {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  #home-quality .quality-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
#home-products .product-card .check-list {
  --list-icon-clr: var(--secondary-clr);
}

.mounting-steps {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mounting-steps .mounting-step {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1rem;
}
.mounting-steps .mounting-step-number {
  display: flex;
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  background: var(--akzent-clr);
  color: var(--white-clr);
  font-weight: var(--fw-bold);
  font-size: 25px;
}
.mounting-steps .mounting-content-wrapper {
  flex: 1 1 auto;
}
.mounting-steps .mounting-step-title {
  margin-bottom: 0.45rem;
  line-height: 1;
}
.mounting-steps .mounting-step-text p {
  margin-bottom: 0;
}

#mounting-self-service .d-btn {
  margin-top: 1rem;
}

.technical-data-list {
  margin: 0;
}

.technical-data-row {
  display: flex;
  gap: 2rem;
  padding-block: 1.15rem;
  border-bottom: 1px solid var(--content-card-border-clr);
}
.technical-data-row dt,
.technical-data-row dd {
  flex: 1 1 50%;
  margin: 0;
}
.technical-data-row dt {
  font-weight: var(--fw-bold);
}

.info-package-note {
  margin-top: 2rem;
  color: var(--grey-text-clr);
  font-size: var(--text-sm);
}

@media (max-width: 767px) {
  .technical-data-row {
    flex-direction: column;
    gap: 0.35rem;
  }
}
.accessory-item {
  padding-block: 2.5rem;
  border-bottom: 1px solid var(--content-card-border-clr);
}
.accessory-item:first-child {
  padding-top: 0;
}
.accessory-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.accessory-details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

.accessories-image-wrapper {
  width: 100%;
  max-width: 19.5rem;
  margin-inline: auto;
}
.accessories-image-wrapper .accessories-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.window-sill-card .card-title {
  width: 100%;
  text-align: center;
}

.window-sill-card .window-sill-image-wrapper {
  width: 100%;
  max-width: 8.5rem;
  margin: 1.5rem auto 0;
  background: transparent;
}
.window-sill-card .window-sill-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.advantage-image-box {
  margin: 0;
}
.advantage-image-box .content-image {
  margin-bottom: 1rem;
  border: 1px solid var(--content-card-border-clr);
}
.advantage-image-box .heading-xxs {
  margin-bottom: 0.35rem;
}

.insulation-data-table {
  min-width: 70rem;
}

.advantage-comparison-box {
  margin: 0;
}
.advantage-comparison-box .content-image {
  margin-bottom: 1rem;
  border: 1px solid var(--content-card-border-clr);
}
.advantage-comparison-box .heading-xxs {
  margin-bottom: 0.35rem;
}

.advantage-comparison-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.js-campaign-colors-splide .splide__pagination {
  display: none;
}

.partner-contact-section {
  text-align: center;
}

.partner-contact-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}
.partner-contact-list li {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.partner-contact-list i {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--secondary-clr);
  color: var(--white-clr);
  font-size: 1.15rem;
}

.info-packages-section .section-actions {
  margin-top: 0;
  padding-top: 0;
}
.info-packages-section .info-package-card .check-list {
  --list-icon-size: 1.5rem;
}

.info-package-card {
  border: 0;
  box-shadow: var(--content-card-shadow);
}
.info-package-card .card-image-wrapper {
  min-height: 19rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: var(--white-clr);
}
.info-package-card .card-content {
  padding-top: 0;
}
.info-package-card .card-title {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

.info-package-order-section {
  scroll-margin-top: calc(var(--nav-height-sticky, 80px) + 2rem);
}

#product-info-package .check-list {
  --list-icon-size: 1.5rem;
}

.info-package-form-wrapper,
.contact-form-wrapper,
.career-form-wrapper {
  width: 100%;
}

.catalog-embed {
  width: 100%;
  min-height: 28rem;
}

.brochure-download-item {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.brochure-download-cover {
  width: 100%;
  box-shadow: var(--content-card-shadow);
}

.brochure-download-image {
  display: block;
  width: 100%;
  height: auto;
}

.brochure-download-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}

.brochure-download-title {
  margin: 0;
  line-height: 1.15;
}

.card {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--content-card-border-clr);
  border-radius: var(--content-card-radius);
  background: var(--card-bg-clr);
  box-shadow: var(--content-card-shadow);
}
.card .card-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--light-grey-clr);
}
.card .card-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.card .card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--content-card-padding);
}
.card .card-meta {
  margin-bottom: 0.75rem;
  color: var(--akzent-clr);
  font-size: var(--text-sm);
  font-weight: var(--fw-bold);
}
.card .card-title {
  margin-bottom: 0.75rem;
  font-size: var(--heading-xs-fs);
  line-height: var(--heading-xs-lh);
}
.card .card-text {
  color: var(--grey-text-clr);
}
.card .card-text > :last-child {
  margin-bottom: 0;
}
.card .card-actions {
  margin-top: auto;
  padding-top: 1.5rem;
}

.product-card {
  border-color: transparent;
}
.product-card .card-image-wrapper {
  padding: 2rem;
}
.product-card .card-image {
  object-fit: contain;
}
.product-card .card-actions,
.product-card .card-actions .d-btn {
  width: 100%;
}
.product-card .check-list {
  --list-icon-clr: var(--secondary-clr);
}

.advantage-card .card-image-wrapper,
.page-overview-card .card-image-wrapper,
.window-sill-card .card-image-wrapper {
  aspect-ratio: unset;
  background: transparent;
}
.advantage-card .card-image,
.page-overview-card .card-image,
.window-sill-card .card-image {
  height: 100%;
}

.system-element-card {
  border: 0;
  box-shadow: none;
}
.system-element-card .card-image-wrapper {
  background: var(--light-grey-clr);
  aspect-ratio: 4/3;
}
.system-element-card .card-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.system-element-card .card-content {
  padding: 1.25rem 0 0;
}

.partner-card {
  box-shadow: none;
  flex-direction: row;
  align-items: center;
}
.partner-card .card-image {
  width: auto;
  object-fit: contain;
  max-height: 8.5rem;
  max-width: 10rem;
}

.download-card {
  border-top: 4px solid var(--akzent-clr);
}

.info-package-card .card-image-wrapper {
  aspect-ratio: 4/3;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: var(--card-bg-clr);
}
.info-package-card .card-image {
  height: 100%;
  object-fit: contain;
}
.info-package-card .check-list {
  margin-bottom: 0;
}

.color-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.color-card .color-card-image {
  width: 100%;
  height: auto;
}

.icon-box {
  height: 100%;
}

.image-info-card .card-image {
  height: 100%;
  object-fit: cover;
}
.image-info-card .arrow-link {
  font-weight: var(--fw-bold);
}

.image-overview-page-card {
  position: relative;
  min-height: var(--image-overview-card-min-height);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  isolation: isolate;
  text-decoration: none;
}
.image-overview-page-card .card-image-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
.image-overview-page-card .card-image-wrapper::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.78) 100%);
  content: "";
}
.image-overview-page-card .card-image-wrapper > picture {
  display: block;
  width: 100%;
  height: 100%;
}
.image-overview-page-card .card-image {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.image-overview-page-card .card-content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  min-height: 0;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
}
.image-overview-page-card .card-title {
  margin: 0;
  color: var(--white-clr);
  font-size: clamp(1.5rem, 2vw, 2rem);
}
.image-overview-page-card .card-actions {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}
.image-overview-page-card .arrow-link,
.image-overview-page-card .arrow-link .text,
.image-overview-page-card .arrow-link .arrow-link-label {
  color: var(--white-clr);
}
.image-overview-page-card:hover, .image-overview-page-card:focus {
  color: inherit;
  text-decoration: none;
}
.image-overview-page-card:hover .card-image, .image-overview-page-card:focus-visible .card-image {
  transform: scale(1.04);
}
.image-overview-page-card:focus-visible {
  outline: 3px solid var(--secondary-clr);
  outline-offset: 4px;
}

.page-overview-card .card-image,
.window-sill-card .card-image {
  height: 100%;
  object-fit: cover;
}
.page-overview-card .card-actions,
.window-sill-card .card-actions {
  width: 100%;
}
.page-overview-card .arrow-link,
.window-sill-card .arrow-link {
  width: auto;
  font-weight: var(--fw-bold);
}

#product-accessories .card.page-overview-card .card-image-wrapper img {
  max-height: 18.5rem;
  object-fit: cover;
}

.page-overview-card .arrow-link {
  width: auto;
  justify-content: flex-start;
}

.content-section {
  margin-block: var(--content-section-spacing);
  padding-block: 0;
  background: var(--section-background-clr);
}

.content-section--light {
  margin-block: 0;
  padding-block: var(--content-section-spacing);
  background: var(--light-grey-clr);
}

.section-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: var(--section-heading-spacing);
}
.section-header.centered {
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  text-align: center;
}
.section-header .heading-lg,
.section-header .heading-md {
  margin-bottom: 0.75rem;
}
.section-header .description > :last-child {
  margin-bottom: 0;
}

.section-actions {
  display: flex;
  margin-top: 0;
  flex-wrap: wrap;
  gap: 1rem;
}
.section-actions.centered {
  width: 100%;
  justify-content: center;
}

.section-image-wrapper {
  position: relative;
}

.content-image,
.product-image {
  display: block;
  width: 100%;
  height: auto;
}

.funding-badge {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  display: flex;
  width: 140px;
  height: 140px;
  transform: rotate(5deg);
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 50%;
  background: var(--akzent-clr);
  color: var(--white-clr);
  font-weight: var(--fw-bold);
  line-height: 1.35;
  text-align: center;
}

#product-accessories .page-overview-card .card-image-wrapper {
  background: var(--light-grey-clr);
}

.advantage-image-box {
  margin: 0;
}
.advantage-image-box figcaption {
  margin-top: 1rem;
  font-weight: var(--fw-semibold);
}

.arrow-link {
  gap: var(--arrow-link-gap);
}
.arrow-link .icon-wrapper {
  width: var(--arrow-link-icon-size);
  height: var(--arrow-link-icon-size);
  border-radius: 50%;
  background: var(--arrow-link-icon-bg);
  color: var(--arrow-link-icon-clr);
}

.table-responsive {
  width: 100%;
  margin-top: var(--section-heading-spacing);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.content-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white-clr);
}
.content-table th,
.content-table td {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--content-card-border-clr);
  text-align: left;
  vertical-align: top;
}
.content-table thead th {
  background: var(--dark-clr);
  color: var(--white-clr);
  font-weight: var(--fw-bold);
}

.icon-box .icon-wrapper {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
}
.icon-box .icon-wrapper img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: var(--advantage-icon-size);
  object-fit: contain;
}

.material-notice {
  margin-top: 5rem;
}
.material-notice .material-notice-head {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.material-notice .material-notice-icon {
  width: 56px;
  height: 56px;
  background: var(--primary-clr);
  color: var(--white-clr);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--fw-bold);
  font-size: 1.75rem;
  line-height: 1;
  flex: 0 0 auto;
  border-radius: 0;
}
.material-notice .material-notice-text {
  margin-top: 1.25rem;
  color: var(--grey-text-clr);
  line-height: 1.8;
}
.material-notice .material-notice-text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 750px) {
  .material-notice {
    margin-top: 3rem;
  }
  .material-notice .material-notice-head {
    gap: 1.25rem;
  }
  .material-notice .material-notice-icon {
    width: 48px;
    height: 48px;
  }
}
.navbar nav.international-language-link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  line-height: 1;
}

.international-language-link__label {
  color: var(--nav-current-link-clr, var(--nav-link-clr));
  font-size: var(--text-sm, 0.8125rem);
  font-weight: var(--fw-medium, 500);
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.international-language-link__label:hover, .international-language-link__label:focus-visible {
  color: var(--secondary-clr);
}

.international-language-link__flags {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.international-language-link__flag {
  display: inline-flex;
  width: 1.35rem;
  height: 0.875rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--content-card-border-clr);
  background: var(--white-clr);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.international-language-link__flag svg {
  display: block;
  width: 100%;
  height: 100%;
}
.international-language-link__flag:hover, .international-language-link__flag:focus-visible {
  border-color: var(--secondary-clr);
  transform: translateY(-1px);
}
.international-language-link__flag:focus-visible {
  outline: 2px solid var(--secondary-clr);
  outline-offset: 2px;
}

.international-language-link--mobile-bar {
  display: flex;
  width: var(--menu-toggle-size, 2.75rem);
  min-width: var(--menu-toggle-size, 2.75rem);
  height: var(--menu-toggle-size, 2.75rem);
  min-height: var(--menu-toggle-size, 2.75rem);
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--mobile-nav-current-link-clr, var(--mobile-nav-link-clr));
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.international-language-link--mobile-bar:hover, .international-language-link--mobile-bar:focus-visible {
  background: var(--light-grey-clr);
  color: var(--secondary-clr);
  transform: translateY(-1px);
}
.international-language-link--mobile-bar:focus-visible {
  outline: 2px solid var(--secondary-clr);
  outline-offset: 2px;
}

.international-language-link__mobile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1;
}

.international-language-modal__wrapper {
  max-width: 30rem;
}

.international-language-modal__body {
  padding: clamp(1.25rem, 4vw, 2rem);
}

.international-language-modal__intro {
  margin-bottom: 1.25rem;
}
.international-language-modal__intro .pretitle {
  margin-bottom: 0.5rem;
}
.international-language-modal__intro p:last-child {
  margin-bottom: 0;
}

.international-language-modal__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.international-language-modal__option {
  display: flex;
  flex: 1 1 calc(50% - 0.375rem);
  min-width: 0;
  min-height: 5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 0.5rem;
  border: 1px solid var(--content-card-border-clr);
  background: var(--white-clr);
  color: var(--dark-clr);
  text-align: center;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.international-language-modal__option:hover, .international-language-modal__option:focus-visible {
  border-color: var(--secondary-clr);
  background: var(--light-grey-clr);
  color: var(--secondary-clr);
  transform: translateY(-2px);
}
.international-language-modal__option:focus-visible {
  outline: 2px solid var(--secondary-clr);
  outline-offset: 2px;
}

.international-language-modal__flag {
  display: block;
  width: 2.5rem;
  height: 1.625rem;
  overflow: hidden;
  border: 1px solid var(--content-card-border-clr);
  background: var(--white-clr);
}
.international-language-modal__flag svg {
  display: block;
  width: 100%;
  height: 100%;
}

.international-language-modal__name {
  font-size: 0.75rem;
  font-weight: var(--fw-semibold, 600);
  line-height: 1.2;
}

@media (min-width: 480px) and (max-width: 1599px) {
  .international-language-modal__option {
    flex-basis: calc(33.333% - 0.5rem);
  }
}
@media (max-width: 1599px) {
  .international-language-link--desktop {
    display: none;
  }
}
@media (min-width: 1600px) {
  .international-language-link--mobile-bar,
  .international-language-modal {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .international-language-link--mobile-bar,
  .international-language-modal__option {
    transition: none;
  }
}

/*# sourceMappingURL=app.min.css.map */