:root { --li-grünblau: #11474C; --li-sand: #EAE0D9; --li-grau-beige: #C8C1B5; --li-weiß: #FFFFFF; --li-türkis: #4CA09D; --li-rotorange: #E75134; --text-2xs: clamp(1.26rem, calc(0 * (100vw - 36rem) + 1.26rem), 1.26rem); --text-xs: clamp(1.42rem, calc(0 * (100vw - 36rem) + 1.42rem), 1.42rem); --text-s: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-m: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --text-l: clamp(2.02rem, calc(0 * (100vw - 36rem) + 2.02rem), 2.02rem); --text-xl: clamp(2.28rem, calc(0 * (100vw - 36rem) + 2.28rem), 2.28rem); --text-2xl: clamp(2.56rem, calc(0 * (100vw - 36rem) + 2.56rem), 2.56rem); --heading-2xs: clamp(0.76rem, calc(0 * (100vw - 36rem) + 0.76rem), 0.76rem); --heading-xs: clamp(1.01rem, calc(0 * (100vw - 36rem) + 1.01rem), 1.01rem); --heading-s: clamp(1.35rem, calc(0 * (100vw - 36rem) + 1.35rem), 1.35rem); --heading-m: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --heading-l: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --heading-xl: clamp(3.2rem, calc(0 * (100vw - 36rem) + 3.2rem), 3.2rem); --heading-2xl: clamp(4.26rem, calc(0 * (100vw - 36rem) + 4.26rem), 4.26rem); --space-2xs: clamp(0.24rem, calc(0 * (100vw - 36rem) + 0.24rem), 0.24rem); --space-xs: clamp(0.36rem, calc(0 * (100vw - 36rem) + 0.36rem), 0.36rem); --space-s: clamp(0.53rem, calc(0 * (100vw - 36rem) + 0.53rem), 0.53rem); --space-m: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --space-l: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --space-xl: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --space-2xl: clamp(2.7rem, calc(0 * (100vw - 36rem) + 2.7rem), 2.7rem);}.bg-li-grünblau { background-color: var(--li-grünblau); }.text-li-grünblau { color: var(--li-grünblau); }.border-li-grünblau { border-color: var(--li-grünblau); }.fill-li-grünblau { fill: var(--li-grünblau); }.stroke-li-grünblau { stroke: var(--li-grünblau); }.bg-li-sand { background-color: var(--li-sand); }.stroke-li-sand { stroke: var(--li-sand); }.fill-li-sand { fill: var(--li-sand); }.outline-li-sand { outline-color: var(--li-sand); }.text-li-sand { color: var(--li-sand); }.outline-li-grau-beige { outline-color: var(--li-grau-beige); }.bg-li-grau-beige { background-color: var(--li-grau-beige); }.bg-li-weiß { background-color: var(--li-weiß); }.text-li-weiß { color: var(--li-weiß); }.outline-li-weiß { outline-color: var(--li-weiß); }.stroke-li-weiß { stroke: var(--li-weiß); }.fill-li-weiß { fill: var(--li-weiß); }.text-li-türkis { color: var(--li-türkis); }.border-li-türkis { border-color: var(--li-türkis); }.outline-li-türkis { outline-color: var(--li-türkis); }.fill-li-türkis { fill: var(--li-türkis); }.stroke-li-türkis { stroke: var(--li-türkis); }.stroke-li-rotorange { stroke: var(--li-rotorange); }.fill-li-rotorange { fill: var(--li-rotorange); }.outline-li-rotorange { outline-color: var(--li-rotorange); }.border-li-rotorange { border-color: var(--li-rotorange); }.text-li-rotorange { color: var(--li-rotorange); }