.eqimmo-eyebrow { display: inline-flex; align-items: center; gap: 0.85rem; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(var(--color-foreground-runtime) / 0.72); line-height: 1; } .eqimmo-eyebrow::before { content: ""; display: inline-block; height: 1px; width: 2rem; background-color: currentColor; flex-shrink: 0; } .eqimmo-eyebrow-on-dark { display: inline-flex; align-items: center; gap: 0.85rem; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: hsl(var(--color-accent-runtime)); line-height: 1; } .eqimmo-eyebrow-on-dark::before { content: ""; display: inline-block; height: 1px; width: 2rem; background-color: currentColor; flex-shrink: 0; } .eqimmo-hero-mesh, .eqimmo-stats-charcoal, .eqimmo-pullquote-mesh, .eqimmo-trust-premium { position: relative; background: hsl(var(--color-background-runtime)); isolation: isolate; } .eqimmo-finalcta-charcoal { position: relative; background: hsl(var(--color-foreground-runtime)); isolation: isolate; } .eqimmo-cta-primary { display: inline-flex; align-items: center; gap: 0.5rem; background-color: hsl(var(--color-accent-runtime)); color: hsl(var(--color-foreground-runtime)); padding: 16px 32px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; border: none; cursor: pointer; box-shadow: 0 1px 3px hsl(var(--color-foreground-runtime) / 0.10), 0 4px 12px hsl(var(--color-accent-runtime) / 0.20); transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1), background-color 300ms ease; } .eqimmo-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 8px hsl(var(--color-foreground-runtime) / 0.12), 0 12px 32px hsl(var(--color-accent-runtime) / 0.35); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-primary { transition: none; } .eqimmo-cta-primary:hover { transform: none; } } .eqimmo-cta-outline { display: inline-flex; align-items: center; gap: 0.5rem; background-color: transparent; color: hsl(var(--color-foreground-runtime)); border: 1.5px solid hsl(var(--color-foreground-runtime) / 0.25); padding: 14.5px 30px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; cursor: pointer; transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), border-color 300ms ease, background-color 300ms ease; } .eqimmo-cta-outline:hover { transform: translateY(-2px); border-color: hsl(var(--color-foreground-runtime) / 0.5); background-color: hsl(var(--color-foreground-runtime) / 0.04); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-outline { transition: none; } .eqimmo-cta-outline:hover { transform: none; } } .eqimmo-cta-primary-on-dark { display: inline-flex; align-items: center; gap: 0.5rem; background-color: hsl(var(--color-accent-runtime)); color: hsl(var(--color-foreground-runtime)); padding: 16px 32px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; border: none; cursor: pointer; box-shadow: 0 8px 32px hsl(var(--color-accent-runtime) / 0.4); transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1); } .eqimmo-cta-primary-on-dark:hover { transform: translateY(-2px); box-shadow: 0 12px 48px hsl(var(--color-accent-runtime) / 0.55); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-primary-on-dark { transition: none; } .eqimmo-cta-primary-on-dark:hover { transform: none; } } .eqimmo-cta-outline-on-dark { display: inline-flex; align-items: center; gap: 0.5rem; background-color: transparent; color: hsl(var(--color-background-runtime)); border: 1.5px solid hsl(var(--color-background-runtime) / 0.3); padding: 14.5px 30px; font-weight: 600; font-size: 16px; letter-spacing: -0.005em; cursor: pointer; transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), border-color 300ms ease, background-color 300ms ease; } .eqimmo-cta-outline-on-dark:hover { transform: translateY(-2px); border-color: hsl(var(--color-background-runtime) / 0.6); background-color: hsl(var(--color-background-runtime) / 0.06); } @media (prefers-reduced-motion: reduce) { .eqimmo-cta-outline-on-dark { transition: none; } .eqimmo-cta-outline-on-dark:hover { transform: none; } } :root { --eqimmo-akzent-schrift: #a35a00; } @media (max-width: 479px) { .display-hero { font-size: clamp(2.25rem, 12.2vw, 3.5rem); } .display-section { font-size: clamp(2rem, 10.2vw, 2.5rem); } .display-massive { font-size: clamp(2.25rem, 12vw, 3.5rem); } #hero-heading { font-size: clamp(2.5rem, 13.4vw, 3rem); } } @media (max-width: 1023px) { main :is(p, li, dd, dt, h2, h3, h4, blockquote, figcaption):not([class*='display-']), #post-heading { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5; overflow-wrap: break-word; } } @media (max-width: 479px) { #post-heading { font-size: 1.875rem; } } :where(a, button, input, textarea, select, summary, [tabindex='0']):focus-visible { outline: 2px solid hsl(var(--color-foreground-runtime)); outline-offset: 2px; box-shadow: 0 0 0 2px hsl(var(--color-accent-runtime)); } .text-foreground\/35, .text-foreground\/40, .text-foreground\/45, .text-foreground\/50, .text-foreground\/55, .text-foreground\/60, .text-foreground\/65 { color: hsl(var(--color-foreground-runtime) / 0.72); } .text-background\/45, .text-background\/50, .text-background\/55, .text-background\/60 { color: hsl(var(--color-background-runtime) / 0.7); }