: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; --primary: #ffcc00; --secondary: hsl(220 100% 30%); --secondary-t-1: rgba(23, 70, 162, 0.91); --secondary-t-2: rgba(46, 88, 172, 0.82); --secondary-t-3: rgba(70, 107, 181, 0.73); --secondary-t-4: rgba(93, 125, 190, 0.64); --secondary-t-5: rgba(116, 144, 199, 0.55); --secondary-t-6: rgba(139, 162, 209, 0.45); --secondary-t-7: rgba(162, 181, 218, 0.36); --secondary-t-8: rgba(185, 199, 227, 0.27); --secondary-t-9: rgba(209, 218, 236, 0.18); --secondary-t-10: rgba(232, 236, 246, 0.09); --background: hsl(48 14% 93%); --primary-l-1: rgb(255, 209, 23); --primary-l-2: rgb(255, 213, 46); --primary-l-3: rgb(255, 218, 70); --primary-l-4: rgb(255, 223, 93); --primary-l-5: rgb(255, 227, 116); --primary-l-6: rgb(255, 232, 139); --primary-l-7: rgb(255, 236, 162); --primary-l-8: rgb(255, 241, 185); --primary-l-9: rgb(255, 246, 209); --primary-l-10: rgb(255, 250, 232); --primary-t-1: rgba(255, 209, 23, 0.91); --primary-t-2: rgba(255, 213, 46, 0.82); --primary-t-3: rgba(255, 218, 70, 0.73); --primary-t-4: rgba(255, 223, 93, 0.64); --primary-t-5: rgba(255, 227, 116, 0.55); --primary-t-6: rgba(255, 232, 139, 0.45); --primary-t-7: rgba(255, 236, 162, 0.36); --primary-t-8: rgba(255, 241, 185, 0.27); --primary-t-9: rgba(255, 246, 209, 0.18); --primary-t-10: rgba(255, 250, 232, 0.09); --secondary-l-1: rgb(23, 70, 162); --secondary-l-2: rgb(46, 88, 172); --secondary-l-3: rgb(70, 107, 181); --secondary-l-4: rgb(93, 125, 190); --secondary-l-5: rgb(116, 144, 199); --secondary-l-6: rgb(139, 162, 209); --secondary-l-7: rgb(162, 181, 218); --secondary-l-8: rgb(185, 199, 227); --secondary-l-9: rgb(209, 218, 236); --secondary-l-10: rgb(232, 236, 246); --information: #008080; --warnung: #ffa500; --gefahr: #dc3545; --erfolg: #70a659; --white: #ffffff; --black: #000000; --transparent: hsla(0, 0%, 0%, 0); --grey: hsl(0 0% 50%); --grey-l-0: rgb(140, 140, 140); --grey-l-1: rgb(151, 151, 151); --grey-l-2: rgb(163, 163, 163); --grey-l-3: rgb(174, 174, 174); --grey-l-4: rgb(186, 186, 186); --grey-l-5: rgb(197, 197, 197); --grey-l-6: rgb(209, 209, 209); --grey-l-7: rgb(220, 220, 220); --grey-l-8: rgb(232, 232, 232); --grey-l-9: rgb(243, 243, 243); --grey-t-0: rgba(140, 140, 140, 0.91); --grey-t-1: rgba(151, 151, 151, 0.82); --grey-t-2: rgba(163, 163, 163, 0.73); --grey-t-3: rgba(174, 174, 174, 0.64); --grey-t-4: rgba(186, 186, 186, 0.55); --grey-t-5: rgba(197, 197, 197, 0.45); --grey-t-6: rgba(209, 209, 209, 0.36); --grey-t-7: rgba(220, 220, 220, 0.27); --grey-t-8: rgba(232, 232, 232, 0.18); --grey-t-9: rgba(243, 243, 243, 0.09); --grey-d-0: rgb(116, 116, 116); --grey-d-1: rgb(105, 105, 105); --grey-d-2: rgb(93, 93, 93); --grey-d-3: rgb(81, 81, 81); --grey-d-4: rgb(70, 70, 70); --grey-d-5: rgb(58, 58, 58); --grey-d-6: rgb(47, 47, 47); --grey-d-7: rgb(35, 35, 35); --grey-d-8: rgb(23, 23, 23); --grey-d-9: rgb(12, 12, 12); --secondary-button: hsl(220 100% 30%); --white-t-1: rgba(255, 255, 255, 0.91); --white-t-2: rgba(255, 255, 255, 0.82); --white-t-3: rgba(255, 255, 255, 0.73); --white-t-4: rgba(255, 255, 255, 0.64); --white-t-5: rgba(255, 255, 255, 0.55); --white-t-6: rgba(255, 255, 255, 0.45); --white-t-7: rgba(255, 255, 255, 0.36); --white-t-8: rgba(255, 255, 255, 0.27); --white-t-9: rgba(255, 255, 255, 0.18); --white-t-10: rgba(255, 255, 255, 0.09); --background-footer: #444241; --deepblack: hsl(0, 0%, 0%); --black-t-1: hsla(0, 0%, 91%, 0.09); --black-t-2: hsla(0, 0%, 82%, 0.18); --black-t-3: hsla(0, 0%, 73%, 0.27); --black-t-4: hsla(0, 0%, 64%, 0.36); --black-t-5: hsla(0, 0%, 55%, 0.45); --black-t-6: hsla(0, 0%, 45%, 0.55); --black-t-7: hsla(0, 0%, 36%, 0.64); --black-t-8: hsla(0, 0%, 27%, 0.73); --black-t-9: hsla(0, 0%, 18%, 0.82); --black-t-10: hsla(0, 0%, 9%, 0.91); --deepwhite: hsl(0, 0%, 100%); --space-2xs: clamp(0.25rem, calc(0.0023148148148148147 * (100vw - 36rem) + 0.25rem), 0.5rem); --space-xs: clamp(0.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 0.5rem), 1rem); --space-s: clamp(1rem, calc(0.009259259259259259 * (100vw - 36rem) + 1rem), 2rem); --space-m: clamp(2rem, calc(0.018518518518518517 * (100vw - 36rem) + 2rem), 4rem); --space-l: clamp(4rem, calc(0.037037037037037035 * (100vw - 36rem) + 4rem), 8rem); --space-xl: clamp(8rem, calc(0.07407407407407407 * (100vw - 36rem) + 8rem), 16rem); --space-2xl: clamp(16rem, calc(0.14814814814814814 * (100vw - 36rem) + 16rem), 32rem); --h6: clamp(1rem, calc(0.005555555555555557 * (100vw - 36rem) + 1rem), 1.6rem); --h5: clamp(1.25rem, calc(0.0062037037037037035 * (100vw - 36rem) + 1.25rem), 1.92rem); --h4: clamp(1.56rem, calc(0.006851851851851849 * (100vw - 36rem) + 1.56rem), 2.3rem); --h3: clamp(1.95rem, calc(0.007499999999999999 * (100vw - 36rem) + 1.95rem), 2.76rem); --h2: clamp(2.44rem, calc(0.008148148148148147 * (100vw - 36rem) + 2.44rem), 3.32rem); --h1: clamp(3.05rem, calc(0.008611111111111113 * (100vw - 36rem) + 3.05rem), 3.98rem); --lead: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --hero: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem);}