/* ====================================================================
   BRAND TOKENS / FARBEN, TYPOGRAFIE, SPACING, RADIUS
   ==================================================================== */ :root {
  /* PRIMARY BRAND COLORS --------------------------------------------- */
  --brand-primary: #da3c15;
  /* Fallback */
  --brand-primary-hover: #c63512;
  --brand-primary-active: #992a0e;
  /* Modern */
  --brand-primary-hover: color-mix(in srgb, var(--brand-primary) 85%, black 15%);
  --brand-primary-active: color-mix(in srgb, var(--brand-primary) 70%, black 30%);
  --brand-secondary: #5c7080;
  /* Fallback */
  --brand-secondary-hover: #4e5f6d;
  --brand-secondary-active: #41505c;
  /* Modern */
  --brand-secondary-hover: color-mix(in srgb, var(--brand-secondary) 85%, black 15%);
  --brand-secondary-active: color-mix(in srgb, var(--brand-secondary) 70%, black 30%);
  --brand-accent: #ff5722;
  --brand-success: #198754;
  --brand-info: #0dcaf0;
  --brand-warning: #ffc107;
  --brand-danger: #dc3545;
  --brand-light: #e9e9e9;
  --brand-gray: #666666;
  --brand-gray-dark: #333333;
  --brand-dark: #212529;
  /* SOFT / TRANSPARENT VERSIONS ------------------------------------- */
  --brand-primary-soft: rgba(218, 60, 21, .06); /* #da3c15 */
  --brand-secondary-soft: rgba(92, 112, 128, .3);
  --brand-success-soft: rgba(25, 135, 84, .3);
  --brand-info-soft: rgba(13, 202, 240, .3);
  --brand-warning-soft: rgba(255, 193, 7, .3);
  --brand-danger-soft: rgba(220, 53, 69, .3);
  /* HIGHLIGHT -------------------------------------------------------- */
  --brand-highlight-bg: #ffff00;
  --brand-highlight-color: var(--brand-text-color);
  /* BACKGROUNDS / SURFACES ------------------------------------------- */
  /* (3) bewusst entkoppelt: darf je Kunde unabhängig vom Primary sein */
  --brand-bg: var(--brand-primary); /* große farbige Flächen */
  --brand-bg-soft: var(--brand-light); /* sanfte Akzentflächen */
  --brand-surface: #ffffff; /* Content-Flächen */
  /* TEXT ------------------------------------------------------------- */
  --brand-text-color: #000000;
  --brand-text-color-light: #666666;
  --brand-heading-color: var(--brand-text-color);
  /* BORDER / SHADOW -------------------------------------------------- */
  --brand-border-color-light: rgba(0, 0, 0, .175);
  --brand-border-color: var(--brand-gray);
  --brand-border-color-dark: var(--brand-text-color);
  --brand-shadow: rgba(0, 0, 0, .05);
  /* TYPO ------------------------------------------------------------- */
  --brand-font-family: 'Titillium Web';
  --brand-font-weight-light: 300;
  --brand-font-weight-regular: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-bold: 700;
  --brand-font-size: 18px;
  --brand-line-height: 1.35;
  --brand-icon-family: 'Font Awesome 7 Pro';
  /* SPACING SCALE ---------------------------------------------------- */
  --space-0: 0; /* 0px */
  --space-1: .25rem; /* 4px */
  --space-2: .5rem; /* 8px */
  --space-3: 1rem; /* 16px */
  --space-4: 1.5rem; /* 24px */
  --space-5: 2rem; /* 32px */
  --space-6: 3rem; /* 48px */
  --space-7: 4rem; /* 64px */
  --space-8: 6rem; /* 96px */
  --space-9: 8rem; /* 128px */
  --space-10: 12rem; /* 192px */
  /* ABSTÄNDE --------------------------------------------------------- */
  --brand-space-xs: var(--space-1); /* 4px */
  --brand-space-sm: var(--space-2); /* 8px */
  --brand-space-md: var(--space-3); /* 16px */
  --brand-space-lg: var(--space-4); /* 24px */
  --brand-space-xl: var(--space-5); /* 32px */
  --brand-space-xxl: var(--space-6); /* 48px */
  --brand-space-section-xs: var(--space-5); /* 32px */
  --brand-space-section-sm: var(--space-5); /* 32px */
  --brand-space-section-md: var(--space-6); /* 48px */
  --brand-space-section-lg: var(--space-7); /* 64px */
  --brand-space-section-xl: var(--space-8); /* 96px */
  --brand-space-section-xxl: var(--space-8); /* 96px */
  /* Buttons ---------------------------------------------------------- */
  --brand-space-button-x: var(--space-3);
  --brand-space-button-y: var(--space-2);
  --brand-space-button-x-sm: var(--space-2);
  --brand-space-button-y-sm: var(--space-2);
  /* RADIUS ----------------------------------------------------------- */
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 32px;
  --radius-xl: 64px;
  --radius-pill: 50rem;
  /* (1) ZENTRALER BRAND RADIUS: genau den willst du pro Kunde oben ändern */
  --brand-border-radius: 0px;
  /* FONT SIZES ------------------------------------------------------- */
  --font-xs: .75rem;
  --font-sm: .875rem;
  --font-base-size: 1rem;
  --font-lg: 1.25rem;
  --font-xl: 1.5rem;
  /* ==================================================================
     BRAND DESIGN-TOKENS (aus Basiswerten abgeleitet)
     ================================================================== */
  /* LINKS ------------------------------------------------------------ */
  --brand-link-color: var(--brand-text-color);
  --brand-link-hover-color: var(--brand-primary-hover);
  --brand-link-decoration: underline;
  --brand-link-hover-decoration: none;
  --brand-link-opacity: 1;
  --brand-link-hover-opacity: 1;
  /* GRID / GUTTERS --------------------------------------------------- */
  --brand-gutter-x: var(--space-5);
  --brand-gutter-y: var(--space-5);
  --brand-gutter-x-xs: var(--space-3);
  --brand-gutter-x-sm: var(--space-3);
  --brand-gutter-x-md: var(--space-4);
  --brand-gutter-x-lg: var(--space-5);
  --brand-gutter-x-xl: var(--space-5);
  --brand-gutter-x-xxl: var(--space-5);
  --brand-gutter-y-xs: var(--space-3);
  --brand-gutter-y-sm: var(--space-3);
  --brand-gutter-y-md: var(--space-4);
  --brand-gutter-y-lg: var(--space-5);
  --brand-gutter-y-xl: var(--space-5);
  --brand-gutter-y-xxl: var(--space-5);
  /* CARDS ------------------------------------------------------------ */
  --brand-card-bg: var(--brand-bg-soft);
  --brand-card-border: var(--brand-border-color);
  --brand-card-radius: var(--brand-border-radius);
  --brand-card-padding-x: var(--space-4);
  --brand-card-padding-y: var(--space-4);
  --brand-card-padding-x-sm: var(--space-3);
  --brand-card-padding-y-sm: var(--space-3);
  /* NAVIGATION ------------------------------------------------------- */
  --brand-nav-link-color: var(--brand-text-color);
  --brand-nav-link-hover: var(--brand-primary);
  --brand-nav-link-active: var(--brand-primary);
  --brand-nav-link-padding-x: var(--space-3);
  --brand-nav-link-padding-y: var(--space-2);
  --brand-nav-tabs-border: var(--brand-primary);
  --brand-nav-tabs-hover-border: var(--brand-primary);
  --brand-nav-tabs-active-border: var(--brand-border-color);
  --brand-nav-tabs-content-border: var(--brand-border-color);
  --brand-nav-tabs-color: var(--brand-primary);
  --brand-nav-tabs-hover-color: var(--brand-primary-hover);
  --brand-nav-tabs-active-color: var(--brand-primary-hover);
  --brand-nav-tabs-link-active-bg: transparent;
  --brand-nav-link-font-size: var(--brand-font-size);
  /* BUTTONS GLOBAL --------------------------------------------------- */
  /* (1) Buttons hängen am zentralen Brand-Radius */
  --brand-btn-border-radius: var(--radius);
  --brand-btn-border-radius-lg: var(--radius-lg);
  --brand-btn-border-radius-sm: var(--radius-sm);
  /* Brand-Tokens */
--brand-pagination-color: var(--brand-primary);
--brand-pagination-bg: #fff;
--brand-pagination-border: var(--brand-border-color);
--brand-pagination-hover-color: var(--brand-primary-hover);
--brand-pagination-hover-bg: var(--brand-primary-soft);
--brand-pagination-hover-border: var(--brand-primary-hover);
--brand-pagination-focus-color: var(--brand-primary-active);
--brand-pagination-focus-bg: var(--brand-primary-soft);
--brand-pagination-focus-ring: 0 0 0 0.25rem rgba(218, 60, 21, 0.25);
--brand-pagination-active-color: #fff;
--brand-pagination-active-bg: var(--brand-primary);
--brand-pagination-active-border: var(--brand-primary);
--brand-pagination-disabled-color: var(--brand-gray);
--brand-pagination-disabled-bg: #fff;
--brand-pagination-disabled-border: var(--brand-border-color);

  /* LIST GROUP ------------------------------------------------------- */
  --brand-list-group-color: var(--brand-primary);
  --brand-list-group-bg: transparent;
  --brand-list-group-border-color: var(--brand-border-color-dark);
  --brand-list-group-border-width: 1px;
  --brand-list-group-border-radius: var(--radius-sm);
  --brand-list-group-item-padding-x: var(--space-3);
  --brand-list-group-item-padding-y: var(--space-2);
  --brand-list-group-action-color: #ffffff;
  --brand-list-group-action-hover-color: var(--brand-primary-hover);
  --brand-list-group-action-hover-bg: var(--brand-primary-soft);
  --brand-list-group-action-active-color: #ffffff;
  --brand-list-group-action-active-bg: var(--brand-primary);
  --brand-list-group-disabled-color: var(--brand-gray-dark);
  --brand-list-group-disabled-bg: var(--brand-bg-soft);
  --brand-list-group-active-color: #ffffff;
  --brand-list-group-active-bg: var(--brand-primary);
  --brand-list-group-active-border-color: var(--brand-primary);
  /* ACCORDION -------------------------------------------------------- */
  --brand-accordion-border-color: var(--brand-border-color);
  /* (2) Accordion-Radius an Card-Radius gekoppelt */
  --brand-accordion-radius: var(--brand-card-radius);
  --brand-accordion-btn-bg: var(--brand-light);
  --brand-accordion-btn-color: var(--brand-text-color);
  --brand-accordion-focus-border: var(--brand-primary);
  /* Fallback */
  --brand-accordion-focus-ring: 0 0 0 0.25rem rgba(218, 60, 21, 0.25);
  --brand-accordion-active-bg: var(--brand-primary);
  --brand-accordion-active-color: #ffffff;
  --brand-accordion-body-bg: var(--brand-surface);
  --brand-accordion-body-color: var(--brand-text-color);
  /* “Accordion Detail Farbe” / Body-Detail (z.B. Divider/Border) */
  --brand-accordion-body-border-color: var(--brand-border-color);
  /* TABLES ------------------------------------------------------------- */
  --brand-table-bg: var(--brand-surface);
  --brand-table-color: var(--brand-text-color);
  --brand-table-border-color: var(--brand-border-color);
  /* Striped rows */
  --brand-table-striped-bg: var(--brand-primary-soft);
  --brand-table-striped-color: var(--brand-text-color);
  /* Hover state */
  --brand-table-hover-bg: var(--brand-primary-soft);
  --brand-table-hover-color: var(--brand-text-color);
  /* Active row */
  --brand-table-active-bg: var(--brand-primary);
  --brand-table-active-color: #ffffff;
  /* Caption */
  --brand-table-caption-color: var(--brand-text-color-light);
  /* ==================================================================
     BOOTSTRAP MAPPING (THEMING EBENE)
     ================================================================== */
  /* COLORS ----------------------------------------------------------- */
  --bs-primary: var(--brand-primary);
  --bs-secondary: var(--brand-secondary);
  --bs-success: var(--brand-success);
  --bs-info: var(--brand-info);
  --bs-warning: var(--brand-warning);
  --bs-danger: var(--brand-danger);
  --bs-light: var(--brand-light);
  --bs-gray: var(--brand-gray);
  --bs-dark: var(--brand-dark);
  /* Auf farbigen Hintergründen (z.B. bg-primary, bg-dark) ------------ */
  --brand-text-color-neg: #fff;
  --brand-heading-neg: #fff;
  --brand-link-neg: #fff;
  /* BODY / TYPO ------------------------------------------------------ */
  --bs-body-font-family: var(--brand-font-family);
  --bs-body-color: var(--brand-text-color);
  --bs-body-line-height: var(--brand-line-height);
  --bs-body-font-size: var(--brand-font-size);
  --bs-heading-color: var(--brand-heading-color);
  /* HIGHLIGHT -------------------------------------------------------- */
  --bs-highlight-bg: var(--brand-highlight-bg);
  --bs-highlight-color: var(--brand-highlight-color);
  /* RADIUS ----------------------------------------------------------- */
  /* (1) globaler Bootstrap-Radius hängt jetzt am zentralen Brand-Radius */
  --bs-border-radius: var(--brand-border-radius);
  --bs-border-radius-sm: var(--radius-sm);
  --bs-border-radius-lg: var(--radius-lg);
  /* BORDERS / SHADOW ------------------------------------------------- */
  --bs-border-color: var(--brand-border-color);
  --bs-box-shadow: 0 .25rem .75rem var(--brand-shadow);
  /* LINKS ------------------------------------------------------------ */
  --bs-link-color: var(--brand-link-color);
  --bs-link-hover-color: var(--brand-link-hover-color);
  --bs-link-decoration: var(--brand-link-decoration);
  --bs-link-hover-decoration: var(--brand-link-hover-decoration);
  --bs-link-opacity: var(--brand-link-opacity);
  --bs-link-hover-opacity: var(--brand-link-hover-opacity);
  /* GRID / GUTTERS --------------------------------------------------- */
  --bs-gutter-x: var(--brand-gutter-x);
  --bs-gutter-y: var(--brand-gutter-y);
  /* NAVBAR ----------------------------------------------------------- */
  --bs-navbar-color: var(--brand-text-color-light);
  --bs-navbar-active-color: var(--brand-primary);
  /* ACCORDION -------------------------------------------------------- */
  --bs-accordion-border-color: var(--brand-accordion-border-color);
  --bs-accordion-border-radius: var(--brand-accordion-radius);
  --bs-accordion-btn-bg: var(--brand-accordion-btn-bg);
  --bs-accordion-btn-color: var(--brand-accordion-btn-color);
  --bs-accordion-btn-focus-border-color: var(--brand-accordion-focus-border);
  --bs-accordion-btn-focus-box-shadow: var(--brand-accordion-focus-ring);
  --bs-accordion-active-bg: var(--brand-accordion-active-bg);
  --bs-accordion-active-color: var(--brand-accordion-active-color);
  /* hilfreich für Bootstrap-Defaults (wird teils genutzt) */
  --bs-accordion-bg: var(--brand-accordion-body-bg);
  --bs-accordion-color: var(--brand-accordion-body-color);
  /* CARDS ------------------------------------------------------------ */
  --bs-card-bg: var(--brand-card-bg);
  --bs-card-border-color: var(--brand-card-border);
  --bs-card-border-radius: var(--brand-card-radius);
  --bs-card-inner-border-radius: var(--brand-card-radius);
  --bs-card-cap-bg: var(--brand-bg-soft);
  --bs-card-spacer-x: var(--brand-card-padding-x);
  --bs-card-spacer-y: var(--brand-card-padding-y);
  --bs-card-title-spacer-y: var(--space-2);
  /* NAV / TABS / PILLS ---------------------------------------------- */
  --bs-nav-link-color: var(--brand-nav-link-color);
  --bs-nav-link-hover-color: var(--brand-nav-link-hover);
  --bs-nav-link-padding-x: var(--brand-nav-link-padding-x);
  --bs-nav-link-padding-y: var(--brand-nav-link-padding-y);
  --bs-nav-tabs-border-color: var(--brand-nav-tabs-border);
  --bs-nav-tabs-link-hover-border-color: var(--brand-nav-tabs-hover-border);
  --bs-nav-tabs-link-active-border-color: var(--brand-nav-tabs-active-border);
  --bs-nav-tabs-link-active-color: var(--brand-nav-tabs-active-color);
  --bs-nav-tabs-link-active-bg: var(--brand-nav-tabs-link-active-bg);
  --bs-nav-pills-link-active-bg: var(--brand-primary);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-link-font-size: var(--brand-nav-link-font-size);
  /* BUTTONS GLOBAL --------------------------------------------------- */
  --bs-btn-border-radius: var(--brand-btn-border-radius);
  --bs-btn-border-radius-lg: var(--brand-btn-border-radius-lg);
  --bs-btn-border-radius-sm: var(--brand-btn-border-radius-sm);
  /* PAGINATION ------------------------------------------------------- */
  --bs-pagination-color: var(--brand-pagination-color);
  --bs-pagination-bg: var(--brand-pagination-bg);
  --bs-pagination-border-color: var(--brand-pagination-border);
  --bs-pagination-hover-color: var(--brand-pagination-hover-color);
  --bs-pagination-hover-bg: var(--brand-pagination-hover-bg);
  --bs-pagination-hover-border-color: var(--brand-pagination-hover-border);
--bs-pagination-focus-color: var(--brand-pagination-focus-color);
--bs-pagination-focus-bg: var(--brand-pagination-focus-bg);
--bs-pagination-focus-box-shadow: var(--brand-pagination-focus-ring);
  --bs-pagination-active-color: var(--brand-pagination-active-color);
  --bs-pagination-active-bg: var(--brand-pagination-active-bg);
  --bs-pagination-active-border-color: var(--brand-pagination-active-border);
  --bs-pagination-disabled-color: var(--brand-pagination-disabled-color);
  --bs-pagination-disabled-bg: var(--brand-pagination-disabled-bg);
  --bs-pagination-disabled-border-color: var(--brand-pagination-disabled-border);
  /* LIST GROUP ------------------------------------------------------- */
  --bs-list-group-color: var(--brand-list-group-color);
  --bs-list-group-bg: var(--brand-list-group-bg);
  --bs-list-group-border-color: var(--brand-list-group-border-color);
  --bs-list-group-border-width: var(--brand-list-group-border-width);
  --bs-list-group-border-radius: var(--brand-list-group-border-radius);
  --bs-list-group-item-padding-x: var(--brand-list-group-item-padding-x);
  --bs-list-group-item-padding-y: var(--brand-list-group-item-padding-y);
  --bs-list-group-action-color: var(--brand-list-group-action-color);
  --bs-list-group-action-hover-color: var(--brand-list-group-action-hover-color);
  --bs-list-group-action-hover-bg: var(--brand-list-group-action-hover-bg);
  --bs-list-group-action-active-color: var(--brand-list-group-action-active-color);
  --bs-list-group-action-active-bg: var(--brand-list-group-action-active-bg);
  --bs-list-group-disabled-color: var(--brand-list-group-disabled-color);
  --bs-list-group-disabled-bg: var(--brand-list-group-disabled-bg);
  --bs-list-group-active-color: var(--brand-list-group-active-color);
  --bs-list-group-active-bg: var(--brand-list-group-active-bg);
  --bs-list-group-active-border-color: var(--brand-list-group-active-border-color);
  /* TABLES ------------------------------------------------------------- */
  --bs-table-bg: var(--brand-table-bg);
  --bs-table-color: var(--brand-table-color);
  --bs-table-border-color: var(--brand-table-border-color);
  --bs-table-striped-bg: var(--brand-table-striped-bg);
  --bs-table-striped-color: var(--brand-table-striped-color);
  --bs-table-hover-bg: var(--brand-table-hover-bg);
  --bs-table-hover-color: var(--brand-table-hover-color);
  --bs-table-active-bg: var(--brand-table-active-bg);
  --bs-table-active-color: var(--brand-table-active-color);
  --bs-table-caption-color: var(--brand-table-caption-color);
  /* Optional: variant tables like .table-primary/.table-success/... */
  --bs-table-primary-bg: var(--brand-primary-soft);
  --bs-table-primary-color: var(--brand-primary);
  --bs-table-success-bg: var(--brand-success-soft);
  --bs-table-success-color: var(--brand-success);
  --bs-table-warning-bg: var(--brand-warning-soft);
  --bs-table-warning-color: #000;
  --bs-table-danger-bg: var(--brand-danger-soft);
  --bs-table-danger-color: var(--brand-danger);
  /* ==================================================
   HEADINGS – DESIGN TOKENS (mobile first)
   ================================================== */
  /* Basics */
  --headings-lh: 1.15;
  --headings-fw: var(--brand-font-weight-bold);
  /* Zielabstand innerhalb von Headline-Stacks */
  --headings-stack-gap: 0.5rem;
  /* Font sizes (Mobile) – nichts unter 18px */
  --h1-fs: 2.5rem; /* 40px */
  --h2-fs: 1.75rem; /* 28px */
  --h3-fs: 1.375rem; /* 22px */
  --h4-fs: 1.25rem; /* 20px */
  --h5-fs: 1.125rem; /* 18px */
  --h6-fs: 1.125rem; /* 18px */
  /* Bottom margins */
  --h1-mb: 1.4rem;
  --h2-mb: 1.2rem;
  --h3-mb: 0.55rem; 
  --h4-mb: 0.45rem; 
  --h5-mb: 0.35rem; 
  --h6-mb: 0.35rem;
  /* Top margins (normaler Flow) */
  --h2-mt: 2.8rem;
  --h3-mt: 2.2rem;
  --h4-mt: 1.8rem;
  --h5-mt: 1.6rem;
  --h6-mt: 1.4rem;
}
/* ==================================================
   HEADINGS TOKENS – Tablet (Bootstrap md ≥768px)
   ================================================== */
@media (min-width: 768px) {
  :root {
    --headings-stack-gap: 0.6rem;
    /* Font sizes */
    --h1-fs: 3.5rem; /* 56px */
    --h2-fs: 1.875rem; /* 30px */
    --h3-fs: 1.375rem; /* 22px */
    --h4-fs: 1.25rem; /* 20px */
    --h5-fs: 1.125rem; /* 18px */
    /* Bottom margins */
    --h1-mb: 1.8rem;
    --h2-mb: 1.4rem;
    --h3-mb: 0.6rem;
    --h4-mb: 0.45rem;
    --h5-mb: 0.4rem;
    /* Top margins */
    --h2-mt: 3.6rem;
    --h3-mt: 2.8rem;
    --h4-mt: 2.2rem;
    --h5-mt: 2rem;
    --h6-mt: 1.8rem;
  }
}
/* ==================================================
   HEADINGS TOKENS – Desktop (Bootstrap xl ≥1200px)
   ================================================== */
@media (min-width: 1200px) {
  :root {
    --headings-stack-gap: 0.75rem;
    /* Font sizes */
    --h1-fs: 4.2rem; /* 72px */
    --h2-fs: 2.25rem; /* 36px */
    --h3-fs: 1.5rem; /* 24px */
    --h4-fs: 1.375rem; /* 22px */
    --h5-fs: 1.25rem; /* 20px */
    /* Bottom margins */
    --h1-mb: 2.2rem;
    --h2-mb: 1.7rem;
    --h3-mb: 0.7rem;
    --h4-mb: 0.55rem;
    --h5-mb: 0.45rem;
    /* Top margins */
    --h2-mt: 4.5rem;
    --h3-mt: 3.4rem;
    --h4-mt: 2.8rem;
    --h5-mt: 2.4rem;
    --h6-mt: 2.2rem;
  }
}
/* ==================================================
   HEADINGS TOKENS – Desktop (Bootstrap xl ≥1200px)
   ================================================== */
@media (min-width: 1400px) {
  :root {
    --headings-stack-gap: 0.75rem;
    /* Font sizes */
    --h1-fs: 4.75rem; /* 76px */
  }
}
/* ====================================================================
   FONT-FACE / NOTO SANS CONDENSED
   ==================================================================== */
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-Black.eot');
  src: url('../fonts/Titillium/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-Black.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-Black.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-Black.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-Black.svg#TitilliumWeb-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-SemiBold.eot');
  src: url('../fonts/Titillium/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-SemiBold.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-SemiBold.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-SemiBold.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-SemiBoldItalic.eot');
  src: url('../fonts/Titillium/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-SemiBoldItalic.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-BoldItalic.eot');
  src: url('../fonts/Titillium/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-BoldItalic.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-BoldItalic.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-BoldItalic.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-LightItalic.eot');
  src: url('../fonts/Titillium/TitilliumWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-LightItalic.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-LightItalic.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-LightItalic.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-Regular.eot');
  src: url('../fonts/Titillium/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-Regular.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-Regular.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-Regular.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-Italic.eot');
  src: url('../fonts/Titillium/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-Italic.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-Italic.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-Italic.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-Bold.eot');
  src: url('../fonts/Titillium/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-Bold.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-Bold.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-Bold.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/Titillium/TitilliumWeb-Light.eot');
  src: url('../fonts/Titillium/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Titillium/TitilliumWeb-Light.woff2') format('woff2'), url('../fonts/Titillium/TitilliumWeb-Light.woff') format('woff'), url('../fonts/Titillium/TitilliumWeb-Light.ttf') format('truetype'), url('../fonts/Titillium/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-display: block;
  font-weight: 900;
  src: url("../fonts/Font-Awesome/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-display: block;
  font-weight: 400;
  src: url("../fonts/Font-Awesome/fa-regular-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-display: block;
  font-weight: 300;
  src: url("../fonts/Font-Awesome/fa-light-300.woff2") format("woff2");
}