:root { --dunkelgrau: hsl(240 3% 14%); --gruen: hsl(78 54% 63%); --dunkelbraun: hsl(21 13% 26%); --hellgelb: hsl(51, 100%, 100%); --hell-gelbgrn: hsl(70 62% 85%); --grau-orange: hsl(31 37% 59%); --transparent: hsla(0, 0%, 100%, 0); --dunkelgrau-t-1: hsla(240, 0%, 92%, 0.09); --dunkelgrau-t-2: hsla(240, 0%, 84%, 0.18); --dunkelgrau-t-3: hsla(240, 0%, 77%, 0.27); --dunkelgrau-t-4: hsla(240, 0%, 69%, 0.36); --dunkelgrau-t-5: hsla(240, 0%, 61%, 0.45); --dunkelgrau-t-6: hsla(240, 0%, 53%, 0.55); --dunkelgrau-t-7: hsla(240, 1%, 45%, 0.64); --dunkelgrau-t-8: hsla(240, 1%, 38%, 0.73); --dunkelgrau-t-9: hsla(240, 1%, 30%, 0.82); --dunkelgrau-t-10: hsla(240, 2%, 22%, 0.91); --true-black: hsl(0, 0%, 0%); --border-grey: #adadad; --gruen-l-1: hsl(78, 54%, 72%); --gruen-l-2: hsl(78, 54%, 82%); --gruen-l-3: hsl(78, 54%, 91%); --hellgelb-t-1: hsla(0, 0%, 100%, 0.17); --hellgelb-t-2: hsla(0, 0%, 100%, 0.33); --hellgelb-t-3: hsla(0, 0%, 100%, 0.5); --hellgelb-t-4: hsla(0, 0%, 100%, 0.67); --hellgelb-t-5: hsla(0, 0%, 100%, 0.83); --gruen-d-1: hsl(78, 32%, 47%); --gruen-d-2: hsl(78, 32%, 32%); --gruen-d-3: hsl(78, 32%, 16%); --grau-orange-l-1: hsl(31, 37%, 69%); --grau-orange-l-2: hsl(31, 37%, 80%); --grau-orange-l-3: hsl(31, 37%, 90%); --font-2xs: clamp(0.51rem, calc(0.00039952057530962876 * (100vw - 29.88rem) + 0.51rem), 0.53rem); --font-xs: clamp(0.64rem, calc(0.0011985617259288842 * (100vw - 29.88rem) + 0.64rem), 0.7rem); --font-s: clamp(0.8rem, calc(0.002796644027167397 * (100vw - 29.88rem) + 0.8rem), 0.94rem); --font-m: clamp(1rem, calc(0.004994007191370355 * (100vw - 29.88rem) + 1rem), 1.25rem); --font-l: clamp(1.25rem, calc(0.008389932081502195 * (100vw - 29.88rem) + 1.25rem), 1.67rem); --font-xl: clamp(1.56rem, calc(0.01318417898521774 * (100vw - 29.88rem) + 1.56rem), 2.22rem); --font-2xl: clamp(1.95rem, calc(0.020175789053136235 * (100vw - 29.88rem) + 1.95rem), 2.96rem);}