: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; --schrift-hellgrau: #4a4a4a; --schrift-standard: #333333; --off-white: #F8F8F8; --graue-leiste: #DBDBDB; --background: #E4E4E4; --schrift-muted: #666666; --schrift-dunkel: #1a1a1a; --surface-light: #F2F2F2; --grau-border: #bdbdbd; --dark: #444444; --akzent-blau: #1b3a4b; --akzent-rotbraun: #964215; --akzent-orange: #D48400; --fast-weiss: #fcfcfc; --akzent-dark: #7C6C4B; --akzent-light: #f2efe6; --space-std: clamp(1.6rem, calc(0.002776 * (100vw - 36rem) + 1.6rem), 1.9rem); --space-2xs: clamp(0.68rem, calc(0.0011 * (100vw - 36rem) + 0.68rem), 0.8rem); --space-xs: clamp(0.9rem, calc(0.00157 * (100vw - 36rem) + 0.9rem), 1.07rem); --space-s: clamp(1.2rem, calc(0.00212 * (100vw - 36rem) + 1.2rem), 1.43rem); --space-m: clamp(2.13rem, calc(0.003703 * (100vw - 36rem) + 2.13rem), 2.53rem); --space-l: clamp(2.84rem, calc(0.005 * (100vw - 36rem) + 2.84rem), 3.38rem); --space-xl: clamp(3.79rem, calc(0.00657* (100vw - 36rem) + 3.79rem), 4.5rem); --space-xxl: clamp(5.05rem, calc(0.0087 * (100vw - 36rem) + 5.05rem), 6rem); --text-xs: clamp(0.64rem, calc(0.00039473684210526353 * (100vw - 20rem) + 0.64rem), 0.67rem); --text-s: clamp(0.81rem, calc(0.0017105263157894722 * (100vw - 20rem) + 0.81rem), 0.94rem); --text: clamp(1rem, calc(0.0017105263157894722 * (100vw - 20rem) + 1rem), 1.13rem); --gutter: clamp(calc(1rem * (20 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((48 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (20 / var(--base-font)))) + (((48 - 20) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (48 / var(--base-font))));; --h7: clamp(1rem, calc(0.002499999999999999 * (100vw - 20rem) + 1rem), 1.19rem); --h6: clamp(1.25rem, calc(0.003026315789473684 * (100vw - 20rem) + 1.25rem), 1.48rem); --h5: clamp(1.56rem, calc(0.003947368421052633 * (100vw - 20rem) + 1.56rem), 1.86rem); --h4: clamp(1.95rem, calc(0.0018421052631578934 * (100vw - 20rem) + 1.95rem), 2.09rem); --h3: clamp(2.44rem, calc(0.006052631578947368 * (100vw - 20rem) + 2.44rem), 2.9rem); --h2: clamp(3.05rem, calc(0.007500000000000004 * (100vw - 20rem) + 3.05rem), 3.62rem); --h1: clamp(3.81rem, calc(0.009473684210526318 * (100vw - 20rem) + 3.81rem), 4.53rem);}