:root { --primary: #161616; --secondary: #3D3D3D; --secondary-l-1: #4f4f4f; --secondary-l-2: #606060; --secondary-l-3: #727272; --secondary-l-4: #848484; --secondary-l-5: #959595; --secondary-l-6: #a7a7a7; --secondary-l-7: #b8b8b8; --secondary-l-8: #cacaca; --secondary-l-9: #dcdcdc; --secondary-l-10: #ededed; --secondary-d-1: #373737; --secondary-d-2: #323232; --secondary-d-3: #2c2c2c; --secondary-d-4: #272727; --secondary-d-5: #212121; --secondary-d-6: #1c1c1c; --secondary-d-7: #161616; --secondary-d-8: #111111; --secondary-d-9: #0b0b0b; --secondary-d-10: #060606; --accent: #FFC800; --action: #FFC800; --black: hsl(0, 0%, 0%); --black-t-1: hsla(0, 0%, 0%, 0.17); --black-t-2: hsla(0, 0%, 0%, 0.33); --black-t-3: hsla(0, 0%, 0%, 0.5); --black-t-4: hsla(0, 0%, 0%, 0.67); --black-t-5: hsla(0, 0%, 0%, 0.83); --white: white; --transparent: transparent; --hellgrau: #F4F3F0; --tertiary: #00B0F4; --primary-l-1: #2b2b2b; --primary-l-2: #404040; --primary-l-3: #565656; --primary-l-4: #6b6b6b; --primary-l-5: #808080; --primary-l-6: #959595; --primary-l-7: #aaaaaa; --primary-l-8: #bfbfbf; --primary-l-9: #d5d5d5; --primary-l-10: #eaeaea; --primary-d-1: #141414; --primary-d-2: #121212; --primary-d-3: #101010; --primary-d-4: #0e0e0e; --primary-d-5: #0c0c0c; --primary-d-6: #0a0a0a; --primary-d-7: #080808; --primary-d-8: #060606; --primary-d-9: #040404; --primary-d-10: #020202; --primary-t-1: hsla(0, 0%, 9%, 0.09); --primary-t-2: hsla(0, 0%, 9%, 0.18); --primary-t-3: hsla(0, 0%, 9%, 0.27); --primary-t-4: hsla(0, 0%, 9%, 0.36); --primary-t-5: hsla(0, 0%, 9%, 0.45); --primary-t-6: hsla(0, 0%, 9%, 0.55); --primary-t-7: hsla(0, 0%, 9%, 0.64); --primary-t-8: hsla(0, 0%, 9%, 0.73); --primary-t-9: hsla(0, 0%, 9%, 0.82); --primary-t-10: hsla(0, 0%, 9%, 0.91); --accent-l-1: #ffcd17; --accent-l-2: #ffd22e; --accent-l-3: #ffd746; --accent-l-4: #ffdc5d; --accent-l-5: #ffe174; --accent-l-6: #ffe68b; --accent-l-7: #ffeba2; --accent-l-8: #fff0b9; --accent-l-9: #fff5d1; --accent-l-10: #fffae8; --accent-d-1: #e8b600; --accent-d-2: #d1a400; --accent-d-3: #b99100; --accent-d-4: #a27f00; --accent-d-5: #8b6d00; --accent-d-6: #745b00; --accent-d-7: #5d4900; --accent-d-8: #463700; --accent-d-9: #2e2400; --accent-d-10: #171200; --action-l-1: #ffcd17; --action-l-2: #ffd22e; --action-l-3: #ffd746; --action-l-4: #ffdc5d; --action-l-5: #ffe174; --action-l-6: #ffe68b; --action-l-7: #ffeba2; --action-l-8: #fff0b9; --action-l-9: #fff5d1; --action-l-10: #fffae8; --action-d-1: #e8b600; --action-d-2: #d1a400; --action-d-3: #b99100; --action-d-4: #a27f00; --action-d-5: #8b6d00; --action-d-6: #745b00; --action-d-7: #5d4900; --action-d-8: #463700; --action-d-9: #2e2400; --action-d-10: #171200; --hellgrau-d-1: #cbcbc8; --hellgrau-d-2: #a3a2a0; --hellgrau-d-3: #7a7a78; --hellgrau-d-4: #515150; --hellgrau-d-5: #292928; --space-xxs: clamp(0.47rem, calc(0.0011111111111111111 * (100vw - 36rem) + 0.47rem), 0.59rem); --space-xs: clamp(0.71rem, calc(0.0016666666666666672 * (100vw - 36rem) + 0.71rem), 0.89rem); --space-s: clamp(1.07rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.07rem), 1.33rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-xl: clamp(3.6rem, calc(0.008333333333333333 * (100vw - 36rem) + 3.6rem), 4.5rem); --space-xxl: clamp(5.4rem, calc(0.012499999999999997 * (100vw - 36rem) + 5.4rem), 6.75rem); --space-xxxl: clamp(8.1rem, calc(0.018796296296296307 * (100vw - 36rem) + 8.1rem), 10.13rem); --section-space-xxs: clamp(2.13rem, calc(0.004722222222222224 * (100vw - 36rem) + 2.13rem), 2.64rem); --section-space-xs: clamp(3.2rem, calc(0.007037037037037035 * (100vw - 36rem) + 3.2rem), 3.96rem); --section-space-s: clamp(4.8rem, calc(0.010462962962962962 * (100vw - 36rem) + 4.8rem), 5.93rem); --section-space-m: clamp(7.2rem, calc(0.015740740740740743 * (100vw - 36rem) + 7.2rem), 8.9rem); --section-space-l: clamp(10.8rem, calc(0.0236111111111111 * (100vw - 36rem) + 10.8rem), 13.35rem); --section-space-xl: clamp(16.2rem, calc(0.03537037037037037 * (100vw - 36rem) + 16.2rem), 20.02rem); --section-space-xxl: clamp(24.3rem, calc(0.05314814814814813 * (100vw - 36rem) + 24.3rem), 30.04rem); --text-xxs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-xxl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --h6: clamp(1.23rem, calc(0.0011111111111111122 * (100vw - 36rem) + 1.23rem), 1.35rem); --h5: clamp(1.54rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.54rem), 1.8rem); --h4: clamp(1.92rem, calc(0.0044444444444444444 * (100vw - 36rem) + 1.92rem), 2.4rem); --h3: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --h2: clamp(3rem, calc(0.011759259259259256 * (100vw - 36rem) + 3rem), 4.27rem); --h1: clamp(3.75rem, calc(0.017962962962962965 * (100vw - 36rem) + 3.75rem), 5.69rem);}