@property --space--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --space--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --space--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --space--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --space--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.25rem;
}
@property --radius--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --radius--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --radius--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.375rem;
}
@property --space--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --space--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6rem;
}
@property --color--black {
  syntax: "<color>";
  inherits: true;
  initial-value: #25282A;
}
@property --font-size--h1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(2.8rem + 2.2vw);
}
@property --font-size--h2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(2.2rem + 1.6vw);
}
@property --font-size--h3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.8rem + 1.1vw);
}
@property --font-size--h4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.45rem + 0.6vw);
}
@property --font-size--h5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.15rem + 0.35vw);
}
@property --font-size--h6 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1rem + 0.2vw);
}
@property --font-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.05rem + 0.35vw);
}
@property --font-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font-size--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.3rem + 0.6vw);
}
@property --button--radius {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --color--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --font-size--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(1.8rem + 1vw);
}
@property --font-size--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(2.4rem + 1.6vw);
}
@property --color--red--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEE2E2;
}
@property --color--red--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCA5A5;
}
@property --color--red--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EF4444;
}
@property --color--red--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B91C1C;
}
@property --color--red--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7F1D1D;
}
@property --font-size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: calc(0.95rem + 0.25vw);
}
@property --line-height--h1 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.2;
}
@property --line-height--h2 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.22;
}
@property --line-height--h3 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.25;
}
@property --line-height--h4 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.3;
}
@property --line-height--h5 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.35;
}
@property --line-height--h6 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.4;
}
@property --color--blue--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DBEAFE;
}
@property --color--blue--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #93C5FD;
}
@property --color--blue--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --color--blue--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D4ED8;
}
@property --color--blue--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E3A8A;
}
@property --color--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5;
}
@property --color--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D4D4D4;
}
@property --color--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --color--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #404040;
}
@property --color--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171717;
}
@property --color--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373;
}
@property --color--green--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1FAE5;
}
@property --color--green--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6EE7B7;
}
@property --color--green--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --color--green--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #047857;
}
@property --color--green--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #064E3B;
}
@property --font-family--text {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --line-height--body {
  syntax: "<number>";
  inherits: true;
  initial-value: 1.6;
}
@property --color--brand--main {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--text--light {
  syntax: "<color>";
  inherits: true;
  initial-value: rgba(255,255,255,0.9);
}
@property --color--text--muted {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #25282A l a b / 0.55);
}
@property --color--yellow--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF3C7;
}
@property --color--yellow--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCD34D;
}
@property --color--yellow--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F59E0B;
}
@property --color--yellow--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B45309;
}
@property --color--yellow--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #78350F;
}
@property --font-weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --button--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --button--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --button--ghost--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --button--primary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --size--container--lg {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 80rem;
}
@property --size--container--md {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 64rem;
}
@property --size--container--sm {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 42rem;
}
@property --button--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --color--overlay--dark {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(0,0,0,0.45);
}
@property --color--section--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l - 0.18) a b);
}
@property --color--text--default {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #25282A l a b / 0.9);
}
@property --font-family--heading {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --section--padding--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6rem;
}
@property --section--padding--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --section--padding--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --section--padding--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8rem;
}
@property --section--padding--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --button--lg--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.1rem;
}
@property --button--lg--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.4rem;
}
@property --button--lg--padding-y {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.8rem;
}
@property --button--md--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --button--md--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --button--md--padding-y {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.6rem;
}
@property --button--primary--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --button--secondary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --button--sm--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --button--sm--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --button--sm--padding-y {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.4rem;
}
@property --color--heading--brand {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--heading--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--overlay--brand {
  syntax: "<color>";
  inherits: false;
  initial-value: oklab(from #4E87A0 l a b / 0.55);
}
@property --color--section--light {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #D7D2CB calc(l + 0.1) a b);
}
@property --color--border--default {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #25282A l a b / 0.12);
}
@property --font-weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --section--padding--none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0;
}
@property --button--ghost--bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--secondary--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #25282A;
}
@property --color--brand--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --color--card--background {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--heading--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #25282A;
}
@property --color--section--default {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-family--heading-h1 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-family--heading-h2 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-family--heading-h3 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-family--heading-h4 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-family--heading-h5 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-family--heading-h6 {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --color--brand--main--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l - 0.18) a b);
}
@property --button--primary--bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--brand--main--light {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l + 0.12) a b);
}
@property --color--container--default {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--container--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --color--button--ghost--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--button--primary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E87A0;
}
@property --color--button--primary--text {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--button--secondary--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D2CB;
}
@property --color--brand--secondary--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #D7D2CB calc(l - 0.15) a b);
}
@property --color--card--background--dark {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #4E87A0 calc(l - 0.22) a b);
}
@property --color--brand--secondary--light {
  syntax: "<color>";
  inherits: true;
  initial-value: oklab(from #D7D2CB calc(l + 0.1) a b);
}

  :host, :root {
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.5rem;
  --space--xl: 2.5rem;
  --space--xs: 0.25rem;
  --radius--lg: 1.25rem;
  --radius--md: 0.75rem;
  --radius--sm: 0.375rem;
  --space--2xl: 4rem;
  --space--3xl: 6rem;
  --color--black: #25282A;
  --font-size--h1: calc(2rem + 2.2vw);
  --font-size--h2: calc(1.7rem + 1.6vw);
  --font-size--h3: calc(1.3rem + 1.1vw);
  --font-size--h4: calc(1rem + 0.6vw);
  --font-size--h5: calc(0.9rem + 0.35vw);
  --font-size--h6: calc(0.8rem + 0.2vw);
  --font-size--lg: calc(1.05rem + 0.35vw);
  --font-size--sm: 0.875rem;
  --font-size--xl: calc(1.3rem + 0.6vw);
  --button--radius: calc(var(--radius--md)*0.8);
  --color--primary: var(--color--blue--500);
  --font-size--2xl: calc(1.8rem + 1vw);
  --font-size--3xl: calc(2.4rem + 1.6vw);
  --color--red--100: #FEE2E2;
  --color--red--300: #FCA5A5;
  --color--red--500: #EF4444;
  --color--red--700: #B91C1C;
  --color--red--900: #7F1D1D;
  --font-size--base: calc(0.90rem + 0.25vw);
  --line-height--h1: 1.1;
  --line-height--h2: 1.13;
  --line-height--h3: 1.16;
  --line-height--h4: 1.2;
  --line-height--h5: 1.22;
  --line-height--h6: 1.25;
  --color--blue--100: #DBEAFE;
  --color--blue--300: #93C5FD;
  --color--blue--500: #3B82F6;
  --color--blue--700: #1D4ED8;
  --color--blue--900: #1E3A8A;
  --color--grey--100: #F5F5F5;
  --color--grey--300: #D4D4D4;
  --color--grey--500: #737373;
  --color--grey--700: #404040;
  --color--grey--900: #171717;
  --color--secondary: var(--color--grey--500);
  --color--green--100: #D1FAE5;
  --color--green--300: #6EE7B7;
  --color--green--500: #10B981;
  --color--green--700: #047857;
  --color--green--900: #064E3B;
  --font-family--text: Neue Haas Grotesk Text Pro;
  --font-weight--bold: 700;
  --line-height--body: 1.3;
  --color--brand--main: #4E87A0;
  --color--text--light: rgba(255,255,255,0.9);
  --color--text--muted: oklab(from var(--color--black) l a b / 0.55);
  --color--yellow--100: #FEF3C7;
  --color--yellow--300: #FCD34D;
  --color--yellow--500: #F59E0B;
  --color--yellow--700: #B45309;
  --color--yellow--900: #78350F;
  --font-weight--light: 300;
  --button--font-family: var(--font-family--text);
  --button--font-weight: 600;
  --button--ghost--text: var(--color--button--ghost--text);
  --button--primary--bg: var(--color--button--primary--bg);
  --size--container--lg: min(84rem, calc(100vw - 3rem));
  --size--container--md: min(72rem, calc(100vw - 3rem));
  --size--container--sm: min(53rem, calc(100vw - 3rem));
  --button--border-width: 1px;
  --color--overlay--dark: rgba(0,0,0,0.45);
  --color--section--dark: var(--color--brand--main--dark);
  --color--text--default: oklab(from var(--color--black) l a b / 0.9);
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --section--padding--lg: 6rem;
  --section--padding--md: 4rem;
  --section--padding--sm: 2.5rem;
  --section--padding--xl: 4rem;
  --section--padding--xs: 1.5rem;
  --button--lg--font-size: 1.1rem;
  --button--lg--padding-x: 1.4rem;
  --button--lg--padding-y: 0.8rem;
  --button--md--font-size: var(--font-size--base);
  --button--md--padding-x: 1.3rem;
  --button--md--padding-y: 0.7rem;
  --button--primary--text: var(--color--button--primary--text);
  --button--secondary--bg: var(--color--button--secondary--bg);
  --button--sm--font-size: calc(var(--font-size--base) * 0.9);
  --button--sm--padding-x: 0.9rem;
  --button--sm--padding-y: 0.59rem;
  --color--heading--brand: var(--color--brand--main);
  --color--heading--light: #ffffff;
  --color--overlay--brand: oklab(from var(--color--brand--main) l a b / 0.55);
  --color--section--light: var(--color--brand--secondary--light);
  --color--border--default: oklab(from var(--color--black) l a b / 0.12);
  --font-weight--semi-bold: 600;
  --section--padding--none: 0;
  --button--ghost--bg-hover: oklab(from var(--color--button--ghost--text) l a b / 0.08);
  --button--secondary--text: var(--color--black);
  --color--brand--secondary: #D7D2CB;
  --color--card--background: #ffffff;
  --color--heading--default: var(--color--black);
  --color--section--default: transparent;
  --font-family--heading-h1: Neue Haas Grotesk Text Pro;
  --font-family--heading-h2: Neue Haas Grotesk Text Pro;
  --font-family--heading-h3: Neue Haas Grotesk Text Pro;
  --font-family--heading-h4: Neue Haas Grotesk Text Pro;
  --font-family--heading-h5: Neue Haas Grotesk Text Pro;
  --font-family--heading-h6: Neue Haas Grotesk Text Pro;
  --color--brand--main--dark: oklab(from #4E87A0 calc(l - 0.18) a b);
  --button--primary--bg-hover: oklab(from var(--color--button--primary--bg) calc(l - 0.08) a b);
  --color--brand--main--light: oklab(from #4E87A0 calc(l + 0.12) a b);
  --color--container--default: transparent;
  --color--container--surface: var(--color--brand--secondary);
  --color--button--ghost--text: var(--color--brand--main);
  --color--button--primary--bg: var(--color--brand--main);
  --color--button--primary--text: #ffffff;
  --color--button--secondary--bg: var(--color--brand--secondary);
  --color--brand--secondary--dark: oklab(from #D7D2CB calc(l - 0.15) a b);
  --color--card--background--dark: oklab(from var(--color--brand--main) calc(l - 0.22) a b);
  --color--brand--secondary--light: oklab(from #D7D2CB calc(l + 0.1) calc(a * 0.7) calc(b * 0.7));
}
  
  
  [data-nc-theme~="Default"] {
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.5rem;
  --space--xl: 2.5rem;
  --space--xs: 0.25rem;
  --radius--lg: 1.25rem;
  --radius--md: 0.75rem;
  --radius--sm: 0.375rem;
  --space--2xl: 4rem;
  --space--3xl: 6rem;
  --color--black: #25282A;
  --font-size--h1: calc(2rem + 2.2vw);
  --font-size--h2: calc(1.7rem + 1.6vw);
  --font-size--h3: calc(1.3rem + 1.1vw);
  --font-size--h4: calc(1rem + 0.6vw);
  --font-size--h5: calc(0.9rem + 0.35vw);
  --font-size--h6: calc(0.8rem + 0.2vw);
  --font-size--lg: calc(1.05rem + 0.35vw);
  --font-size--sm: 0.875rem;
  --font-size--xl: calc(1.3rem + 0.6vw);
  --button--radius: calc(var(--radius--md)*0.8);
  --color--primary: var(--color--blue--500);
  --font-size--2xl: calc(1.8rem + 1vw);
  --font-size--3xl: calc(2.4rem + 1.6vw);
  --color--red--100: #FEE2E2;
  --color--red--300: #FCA5A5;
  --color--red--500: #EF4444;
  --color--red--700: #B91C1C;
  --color--red--900: #7F1D1D;
  --font-size--base: calc(0.90rem + 0.25vw);
  --line-height--h1: 1.1;
  --line-height--h2: 1.13;
  --line-height--h3: 1.16;
  --line-height--h4: 1.2;
  --line-height--h5: 1.22;
  --line-height--h6: 1.25;
  --color--blue--100: #DBEAFE;
  --color--blue--300: #93C5FD;
  --color--blue--500: #3B82F6;
  --color--blue--700: #1D4ED8;
  --color--blue--900: #1E3A8A;
  --color--grey--100: #F5F5F5;
  --color--grey--300: #D4D4D4;
  --color--grey--500: #737373;
  --color--grey--700: #404040;
  --color--grey--900: #171717;
  --color--secondary: var(--color--grey--500);
  --color--green--100: #D1FAE5;
  --color--green--300: #6EE7B7;
  --color--green--500: #10B981;
  --color--green--700: #047857;
  --color--green--900: #064E3B;
  --font-family--text: Neue Haas Grotesk Text Pro;
  --font-weight--bold: 700;
  --line-height--body: 1.3;
  --color--brand--main: #4E87A0;
  --color--text--light: rgba(255,255,255,0.9);
  --color--text--muted: oklab(from var(--color--black) l a b / 0.55);
  --color--yellow--100: #FEF3C7;
  --color--yellow--300: #FCD34D;
  --color--yellow--500: #F59E0B;
  --color--yellow--700: #B45309;
  --color--yellow--900: #78350F;
  --font-weight--light: 300;
  --button--font-family: var(--font-family--text);
  --button--font-weight: 600;
  --button--ghost--text: var(--color--button--ghost--text);
  --button--primary--bg: var(--color--button--primary--bg);
  --size--container--lg: min(84rem, calc(100vw - 3rem));
  --size--container--md: min(72rem, calc(100vw - 3rem));
  --size--container--sm: min(53rem, calc(100vw - 3rem));
  --button--border-width: 1px;
  --color--overlay--dark: rgba(0,0,0,0.45);
  --color--section--dark: var(--color--brand--main--dark);
  --color--text--default: oklab(from var(--color--black) l a b / 0.9);
  --font-family--heading: sans-serif;
  --font-weight--regular: 400;
  --section--padding--lg: 6rem;
  --section--padding--md: 4rem;
  --section--padding--sm: 2.5rem;
  --section--padding--xl: 4rem;
  --section--padding--xs: 1.5rem;
  --button--lg--font-size: 1.1rem;
  --button--lg--padding-x: 1.4rem;
  --button--lg--padding-y: 0.8rem;
  --button--md--font-size: var(--font-size--base);
  --button--md--padding-x: 1.3rem;
  --button--md--padding-y: 0.7rem;
  --button--primary--text: var(--color--button--primary--text);
  --button--secondary--bg: var(--color--button--secondary--bg);
  --button--sm--font-size: calc(var(--font-size--base) * 0.9);
  --button--sm--padding-x: 0.9rem;
  --button--sm--padding-y: 0.59rem;
  --color--heading--brand: var(--color--brand--main);
  --color--heading--light: #ffffff;
  --color--overlay--brand: oklab(from var(--color--brand--main) l a b / 0.55);
  --color--section--light: var(--color--brand--secondary--light);
  --color--border--default: oklab(from var(--color--black) l a b / 0.12);
  --font-weight--semi-bold: 600;
  --section--padding--none: 0;
  --button--ghost--bg-hover: oklab(from var(--color--button--ghost--text) l a b / 0.08);
  --button--secondary--text: var(--color--black);
  --color--brand--secondary: #D7D2CB;
  --color--card--background: #ffffff;
  --color--heading--default: var(--color--black);
  --color--section--default: transparent;
  --font-family--heading-h1: Neue Haas Grotesk Text Pro;
  --font-family--heading-h2: Neue Haas Grotesk Text Pro;
  --font-family--heading-h3: Neue Haas Grotesk Text Pro;
  --font-family--heading-h4: Neue Haas Grotesk Text Pro;
  --font-family--heading-h5: Neue Haas Grotesk Text Pro;
  --font-family--heading-h6: Neue Haas Grotesk Text Pro;
  --color--brand--main--dark: oklab(from #4E87A0 calc(l - 0.18) a b);
  --button--primary--bg-hover: oklab(from var(--color--button--primary--bg) calc(l - 0.08) a b);
  --color--brand--main--light: oklab(from #4E87A0 calc(l + 0.12) a b);
  --color--container--default: transparent;
  --color--container--surface: var(--color--brand--secondary);
  --color--button--ghost--text: var(--color--brand--main);
  --color--button--primary--bg: var(--color--brand--main);
  --color--button--primary--text: #ffffff;
  --color--button--secondary--bg: var(--color--brand--secondary);
  --color--brand--secondary--dark: oklab(from #D7D2CB calc(l - 0.15) a b);
  --color--card--background--dark: oklab(from var(--color--brand--main) calc(l - 0.22) a b);
  --color--brand--secondary--light: oklab(from #D7D2CB calc(l + 0.1) calc(a * 0.7) calc(b * 0.7));
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .bVtloV {
      font-size:var(--font-size--h3);
    }

    .eKkFIb {
      width:100%;
      display:flex;
      align-items:center;
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      justify-content:flex-start;
    }

    .custom_gallery_big\:root {
      padding-top:0px;
      padding-bottom:0px;
    }

    .eaaXwe {
      object-fit:cover;
      aspect-ratio:var(--aspect-ratio);
    }

    .custom_gallery_big\:CWoRQK-0ahJ9El95Ck4In {
      height:20rem;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .YjZrY {
      width:100%;
      max-width:var(--size);
      padding-top:var(--padding);
      padding-bottom:var(--padding);
    }

    .custom_gallery_big\:qg_KJI4XZXTD2XVcNFgYV {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      overflow-y:scroll;
      padding-top:0px;
      flex-direction:row;
      padding-bottom:0px;
    }

    .qhkxi {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.2s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    @keyframes HomePage-fadeInUp {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(30px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .Startseite\:AarCgUUW8tzKPKKqSvEu9 {
      padding-bottom:var(--space--md);
    }

    .bbkigz {
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.3s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .clTpSV {
      right:0px;
      bottom:0px;
      display:flex;
      row-gap:var(--space--md);
      z-index:10000000;
      position:fixed;
      column-gap:var(--space--md);
      align-items:flex-end;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      pointer-events:none;
      justify-content:flex-end;
    }

    @media (max-width: 35rem) {

    .clTpSV {
      row-gap:0px;
      column-gap:0px;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }
    }

    .eFEFDc {
      color:inherit;
      box-sizing:border-box;
    }

    .BEFTq {
      box-sizing:border-box;
    }

    .dQUyqG {
      row-gap:var(--space--md);
      background:var(--color--brand--secondary);
      column-gap:var(--space--md);
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .copnxO {
      color:white;
      cursor:pointer;
      background:var(--color--black);
      transition:all 250ms ease;
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .copnxO:hover {
      background:var(--color--brand--main);
    }

    .eoPujl {
      transition:height 150ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .eoPujl.closed {
      height:0px;
      overflow-y:clip;
    }

    @media (max-width: 35rem) {

    .eoPujl {
      display:none;
    }
    }

    .fiqrKZ {
      width:8rem;
      cursor:pointer;
      height:8rem;
      display:flex;
      background:var(--color--brand--secondary);
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:center;
      border-top-left-radius:100%;
      border-top-right-radius:100%;
      border-bottom-left-radius:100%;
      border-bottom-right-radius:100%;
    }

    .fiqrKZ:hover {
      color:white;
      background:var(--color--brand--main);
    }

    .fiqrKZ.hover {
      scale:1.05 1.05 1;
    }

    @media (max-width: 35rem) {

    .fiqrKZ {
      rotate:0 0 1 -16deg;
      translate:0.35rem 2rem 0;
    }
    }

    .idmop {
      width:100%;
      display:flex;
      overflow:hidden;
      position:relative;
      flex-direction:row;
    }

    .cwticX {
      color:var(--item-color);
      padding:0px;
      font-size:var(--font-size--h3);
      white-space:nowrap;
    }

    .djQGKA {
      gap:var(--space--md);
      display:flex;
      flex-shrink:0;
      flex-direction:row;
    }

    .HcAXU {
      gap:var(--space--md);
      display:flex;
      animation-name:var(--animation-name);
      flex-direction:row;
      animation-duration:60s;
      animation-iteration-count:infinite;
      animation-timing-function:linear;
    }

    @keyframes text_carousel_infinitive-slide-left {
        0% {
          transform: translateX(0%);
        }

        100% {
          transform: translateX(-50%);
        }
    }


    @keyframes text_carousel_infinitive-slide-right {
        0% {
          transform: translateX(-50%);
        }

        100% {
          transform: translateX(0%);
        }
    }

    .Startseite\:CuxgVKSYM7QEJb7pMf4qq {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .custom_hero\:root {
      color:var(--text-color);
      width:100%;
      display:flex;
      overflow:hidden;
      position:relative;
      background:var(--hero-bg);
      min-height:var(--hero-min-height);
      align-items:center;
      justify-content:center;
    }

    .dVJVy {
      color:inherit;
      font-size:var(--font-size--h2);
      text-align:left;
      font-weight:var(--button--font-weight);
    }

    .cGQsoF {
      width:100%;
      height:100%;
      opacity:0.5;
      z-index:1;
      position:absolute;
      background:linear-gradient(#ff000000 0%, #000000 100%);
    }

    .bfaJyA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:0;
      position:absolute;
    }

    .NkQMU {
      display:flex;
      row-gap:var(--space--md);
      flex-wrap:wrap;
      column-gap:var(--space--md);
      margin-top:var(--space--sm);
      flex-direction:row;
    }

    .custom_hero\:container {
      color:white;
      width:100%;
      height:100%;
      display:flex;
      z-index:2;
      position:relative;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-end;
    }

    @media (max-width: 35rem) {

    .custom_hero\:container {
      padding-top:var(--section--padding--xs);
      padding-bottom:var(--section--padding--xs);
    }
    }

    .biezmH {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .cBYxrQ {
      width:100%;
      height:100%;
      position:absolute;
      animation:200ms ease 0ms 1 normal none running animation-diMMIZ;
      object-fit:cover;
      transition:all 250ms ease;
    }

    .cBYxrQ.hidden {
      display:none;
      opacity:0;
    }

    @keyframes animation-diMMIZ {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .bGUfxw {
      color:inherit;
      font-size:var(--font-size--h4);
      text-align:left;
    }

    .HCPKa {
      width:100%;
      height:100%;
      opacity:0.5;
      z-index:1;
      position:absolute;
      background:url("https://images.oskar25.de/10030/schleifen_light_klein_2.png") scroll padding-box border-box no-repeat no-repeat left 0% bottom 0% / cover;
    }

    .Startseite\:GMOWj4UpQDNxwjYXqcw9M {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      mask-image:linear-gradient(    to right,    transparent 0%,    black 8%,    black 92%,    transparent 100%  );
      -webkit-mask-image:linear-gradient(
    to right,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
    }

    .dSWJrG {
      color:var(--color--brand--main);
    }

    .footer\:root {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .eJcYFt {
      color:var(--color--brand--main);
      width:1rem;
      height:1rem;
      box-sizing:border-box;
    }

    .footer\:2Bq2aq7pRngviE8v64zDl {
      padding-bottom:0px;
    }

    .djyGoR {
      width:1.4rem;
      height:1.4rem;
      box-sizing:border-box;
    }

    .mMhPa {
      height:1.4rem;
      box-sizing:border-box;
    }

    .dQiswe {
      row-gap:var(--space--lg);
      background:url("https://images.oskar25.de/10030/schleifen_dark_klein.png") center center / cover var(--color--brand--secondary);
      column-gap:var(--space--lg);
      overflow-x:clip;
      overflow-y:clip;
      padding-top:var(--space--xl);
      padding-left:var(--space--xl);
      padding-right:var(--space--xl);
      padding-bottom:var(--space--md);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
    }

    .eryldt {
      row-gap:var(--space--sm);
      column-gap:var(--space--sm);
      flex-direction:row;
    }

    .vyfKk {
      font-weight:var(--font-weight--semi-bold);
    }

    .bxxyIk {
      font-size:var(--font-size--sm);
    }

    .WLyFs {
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
    }

    .fduAWe {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      opacity:0.1;
      position:absolute;
      align-items:center;
      pointer-events:none;
      justify-content:flex-end;
    }

    .fmUzhq {
      gap:var(--space--md);
      display:grid;
      grid-template:auto / 1fr 1fr 1fr 1fr;
      flex-direction:row;
    }

    @media (max-width: 35rem) {

    .fmUzhq {
      display:flex;
      flex-direction:column;
    }
    }

    .dlEMmS {
      color:inherit;
      height:2rem;
      display:flex;
      box-sizing:border-box;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bmKCsR {
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .fdkA-dG {
      width:1.5rem;
      height:1.4rem;
      box-sizing:border-box;
    }

    .faJyvm {
      font-size:var(--font-size--h4);
    }

    .eHQYnd {
      color:var(--color--brand--main);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .cCYXsI {
      width:100%;
    }

    .sEnz {
      flex:1;
      width:100%;
      display:flex;
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      align-items:stretch;
      justify-content:center;
    }

    .sEnz.row {
      display:grid;
      grid-template:auto / 1fr 1fr 1fr;
    }

    @media (max-width: 35rem) {

    .sEnz.row {
      width:100%;
      display:flex;
      flex-wrap:wrap;
      flex-direction:column;
    }
    }

    .ccyrPh {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      z-index:0;
      position:absolute;
      background:linear-gradient(to bottom left, #ff000000 0%, #00000094 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
      object-fit:cover;
      transition:all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .ccyrPh:hover {
      scale:1.05 1.05 1;
    }

    .fjHpel {
      pointer-events:none;
    }

    .cqqzQF {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      align-items:flex-end;
      pointer-events:none;
      justify-content:flex-start;
    }

    @media (max-width: 35rem) {

    .cqqzQF {
      display:none;
    }
    }

    .custom_explore_more\:4nbmvl3jIIuUf22pOPGVJ {
      width:100%;
      height:100%;
    }

    .custom_explore_more\:4nbmvl3jIIuUf22pOPGVJ:focus-within:focus:hover {
      scale:1.01 1.01 1;
    }

    .custom_explore_more\:4uEZ_MzwknHg5CNps3zrn {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      flex-direction:row;
      padding-bottom:0px;
    }

    @media (max-width: 35rem) {

    .custom_explore_more\:4uEZ_MzwknHg5CNps3zrn {
      flex-direction:column;
    }
    }

    .custom_explore_more\:Ea16CHdWOXGvCh-RE2uLF {
      display:flex;
      text-align:center;
      align-items:center;
      padding-top:0px;
      padding-bottom:0px;
      justify-content:flex-start;
    }

    .fcOeK {
      color:var(--button--secondary--text);
      background:var(--color--brand--secondary);
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      border-bottom-left-radius:var(--radius--md);
    }

    .cRJfhH {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      background:linear-gradient(to bottom left, #ff000000 38%, #00000094 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
    }

    @media (max-width: 35rem) {

    .cRJfhH {
      background:linear-gradient(to left, #d7d2cb99 0%, var(--color--brand--secondary) 95%) scroll padding-box border-box repeat repeat 0% 0% / auto;
    }
    }

    .cRJfhH.no-image {
      color:white;
      background:var(--color--brand--main);
    }

    .eaJpnp {
      font-size:var(--font-size--h3);
      margin-bottom:var(--space--xs);
      pointer-events:none;
    }

    .eXNVBn {
      color:white;
      height:fit-content;
      display:flex;
      min-height:20rem;
      overflow-x:clip;
      overflow-y:clip;
      align-items:flex-start;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-end;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 35rem) {

    .eXNVBn {
      color:var(--color--black);
      min-height:0px;
    }
    }

    .eXNVBn.no-image {
      color:white;
    }

    .cvdDFr {
      display:flex;
      row-gap:var(--space--lg);
      column-gap:var(--space--lg);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .tIhGj {
      width:100%;
      height:100%;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .DbqUM {
      width:0.75rem;
      cursor:pointer;
      height:0.75rem;
      background:#ddd;
      transition:background 0.3s;
      border-radius:50%;
    }

    .DbqUM.active {
      background:#333;
    }

    .foXgcM {
      transform:translateX(0);
      transition:transform 0.3s ease-out;
      flex-direction:row;
    }

    .cZfWJj {
      gap:0.5rem;
      display:flex;
      margin-top:1rem;
      flex-direction:row;
      justify-content:center;
    }

    .cMIVWL {
      width:100%;
      display:flex;
      overflow:hidden;
      border-radius:0.75rem;
      flex-direction:row;
    }

    .custom_room_explorer\:sliderContainer {
      gap:1rem;
      overflow:visible;
      position:relative;
      padding-top:0px;
      padding-bottom:0px;
    }

    .bCIVOR {
      rotate:0 0 1 180deg;
      box-sizing:border-box;
    }

    .dvmscH {
      top:0px;
      left:0px;
      color:white;
      right:0px;
      bottom:0px;
      position:absolute;
      align-items:flex-end;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-start;
    }

    .bbvVvz {
      width:fit-content;
      row-gap:var(--space--sm);
      column-gap:var(--space--sm);
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-end;
    }

    .fhJVHn {
      top:0px;
      left:0px;
      color:white;
      right:0px;
      bottom:0px;
      position:absolute;
      font-size:var(--font-size--h4);
      background:linear-gradient(transparent, rgba(0, 0, 0, 0.8));
      align-items:flex-start;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-end;
    }

    .custom_room_explorer\:orrkBTJfzgCG7LzaCqj31 {
      width:100%;
      height:100%;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .bWtzWj {
      width:50%;
      display:flex;
      min-height:25rem;
      overflow-x:clip;
      overflow-y:clip;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .dMBvyO {
      width:fit-content;
      cursor:pointer;
      background:var(--color--brand--main);
      padding-top:var(--space--sm);
      padding-left:var(--space--sm);
      padding-right:var(--space--sm);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .bkUSis {
      row-gap:var(--space--md);
      background:var(--color--brand--secondary);
      column-gap:var(--space--md);
      overflow-x:clip;
      overflow-y:clip;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      animation-name:HomePage-fadeInUp;
      padding-bottom:var(--space--md);
      animation-delay:0.6s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .custom_contact_cards\:8ieo6ZJg6qZ0lfYtCglfe {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .bkfdru {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:1.2s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .cuLaoN {
      color:white;
      background:var(--color--black);
      padding-top:var(--space--sm);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--sm);
      border-top-left-radius:var(--button--radius);
      border-top-right-radius:var(--button--radius);
      border-bottom-left-radius:var(--button--radius);
      border-bottom-right-radius:var(--button--radius);
    }

    .cuLaoN:hover {
      background:var(--color--brand--main);
      transition:color 200ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .dbasNZ {
      width:100%;
      height:100%;
      display:flex;
      z-index:1;
      position:absolute;
      object-fit:cover;
      align-items:flex-end;
      padding-top:var(--space--md);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:flex-end;
    }

    .cOtxcn {
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .dPhJIA {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:1.5s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 35rem) {

    .dPhJIA {
      grid-area:1 / 2 / 3 / 1;
    }
    }

    .custom_contact_cards\:R0bgkfTL1MnCN1mykjMkQ {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .custom_contact_cards\:T8W-qjKtXMwjDU0L9t3X- {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .custom_contact_cards\:_aulsOphwYZWROGE9ion8 {
      gap:var(--space--lg);
      display:grid;
      padding-top:0px;
      grid-template:auto / 1fr 1fr 1fr 1fr 1fr;
      padding-bottom:0px;
      view-timeline-axis:block;
      view-timeline-name:--section-timeline;
    }

    @media (max-width: 35rem) {

    .custom_contact_cards\:_aulsOphwYZWROGE9ion8 {
      display:grid;
      grid-template:auto / 1fr 1fr;
    }
    }

    .dkGuSy {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.9s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 45rem) {

    .dkGuSy {
      display:none;
    }
    }

    .dTIptj {
      row-gap:var(--space--xs);
      background:var(--color--brand--secondary);
      column-gap:var(--space--xs);
      overflow-x:clip;
      overflow-y:clip;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.3s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    @media (max-width: 35rem) {

    .dTIptj {
      display:none;
    }
    }

    .custom_contact_cards\:r3x1PmENmuqENTcBhrZSu {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .InzwY {
      font-weight:var(--button--font-weight);
    }

    .Startseite\:VZXbe-WWWest_YChjxIA4 {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.2s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .Startseite\:VcZTZ0AaBYCBpqHTOu0oc {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
    }

    .daRmEb {
      width:100%;
      overflow:hidden;
      position:relative;
      aspect-ratio:2 / 1;
    }

    .bpTtMX {
      top:50%;
      left:50%;
      color:#ffffff;
      width:4rem;
      border:none;
      cursor:pointer;
      height:4rem;
      position:absolute;
      transform:translate(-50%,-50%);
      background:rgba(0,0,0,0.6);
      align-items:center;
      border-radius:50%;
      justify-content:center;
    }

    .Startseite\:bAjMeq_XtAUcBvXHdRyTp {
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
      border-top-left-radius:var(--radius--md);
      border-top-right-radius:var(--radius--md);
      border-bottom-left-radius:var(--radius--md);
      border-bottom-right-radius:var(--radius--md);
    }

    .Startseite\:cLMreXee_qiQ3r0V1ltAm {
      gap:var(--space--lg);
      display:grid;
      grid-template:auto / 1fr 1fr;
    }

    @media (max-width: 38rem) {

    .Startseite\:cLMreXee_qiQ3r0V1ltAm {
      display:flex;
    }
    }

    .Startseite\:gkGbpXIHFmY-TLMEWoXCF {
      gap:var(--space--xl);
      display:grid;
      grid-template:auto / 1fr 1fr 1fr;
      grid-column-gap:var(--space--xl));
    }

    @media (max-width: 35rem) {

    .Startseite\:gkGbpXIHFmY-TLMEWoXCF {
      display:grid;
      row-gap:var(--space--md);
      column-gap:var(--space--md);
      grid-template:auto / 1fr 1fr;
    }
    }

    @media (max-width: 28rem) {

    .Startseite\:gkGbpXIHFmY-TLMEWoXCF {
      display:flex;
    }
    }

    .fcAwXK {
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.4s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .fphqdm {
      color:white;
      width:100%;
      display:flex;
      position:fixed;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:flex-start;
    }

    .fphqdm.scroll {
      color:var(--color--brand--main);
      background:white;
    }

    .bqBZFO {
      color:white;
      background:var(--color--brand--main);
      padding-top:var(--button--md--padding-y);
      padding-left:var(--button--md--padding-x);
      padding-right:var(--button--md--padding-x);
      padding-bottom:var(--button--md--padding-y);
      border-top-left-radius:var(--button--radius);
      border-top-right-radius:var(--button--radius);
      border-bottom-left-radius:var(--button--radius);
      border-bottom-right-radius:var(--button--radius);
    }

    .dXHBrl {
      padding-top:var(--space--md);
      margin-right:calc(var(--space--md) * -1);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
    }

    @media (min-width: 30rem) {

    .dXHBrl {
      display:none;
    }
    }

    .dxccwm {
      color:inherit;
      height:1.75rem;
      box-sizing:border-box;
    }

    .ehNNQR {
      color:var(--color--brand--secondary--light);
      width:100%;
      height:100vh;
      position:fixed;
      animation:navbar-slideInFromTop 250ms ease-out;
      background:var(--color--black);
    }

    @keyframes navbar-slideInFromTop {
        0% {
          transform: translateY(-100%);
        }

        0% {
          opacity: 0;
        }

        100% {
          transform: translateY(0);
        }

        100% {
          opacity: 1;
        }
    }

    .fsGALj {
      color:inherit;
      height:1.75rem;
      display:flex;
      box-sizing:border-box;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .LfWNK {
      display:flex;
      align-items:center;
      padding-top:var(--space--xs);
      padding-bottom:var(--space--xs);
      justify-content:center;
    }

    .WfckX {
      width:3rem;
    }

    .bMepiK {
      padding-top:var(--space--md);
      margin-right:calc(var(--space--md) * -1);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
    }

    @media (min-width: 35rem) {

    .bMepiK {
      display:none;
    }
    }

    .eStusZ {
      width:100%;
      display:flex;
      row-gap:var(--button--md--font-size);
      max-width:var(--size--container--md);
      column-gap:var(--button--md--font-size);
      align-items:center;
      padding-top:var(--space--md);
      flex-direction:row;
      padding-bottom:var(--space--md);
      justify-content:space-between;
    }

    .bRjKIv {
      display:flex;
      align-items:center;
      padding-top:var(--space--md);
      margin-right:calc(var(--space--md) * -1);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--md);
      justify-content:center;
    }

    @media (min-width: 35rem) {

    .bRjKIv {
      display:none;
    }
    }

    .bzIkRw {
      row-gap:var(--space--xs);
      animation:navbar-childFadeSlide 300ms ease-out 450ms backwards;
      font-size:var(--font-size--xl);
      column-gap:var(--space--xs);
      flex-direction:column;
    }

    @keyframes navbar-childFadeSlide {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(20px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .dDDatH {
      row-gap:var(--button--md--font-size);
      column-gap:var(--button--md--font-size);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    @media (max-width: 40rem) {

    .dDDatH {
      display:none;
    }
    }

    .fwsYQV {
      display:inline;
      font-family:var(--font-family--text);
      font-weight:inherit;
    }

    .fwsYQV:active {
      color:var(--color--brand--main--light);
      font-weight:var(--font-weight--bold);
    }

    .hOEVs {
      display:inline;
      font-family:var(--font-family--text);
      font-weight:inherit;
    }

    .hOEVs:active {
      color:var(--color--brand--main--light);
      font-weight:var(--font-weight--bold);
    }

    .enHXqj {
      display:none;
      flex-direction:row;
    }

    @media (max-width: 40rem) {

    .enHXqj {
      display:flex;
    }
    }

    .eERfU {
      display:inline;
      font-size:var(--font-size--base);
      font-family:var(--font-family--text);
      font-weight:inherit;
    }

    .cDzeLh {
      display:flex;
      animation:navbar-childFadeSlide 300ms ease-out 300ms backwards;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .fxuYQb {
      display:inline;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
    }

    .bXMDaN {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .dcVSMi {
      row-gap:var(--space--xs);
      animation:navbar-childFadeSlide 300ms ease-out 350ms backwards;
      font-size:var(--font-size--3xl);
      column-gap:var(--space--xs);
      font-family:var(--font-family--heading);
      flex-direction:column;
    }

    .fudFHr {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      height:150%;
      position:absolute;
      background:linear-gradient(#00000069 0%, #0000ff00 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      transition:all 300ms ease;
    }

    .fudFHr.scroll {
      background:linear-gradient(#ffffff4f 0%, #0000ff00 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
    }

    .cnzSeM {
      width:100%;
      height:100%;
      row-gap:var(--space--xl);
      animation:navbar-childFadeSlide 300ms ease-out 250ms backwards;
      max-width:var(--size--container--md);
      column-gap:var(--space--xl);
      padding-top:var(--space--lg);
      padding-bottom:var(--space--lg);
    }

    .Startseite\:rUYSaF5_KnkC8ss2xiCLe {
      z-index:11111;
    }

    .eVEzGU {
      font-size:var(--font-size--h3);
      animation-name:HomePage-fadeInUp;
      animation-delay:0.1s;
      animation-range:entry 0% entry 100%;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }

    .dxuXVw {
      display:flex;
      row-gap:var(--space--xs);
      column-gap:var(--space--xs);
      align-items:flex-start;
      animation-name:HomePage-fadeInUp;
      animation-delay:0.2s;
      animation-range:entry 0% entry 100%;
      justify-content:center;
      animation-duration:0.8s;
      animation-timeline:view();
      animation-fill-mode:both;
    }