:root { --grau: hsl(0 0% 21%); --beige: hsl(46 62% 82%); --braun: hsl(16 24% 53%); --bg: hsl(0, 0%, 100%); --grau-l-1: rgb(104, 104, 104); --grau-l-2: rgb(155, 155, 155); --grau-l-3: rgb(205, 205, 205); --grau-d-1: rgb(41, 41, 41); --grau-d-2: rgb(27, 27, 27); --grau-d-3: rgb(14, 14, 14); --bg-l-1: rgb(255, 255, 255); --bg-l-2: rgb(255, 255, 255); --bg-l-3: rgb(255, 255, 255); --bg-d-1: rgb(191, 191, 191); --bg-d-2: rgb(128, 128, 128); --bg-d-3: rgb(64, 64, 64); --typo: #363636; --h6: clamp(0.93rem, calc(0.010185185185185183 * (100vw - 36rem) + 0.93rem), 2.03rem); --h5: clamp(1.11rem, calc(0.012222222222222223 * (100vw - 36rem) + 1.11rem), 2.43rem); --h4: clamp(1.33rem, calc(0.014722222222222222 * (100vw - 36rem) + 1.33rem), 2.92rem); --h3: clamp(1.6rem, calc(0.01759259259259259 * (100vw - 36rem) + 1.6rem), 3.5rem); --h2: clamp(1.92rem, calc(0.021111111111111112 * (100vw - 36rem) + 1.92rem), 4.2rem); --h1: clamp(2.3rem, calc(0.025370370370370373 * (100vw - 36rem) + 2.3rem), 5.04rem);}.text-grau { color: var(--grau); }.text-grau-l-1 { color: var(--grau-l-1); }.text-grau-l-2 { color: var(--grau-l-2); }.text-grau-l-3 { color: var(--grau-l-3); }.text-grau-d-1 { color: var(--grau-d-1); }.text-grau-d-2 { color: var(--grau-d-2); }.text-grau-d-3 { color: var(--grau-d-3); }.bg-bg { background-color: var(--bg); }.bg-bg-l-1 { background-color: var(--bg-l-1); }.bg-bg-l-2 { background-color: var(--bg-l-2); }.bg-bg-l-3 { background-color: var(--bg-l-3); }.bg-bg-d-1 { background-color: var(--bg-d-1); }.bg-bg-d-2 { background-color: var(--bg-d-2); }.bg-bg-d-3 { background-color: var(--bg-d-3); }