.elementor-kit-6{--e-global-color-primary:#FF6A2B;--e-global-color-secondary:#100E0C;--e-global-color-text:#CFC6B9;--e-global-color-accent:#A69C8F;--e-global-color-9feeafb:#FF8A57;--e-global-color-e8282e0:#15120F;--e-global-color-19e90e1:#1A1714;--e-global-color-32eca91:#2C2723;--e-global-color-2073a35:#3C3630;--e-global-color-9ca501f:#F4EFE7;--e-global-color-a8c87ef:#170B04;--e-global-typography-primary-font-family:"Syne";--e-global-typography-primary-font-size:clamp(2.625rem, 4.619vw + 1.43rem, 5.125rem);--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:0.98em;--e-global-typography-primary-letter-spacing:-1.6px;--e-global-typography-secondary-font-family:"Syne";--e-global-typography-secondary-font-size:clamp(2.875rem, 5.081vw + 1.56rem, 5.625rem);--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:0.96em;--e-global-typography-secondary-letter-spacing:-1.8px;--e-global-typography-text-font-family:"IBM Plex Sans";--e-global-typography-text-font-size:clamp(1rem, 0.115vw + 0.97rem, 1.063rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Syne";--e-global-typography-accent-font-size:clamp(1.875rem, 1.617vw + 1.457rem, 2.75rem);--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:1.05em;--e-global-typography-accent-letter-spacing:-0.4px;--e-global-typography-6d3acf7-font-family:"Syne";--e-global-typography-6d3acf7-font-size:clamp(2.25rem, 2.309vw + 1.652rem, 3.5rem);--e-global-typography-6d3acf7-font-weight:800;--e-global-typography-6d3acf7-line-height:1.02em;--e-global-typography-6d3acf7-letter-spacing:-0.6px;--e-global-typography-2e077ac-font-family:"Syne";--e-global-typography-2e077ac-font-size:clamp(1.25rem, 0.462vw + 1.13rem, 1.5rem);--e-global-typography-2e077ac-font-weight:700;--e-global-typography-2e077ac-line-height:1.2em;--e-global-typography-f66f4f0-font-family:"Syne";--e-global-typography-f66f4f0-font-size:clamp(1.625rem, 1.386vw + 1.266rem, 2.375rem);--e-global-typography-f66f4f0-font-weight:800;--e-global-typography-f66f4f0-line-height:1.1em;--e-global-typography-f66f4f0-letter-spacing:-0.3px;--e-global-typography-030b2ee-font-family:"Syne";--e-global-typography-030b2ee-font-size:clamp(1rem, 0.346vw + 0.91rem, 1.188rem);--e-global-typography-030b2ee-font-weight:800;--e-global-typography-030b2ee-line-height:1.1em;--e-global-typography-030b2ee-letter-spacing:-0.3px;--e-global-typography-0817c71-font-family:"IBM Plex Sans";--e-global-typography-0817c71-font-size:clamp(1.063rem, 0.462vw + 0.943rem, 1.313rem);--e-global-typography-0817c71-font-weight:400;--e-global-typography-0817c71-line-height:1.6em;--e-global-typography-8fce033-font-family:"IBM Plex Sans";--e-global-typography-8fce033-font-size:14px;--e-global-typography-8fce033-font-weight:600;--e-global-typography-8fce033-line-height:1.4em;--e-global-typography-6657d0e-font-family:"IBM Plex Sans";--e-global-typography-6657d0e-font-size:14px;--e-global-typography-6657d0e-font-weight:500;--e-global-typography-6657d0e-line-height:1.5em;--e-global-typography-ec64d0c-font-family:"IBM Plex Sans";--e-global-typography-ec64d0c-font-size:16px;--e-global-typography-ec64d0c-font-weight:600;--e-global-typography-ec64d0c-line-height:1em;background-color:#000000;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================
   SMART HEADER
   ===================================================== */

.smart-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;

  /* 100 % Größe am Webseitenanfang */
  padding-block: 14px;

  background: transparent !important;
  opacity: 1 !important;

  transform: translateY(0);
  transition:
    transform 0.35s ease,
    padding 0.35s ease;

  overflow: visible;
}

.smart-header > * {
  position: relative;
  z-index: 2;
}


/* =====================================================
   HEADER HINTERGRUND
   ===================================================== */

.smart-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  /* Am Webseitenanfang:
     Türkis mit 20 % Transparenz */
  background-color: rgba(16, 14, 12, 0.8);

  backdrop-filter: none;
  -webkit-backdrop-filter: none;

  transition:
    background-color 0.35s ease,
    backdrop-filter 0.35s ease,
    -webkit-backdrop-filter 0.35s ease;
}


/* =====================================================
   RUNTERSCROLLEN
   Header verschwindet komplett
   ===================================================== */

.smart-header.is-hidden {
  transform: translateY(-100%) !important;
}


/* =====================================================
   HOCHSCROLLEN
   Header erscheint kompakt
   ===================================================== */

.smart-header.is-compact {
  padding-block: 10px !important;
}

.smart-header.is-compact::before {
  /* 50 % transparent */
  background-color: rgba(16, 14, 12, 0.5);

  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}


/* =====================================================
   AM WEBSEITENANFANG
   wieder volle Größe
   ===================================================== */

.smart-header:not(.is-compact)::before {
  background-color: rgba(16, 14, 12, 0.3);

  backdrop-filter: none;
  -webkit-backdrop-filter: none;

  box-shadow: none;
}/* End custom CSS */