:root {
--font-size-h1: clamp(2rem, 1.2rem + 2.5vw, 3rem);
--font-size-quote: clamp(1.75rem, 1.3rem + 1.4vw, 2.25rem);
--font-size-h2: clamp(1.5rem, 1.2rem + 0.9vw, 2rem);
--font-size-lead: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
--font-size-body: 1.0625rem;
--line-height-h1: 0.896;
--line-height-quote: 0.972;
--line-height-h2: 0.937;
--line-height-lead: 1.2;
--line-height-body: 1.412;
--space-3xs: 4px;
--space-2xs: 8px;
--space-xs: 16px;
--space-s: 24px;
--space-m: 32px;
--space-l: 48px;
--space-xl: 64px;
--space-2xl: 96px;
--space-3xl: 152px;
--radius-container: 30px;
--radius-pill: 9999px;
--helen-content-width: 1184px;
--column-narrow-width: 590px;
--exhibition-media-max-height: var(--column-narrow-width);
--hero-portrait-max-width: 401px;
--hero-portrait-width: clamp(0px, 291px + 10vw, var(--hero-portrait-max-width));
--hero-portrait-sink-factor: 0.935;
--hero-portrait-tablet-factor: 0.884;
--panel-width: 787px;
--panel-border-width: 2px;
--accent-width: 460px;
--pill-width: 944px;
--pill-portrait-width: 320px;
--accent-overlay-width: 620px;
--wave-height: clamp(0px, 5.8825vw, 94.12px);
--header-height: 60px;
--header-padding-hero: 33px;
--header-padding-leiste: 60px;
--header-logo-size: 100px;
--header-logo-type-size: 44px;
--header-nav-gap: 40px;
--footer-logo-width: 212px;
--footer-padding-block-start: 42px;
--footer-logo-gap: 82px;
--footer-legal-gap: 110px;
--footer-legal-spacing: 75px;
--button-padding-block: 4.8px;
--button-padding-inline: 16px;
}