.elementor-kit-5{--e-global-color-primary:#FF3E36;--e-global-color-secondary:#F2BE00;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-1c3cf38:#00BBFF;--e-global-color-489ad9f:#E16BFF;--e-global-color-47b003c:#AEAEAE;--e-global-color-fe429e0:#000000;--e-global-color-aaa553f:#808080;--e-global-color-307707d:#D9D9D9;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:10px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{color:#000000;border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ============================================
   ASCENT FLUID TYPOGRAPHY
   Smooth scaling from 320px to 1920px
   Classes applied via Elementor Advanced → CSS Classes
   Targets both wrapper and inner .elementor-heading-title
   ============================================ */

/* --- Display — large section headings (extraleicht) --- */
/* 30px → 64px / line-height 34px → 72px */
.t-display,
.t-display .elementor-heading-title {
  font-family: "Soehne extraleicht", sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
  font-size: clamp(1.875rem, 1.275rem + 2.125vw, 4rem) !important;
  line-height: clamp(2.125rem, 1.525rem + 2.375vw, 4.5rem) !important;
}

/* --- Title — secondary headings (halbfett) --- */
/* 22px → 36px / line-height 28px → 44px */
.t-title,
.t-title .elementor-heading-title {
  font-family: "Soehne halbfett", sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem) !important;
  line-height: clamp(1.75rem, 1.55rem + 1vw, 2.75rem) !important;
}

/* --- Subtitle — secondary headings (extraleicht) --- */
/* 22px → 36px / line-height 28px → 44px */
.t-subtitle,
.t-subtitle .elementor-heading-title {
  font-family: "Soehne extraleicht", sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem) !important;
  line-height: clamp(1.75rem, 1.55rem + 1vw, 2.75rem) !important;
}

/* --- Heading — card titles and labels (halbfett) --- */
/* 18px → 28px / line-height 24px → 34px */
.t-heading,
.t-heading .elementor-heading-title {
  font-family: "Soehne halbfett", sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem) !important;
  line-height: clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem) !important;
}

/* --- Eyebrow — section labels, uppercase (buch) --- */
/* 13px → 17px / line-height 18px → 24px */
.t-eyebrow,
.t-eyebrow .elementor-heading-title {
  font-family: "Soehne-buch", sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: clamp(0.8125rem, 0.7625rem + 0.25vw, 1.0625rem) !important;
  line-height: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important;
}
/* --- Eyebrow — smaller on mobile --- */
@media (max-width: 767px) {
  .t-eyebrow,
  .t-eyebrow .elementor-heading-title {
    font-size: 0.6875rem !important;
    line-height: 1rem !important;
    letter-spacing: 1.5px !important;
  }
}


/* --- Body — paragraphs and base text (buch) --- */
/* 16px → 18px / line-height 22px → 28px */
body, p, .t-body {
  font-family: "Soehne-buch", sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important;
  line-height: clamp(1.375rem, 1.3rem + 0.375vw, 1.75rem) !important;
}

/* --- Heading gradient — display, title, subtitle, heading --- */
.t-display .elementor-heading-title,
.t-title .elementor-heading-title,
.t-subtitle .elementor-heading-title,
.t-heading .elementor-heading-title {
  background: linear-gradient(
    to bottom,
    #999999 0%,
    #e8e8e8 50%,
    #999999 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 100% 1lh !important;
}




:root {
  --color-red: #ff3e36;
  --color-yellow: #e6d600;
  --color-green: #2cce4f;
  --color-blue: #00b2ff;
  --color-indigo: #e643ff;
}

@media (color-gamut: p3) {
  :root {
    --color-red: oklch(0.67 0.26 27);
    --color-yellow: oklch(0.86 0.21 104);
    --color-green: oklch(0.73 0.26 150);
    --color-blue: oklch(0.72 0.19 232);
    --color-indigo: oklch(0.71 0.31 325);
    --e-global-color-primary: oklch(0.67 0.26 27);
  }
}

.bttn-col {
  background-color: #000000;
  color: #FFFFFF;
  border: 2px solid var(--color-red);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.bttn-col:hover {
  background-color: var(--color-red);
  color: #000000;
  border-color: var(--color-red);
}

@font-face {
  font-family: 'Soehne extraleicht';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('https://ascentgp.co/wp-content/uploads/2026/02/soehne-extraleicht.woff2') format('woff2');
}
@font-face {
  font-family: 'Soehne halbfett';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('https://ascentgp.co/wp-content/uploads/2026/02/soehne-halbfett.woff2') format('woff2');
}
@font-face {
  font-family: 'Soehne-buch';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('https://ascentgp.co/wp-content/uploads/2026/02/soehne-buch.woff2') format('woff2');
}/* End custom CSS */