:root { --primary: #7c3d7c; --primary-light: #964a96; --secondary: #e8b570; --secondary-light: #eec995; --dunkelgrau: #212121; --hellgrau: #f9f8f9; --hellgrau-2: #e8e3e8; --white: #ffffff; --primary-l-1: #925d92; --primary-l-2: #a87ea8; --primary-l-3: #be9ebe; --primary-l-4: #d3bed3; --primary-l-5: #e9dfe9; --primary-d-1: #673367; --primary-d-2: #532953; --primary-d-3: #3e1f3e; --primary-d-4: #291429; --primary-d-5: #150a15; --primary-t-1: hsla(300, 34%, 36%, 0.09); --primary-t-2: hsla(300, 34%, 36%, 0.18); --primary-t-3: hsla(300, 34%, 36%, 0.27); --primary-t-4: hsla(300, 34%, 36%, 0.36); --primary-t-5: hsla(300, 34%, 36%, 0.45); --primary-t-6: hsla(300, 34%, 36%, 0.55); --primary-t-7: hsla(300, 34%, 36%, 0.64); --primary-t-8: hsla(300, 34%, 36%, 0.73); --primary-t-9: hsla(300, 34%, 36%, 0.82); --primary-t-10: hsla(300, 34%, 36%, 0.91); --bg-surface: f9f8f9; --text-2xs: clamp(0.72rem, calc(0.0003703703703703707 * (100vw - 36rem) + 0.72rem), 0.76rem); --text-xs: clamp(0.9rem, calc(0.0010185185185185184 * (100vw - 36rem) + 0.9rem), 1.01rem); --text-s: clamp(1.12rem, calc(0.0021296296296296293 * (100vw - 36rem) + 1.12rem), 1.35rem); --text-m: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem); --text-l: clamp(1.75rem, calc(0.006018518518518518 * (100vw - 36rem) + 1.75rem), 2.4rem); --text-xl: clamp(2.19rem, calc(0.009351851851851854 * (100vw - 36rem) + 2.19rem), 3.2rem); --text-2xl: clamp(2.73rem, calc(0.014166666666666664 * (100vw - 36rem) + 2.73rem), 4.26rem); --text-3xl: clamp(3.42rem, calc(0.020925925925925924 * (100vw - 36rem) + 3.42rem), 5.68rem); --text-4xl: clamp(4.27rem, calc(0.030648148148148154 * (100vw - 36rem) + 4.27rem), 7.58rem); --space-2xs: clamp(0.82rem, calc(0.00022522522522522545 * (100vw - 47.8rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0012387387387387374 * (100vw - 47.8rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.0024774774774774773 * (100vw - 47.8rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.004504504504504504 * (100vw - 47.8rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.007545045045045044 * (100vw - 47.8rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.011824324324324323 * (100vw - 47.8rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.018130630630630636 * (100vw - 47.8rem) + 3.13rem), 4.74rem); --space-3xl: clamp(6.4rem, calc(0.14403153153153156 * (100vw - 47.8rem) + 6.4rem), 19.19rem); --space-4xl: clamp(9.04rem, calc(0.24786036036036038 * (100vw - 47.8rem) + 9.04rem), 31.05rem);}.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.text-3xl { font-size: var(--text-3xl); }.text-4xl { font-size: var(--text-4xl); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.gap-4xl { gap: var(--space-4xl); }.padding-top-2xs { padding-top: var(--space-2xs); }.padding-top-xs { padding-top: var(--space-xs); }.padding-top-s { padding-top: var(--space-s); }.padding-top-m { padding-top: var(--space-m); }.padding-top-l { padding-top: var(--space-l); }.padding-top-xl { padding-top: var(--space-xl); }.padding-top-2xl { padding-top: var(--space-2xl); }.padding-top-3xl { padding-top: var(--space-3xl); }.padding-top-4xl { padding-top: var(--space-4xl); }.padding-bottom-2xs { padding-bottom: var(--space-2xs); }.padding-bottom-xs { padding-bottom: var(--space-xs); }.padding-bottom-s { padding-bottom: var(--space-s); }.padding-bottom-m { padding-bottom: var(--space-m); }.padding-bottom-l { padding-bottom: var(--space-l); }.padding-bottom-xl { padding-bottom: var(--space-xl); }.padding-bottom-2xl { padding-bottom: var(--space-2xl); }.padding-bottom-3xl { padding-bottom: var(--space-3xl); }.padding-bottom-4xl { padding-bottom: var(--space-4xl); }.padding-left-2xs { padding-left: var(--space-2xs); }.padding-left-xs { padding-left: var(--space-xs); }.padding-left-s { padding-left: var(--space-s); }.padding-left-m { padding-left: var(--space-m); }.padding-left-l { padding-left: var(--space-l); }.padding-left-xl { padding-left: var(--space-xl); }.padding-left-2xl { padding-left: var(--space-2xl); }.padding-left-3xl { padding-left: var(--space-3xl); }.padding-left-4xl { padding-left: var(--space-4xl); }.padding-right-2xs { padding-right: var(--space-2xs); }.padding-right-xs { padding-right: var(--space-xs); }.padding-right-s { padding-right: var(--space-s); }.padding-right-m { padding-right: var(--space-m); }.padding-right-l { padding-right: var(--space-l); }.padding-right-xl { padding-right: var(--space-xl); }.padding-right-2xl { padding-right: var(--space-2xl); }.padding-right-3xl { padding-right: var(--space-3xl); }.padding-right-4xl { padding-right: var(--space-4xl); }.padding-inline-2xs { padding-inline: var(--space-2xs); }.padding-inline-xs { padding-inline: var(--space-xs); }.padding-inline-s { padding-inline: var(--space-s); }.padding-inline-m { padding-inline: var(--space-m); }.padding-inline-l { padding-inline: var(--space-l); }.padding-inline-xl { padding-inline: var(--space-xl); }.padding-inline-2xl { padding-inline: var(--space-2xl); }.padding-inline-3xl { padding-inline: var(--space-3xl); }.padding-inline-4xl { padding-inline: var(--space-4xl); }.padding-block-2xs { padding-block: var(--space-2xs); }.padding-block-xs { padding-block: var(--space-xs); }.padding-block-s { padding-block: var(--space-s); }.padding-block-m { padding-block: var(--space-m); }.padding-block-l { padding-block: var(--space-l); }.padding-block-xl { padding-block: var(--space-xl); }.padding-block-2xl { padding-block: var(--space-2xl); }.padding-block-3xl { padding-block: var(--space-3xl); }.padding-block-4xl { padding-block: var(--space-4xl); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.padding-3xl { padding: var(--space-3xl); }.padding-4xl { padding: var(--space-4xl); }.margin-top-2xs { margin-top: var(--space-2xs); }.margin-top-xs { margin-top: var(--space-xs); }.margin-top-s { margin-top: var(--space-s); }.margin-top-m { margin-top: var(--space-m); }.margin-top-l { margin-top: var(--space-l); }.margin-top-xl { margin-top: var(--space-xl); }.margin-top-2xl { margin-top: var(--space-2xl); }.margin-top-3xl { margin-top: var(--space-3xl); }.margin-top-4xl { margin-top: var(--space-4xl); }.margin-bottom-2xs { margin-bottom: var(--space-2xs); }.margin-bottom-xs { margin-bottom: var(--space-xs); }.margin-bottom-s { margin-bottom: var(--space-s); }.margin-bottom-m { margin-bottom: var(--space-m); }.margin-bottom-l { margin-bottom: var(--space-l); }.margin-bottom-xl { margin-bottom: var(--space-xl); }.margin-bottom-2xl { margin-bottom: var(--space-2xl); }.margin-bottom-3xl { margin-bottom: var(--space-3xl); }.margin-bottom-4xl { margin-bottom: var(--space-4xl); }.margin-left-2xs { margin-left: var(--space-2xs); }.margin-left-xs { margin-left: var(--space-xs); }.margin-left-s { margin-left: var(--space-s); }.margin-left-m { margin-left: var(--space-m); }.margin-left-l { margin-left: var(--space-l); }.margin-left-xl { margin-left: var(--space-xl); }.margin-left-2xl { margin-left: var(--space-2xl); }.margin-left-3xl { margin-left: var(--space-3xl); }.margin-left-4xl { margin-left: var(--space-4xl); }.margin-right-2xs { margin-right: var(--space-2xs); }.margin-right-xs { margin-right: var(--space-xs); }.margin-right-s { margin-right: var(--space-s); }.margin-right-m { margin-right: var(--space-m); }.margin-right-l { margin-right: var(--space-l); }.margin-right-xl { margin-right: var(--space-xl); }.margin-right-2xl { margin-right: var(--space-2xl); }.margin-right-3xl { margin-right: var(--space-3xl); }.margin-right-4xl { margin-right: var(--space-4xl); }.margin-inline-2xs { margin-inline: var(--space-2xs); }.margin-inline-xs { margin-inline: var(--space-xs); }.margin-inline-s { margin-inline: var(--space-s); }.margin-inline-m { margin-inline: var(--space-m); }.margin-inline-l { margin-inline: var(--space-l); }.margin-inline-xl { margin-inline: var(--space-xl); }.margin-inline-2xl { margin-inline: var(--space-2xl); }.margin-inline-3xl { margin-inline: var(--space-3xl); }.margin-inline-4xl { margin-inline: var(--space-4xl); }.margin-block-2xs { margin-block: var(--space-2xs); }.margin-block-xs { margin-block: var(--space-xs); }.margin-block-s { margin-block: var(--space-s); }.margin-block-m { margin-block: var(--space-m); }.margin-block-l { margin-block: var(--space-l); }.margin-block-xl { margin-block: var(--space-xl); }.margin-block-2xl { margin-block: var(--space-2xl); }.margin-block-3xl { margin-block: var(--space-3xl); }.margin-block-4xl { margin-block: var(--space-4xl); }.margin-2xs { margin: var(--space-2xs); }.margin-xs { margin: var(--space-xs); }.margin-s { margin: var(--space-s); }.margin-m { margin: var(--space-m); }.margin-l { margin: var(--space-l); }.margin-xl { margin: var(--space-xl); }.margin-2xl { margin: var(--space-2xl); }.margin-3xl { margin: var(--space-3xl); }.margin-4xl { margin: var(--space-4xl); }