:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --white: rgb(255 255 255 / 100%); --rewe-rot: rgb(204 7 30 / 100%); --neutral-beige: rgb(232 224 210 / 100%); --font-clr-dark: rgb(6 7 5 / 100%); --neutral-off-white: rgb(247 244 238 / 100%); --yellow-light: rgb(255 224 113 / 100%); --green-light: rgb(181 201 167 / 100%); --red: rgb(181 42 51 / 100%); --dark-grey: rgb(38 48 42 / 100%); --neutral-darkest: rgb(0 0 0 / 100%); --neutral-darkest-5: rgb(0 0 0 / 5%); --white-t-1: rgba(255, 255, 255, 0.5); --neutral-white: rgb(255 255 255 / 100%); --petrol-light: #afc4cf; --petrol-off-light: #d4e5e2; --petrol: #507387; --yellow: #FDC300; --green: #557a3c; --warm-rose-light: #c9bfd1; --warm-rose: #7f6e8d; --olive-light: rgb(193 190 115 / 100%); --olive: #75722D; --footer-bg: #26302a; --footer-clr: rgb(255 255 255 / 78%); --footer-red: #ae3534; --grey: #6B706D; --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --hl-m: clamp(1rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 1rem), 2rem); --hl-l: clamp(1.25rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 1.25rem), 2.5rem); --hl-xl: clamp(1.5rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 1.5rem), 3rem); --hl-2xl: clamp(1.88rem, calc(0.027703703703703706 * (100vw - 22.5rem) + 1.88rem), 3.75rem);}