: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; --farbe-hintergrund: #FAFAFA; --farbe-hintergrund-alt: #F1F1F1; --farbe-flaeche: #FFFFFF; --farbe-text: #1A1A1A; --farbe-text-sekundaer: #666666; --farbe-linie: #DFDFDF; --farbe-linie-stark: #858585; --farbe-akzent: #262626; --farbe-akzent-kontrast: #FFFFFF; --farbe-fokus: #1A1A1A; --farbe-fehler: #A03030; --farbe-erfolg: #2E6B45; --text-s: clamp(0.8333rem, 0.8111rem + 0.0988vw, 0.9rem); --text-m: clamp(1rem, 0.9583rem + 0.1852vw, 1.125rem); --text-l: clamp(1.2rem, 1.1312rem + 0.3056vw, 1.4062rem); --text-xl: clamp(1.44rem, 1.3341rem + 0.4708vw, 1.7578rem); --text-2xl: clamp(1.728rem, 1.5716rem + 0.6952vw, 2.1973rem); --text-3xl: clamp(2.0736rem, 1.8493rem + 0.997vw, 2.7466rem); --zeilenhoehe-eng: 1.2; --zeilenhoehe-normal: 1.6; --laufweite-weit: 0.08em; --abstand-xs: clamp(0.4444rem, 0.4074rem + 0.1646vw, 0.5556rem); --abstand-s: clamp(0.6667rem, 0.6111rem + 0.2469vw, 0.8333rem); --abstand-m: clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem); --abstand-l: clamp(1.5rem, 1.375rem + 0.5556vw, 1.875rem); --abstand-xl: clamp(2.25rem, 2.0625rem + 0.8333vw, 2.8125rem); --abstand-2xl: clamp(3.375rem, 3.0938rem + 1.25vw, 4.2188rem); --abstand-sektion: clamp(5rem, 4.1667rem + 3.7037vw, 7.5rem);}