:root { --primary: #16729e; --secondary: #3D3D3D; --accent: #fecc00; --action: #c62223; --black: hsl(0, 0%, 0%); --white: white; --transparent: transparent; --hellgrau: #F8F9FA; --hellgrau-d-1: #cfd0d0; --hellgrau-d-2: #a5a6a7; --hellgrau-d-3: #7c7d7d; --hellgrau-d-4: #535353; --hellgrau-d-5: #292a2a; --tertiary: #0a1f2b; --accent-l-1: #fed117; --accent-l-2: #fed52e; --accent-l-3: #feda46; --accent-l-4: #fedf5d; --accent-l-5: #fee374; --accent-l-6: #ffe88b; --accent-l-7: #ffeca2; --accent-l-8: #fff1b9; --accent-l-9: #fff6d1; --accent-l-10: #fffae8; --accent-d-1: #e7b900; --accent-d-2: #d0a700; --accent-d-3: #b99400; --accent-d-4: #a28200; --accent-d-5: #8b6f00; --accent-d-6: #735d00; --accent-d-7: #5c4a00; --accent-d-8: #453800; --accent-d-9: #2e2500; --accent-d-10: #171300; --action-l-1: #ca1f22; --action-l-2: #d03638; --action-l-3: #d54c4e; --action-l-4: #da6264; --action-l-5: #df797a; --action-l-6: #e58f91; --action-l-7: #eaa6a7; --action-l-8: #efbcbd; --action-l-9: #f4d2d3; --action-l-10: #fae9e9; --action-d-1: #b3080b; --action-d-2: #a1070a; --action-d-3: #8f0709; --action-d-4: #7d0608; --action-d-5: #6b0507; --action-d-6: #5a0405; --action-d-7: #480304; --action-d-8: #360203; --action-d-9: #240202; --action-d-10: #120101; --primary-l-1: #247ca5; --primary-l-2: #3a89ae; --primary-l-3: #5096b7; --primary-l-4: #66a3c0; --primary-l-5: #7cb0c9; --primary-l-6: #91bed2; --primary-l-7: #a7cbdb; --primary-l-8: #bdd8e4; --primary-l-9: #d3e5ed; --primary-l-10: #e9f2f6; --primary-d-1: #0d658e; --primary-d-2: #0b5b80; --primary-d-3: #0a5171; --primary-d-4: #094763; --primary-d-5: #083d55; --primary-d-6: #063247; --primary-d-7: #052839; --primary-d-8: #041e2b; --primary-d-9: #03141c; --primary-d-10: #010a0e; --primary-t-1: hsla(199, 84%, 33%, 0.09); --primary-t-2: hsla(199, 84%, 33%, 0.18); --primary-t-3: hsla(199, 84%, 33%, 0.27); --primary-t-4: hsla(199, 84%, 33%, 0.36); --primary-t-5: hsla(199, 84%, 33%, 0.45); --primary-t-6: hsla(199, 84%, 33%, 0.55); --primary-t-7: hsla(199, 84%, 33%, 0.64); --primary-t-8: hsla(199, 84%, 33%, 0.73); --primary-t-9: hsla(199, 84%, 33%, 0.82); --primary-t-10: hsla(199, 84%, 33%, 0.91); --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; --gruen: #9bb022; --black-t-1: hsla(0, 0%, 0%, 0.09); --black-t-2: hsla(0, 0%, 0%, 0.18); --black-t-3: hsla(0, 0%, 0%, 0.27); --black-t-4: hsla(0, 0%, 0%, 0.36); --black-t-5: hsla(0, 0%, 0%, 0.45); --black-t-6: hsla(0, 0%, 0%, 0.55); --black-t-7: hsla(0, 0%, 0%, 0.64); --black-t-8: hsla(0, 0%, 0%, 0.73); --black-t-9: hsla(0, 0%, 0%, 0.82); --black-t-10: hsla(0, 0%, 0%, 0.91); --secondary-t-1: hsla(0, 0%, 24%, 0.09); --secondary-t-2: hsla(0, 0%, 24%, 0.18); --secondary-t-3: hsla(0, 0%, 24%, 0.27); --secondary-t-4: hsla(0, 0%, 24%, 0.36); --secondary-t-5: hsla(0, 0%, 24%, 0.45); --secondary-t-6: hsla(0, 0%, 24%, 0.55); --secondary-t-7: hsla(0, 0%, 24%, 0.64); --secondary-t-8: hsla(0, 0%, 24%, 0.73); --secondary-t-9: hsla(0, 0%, 24%, 0.82); --secondary-t-10: hsla(0, 0%, 24%, 0.91); --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);}