:root { --hauptfarbe: #0059a1; --hauptfarbe-hover: #5590c0; --textfarbe: #0f172a; --zweitfarbe: hsl(45, 87%, 52%); --background: #f8fafc; --transparent: hsla(0, 0%, 100%, 0); --white: #ffffff; --black: #000000; --radial-out: rgba(17, 17, 17, 1); --radial-inner: rgba(50, 50, 50, 1); --grid-color: rgba(15, 23, 42, 0.06); --helles-grau: rgb(148, 163, 184); --grid: rgba(15, 23, 42, 0.06); --hauptfarbe-l-1: #4083b9; --hauptfarbe-l-2: #80acd0; --hauptfarbe-l-3: hsla(206, 47%, 83%, 0.2); --heading-h6: clamp(1.26rem, calc(0.0044444444444444444 * (100vw - 36rem) + 1.26rem), 1.74rem); --heading-h5: clamp(1.42rem, calc(0.005 * (100vw - 36rem) + 1.42rem), 1.96rem); --heading-h4: clamp(1.6rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.6rem), 2.2rem); --heading-h3: clamp(1.8rem, calc(0.0062962962962962955 * (100vw - 36rem) + 1.8rem), 2.48rem); --heading-h2: clamp(2.02rem, calc(0.007037037037037035 * (100vw - 36rem) + 2.02rem), 2.78rem); --heading-h1: clamp(2.28rem, calc(0.007870370370370371 * (100vw - 36rem) + 2.28rem), 3.13rem); --text-line-height: calc(10px + 2ex); --heading-line-height: calc(7px + 2ex); --text-xs: clamp(1.26rem, calc(-0.0023148148148148147 * (100vw - 36rem) + 1.26rem), 1.01rem); --text-s: clamp(1.42rem, calc(-0.0006481481481481467 * (100vw - 36rem) + 1.42rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --text-xl: clamp(2.02rem, calc(0.010925925925925927 * (100vw - 36rem) + 2.02rem), 3.2rem); --text-xxl: calc(var(--text-xl) * 2); --space-s: 1.5rem; --space-m: clamp(1.5rem, calc(0.008333333333333333 * (100vw - 36rem) + 1.5rem), 2.5rem); --space-l: clamp(2rem, calc(0.012314814814814815 * (100vw - 36rem) + 2rem), 3.33rem); --space-xl: clamp(2.5rem, calc(0.017962962962962965 * (100vw - 36rem) + 2.5rem), 4.44rem); --space-2xl: clamp(3.13rem, calc(0.025833333333333333 * (100vw - 36rem) + 3.13rem), 5.92rem);}.text-hauptfarbe { color: var(--hauptfarbe); }.text-hauptfarbe-l-1 { color: var(--hauptfarbe-l-1); }.text-hauptfarbe-l-2 { color: var(--hauptfarbe-l-2); }.text-hauptfarbe-l-3 { color: var(--hauptfarbe-l-3); }