/* Gitta Paulat Immobilien — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #efefef;
  --mist: #dfdfdf;
  --taupe: #cfc5c3;
  --stone: #a4a4a4;
  --ink: #020202;
  --graphite: #1b1b1b;
  --ink-soft: #2a2a2a;
  --slate: #747882;
  --slate-100: #d0d2d6;
  --slate-300: #a2a5ac;
  --slate-700: #4d5057;
  --slate-900: #27282b;
  --grey-200: #b4b4b4;
  --grey-500: #797979;
  --grey-700: #3d3d3d;
  --taupe-100: #e7e2e1;
  --taupe-500: #a28f8b;
  --taupe-700: #705d59;
  --taupe-900: #382f2d;
  --bordeaux: #8f1544;
  --bordeaux-dark: #6e0f34;
  --logo-grey: #a8a8a7;
  --white: #ffffff;
  --field-border: #000000;
  --field-focus-wix: #f5a9bd;
  --field-error-wix: #ff4040;
  --focus-ring: var(--bordeaux);
  --focus-ring-on-dark: var(--paper);
  --success: #2e6b3a;
  --warning: #8a5300;
  --danger: #b3261e;
}
[data-theme="modern"] {
  --paper: #f6f3f1;
  --mist: #ebe5e2;
  --stone: #e7e2e1;
  --ink: #151313;
  --graphite: #2a2525;
  --grey-700: #4a4442;
  --focus-ring: var(--bordeaux);
  --focus-ring-on-dark: var(--paper);
}
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;
  --content-width: 980px;
  --content-wide: 1240px;
  --text-width: 760px;
  --nav-height: 40px;
  --footer-bar-height: 36px;
  --field-height: 66px;
  --button-height: 52px;
  --avatar-size: 200px;
  --header-height: 84px;
  --radius-none: 0px;
  --radius-round: 50%;
  --border-hairline: 1px;
  --border-focus: 2px;
  --logo-frame: 12px;
  --frame-card: 6px;
  --overlay-quickview: 0.75;
  --overlay-modal: 0.6;
  --dropdown-border: 0.6;
  --duration-color: 0.4s;
  --duration-page: 0.6s;
  --font-display: brandon-grot-w01-light, "Jost", "Futura", "Century Gothic", sans-serif;
  --font-body: avenir-lt-w01_35-light1475496, "Nunito Sans", "Avenir Next", "Avenir", sans-serif;
  --font-form: futura-lt-w01-book, "Jost", "Futura", sans-serif;
}
.display-xxl { font-family: var(--font-display); font-size: 88px; line-height: 1.2; font-weight: 300; }
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 1.25; font-weight: 300; }
.display-l { font-family: var(--font-display); font-size: 50px; line-height: 1.34; font-weight: 300; }
.heading-1 { font-family: var(--font-display); font-size: 40px; line-height: 1.35; font-weight: 300; }
.heading-form { font-family: var(--font-display); font-size: 30px; line-height: 1.3; font-weight: 300; }
.heading-2 { font-family: var(--font-display); font-size: 28px; line-height: 1.375; font-weight: 300; }
.property-title { font-family: var(--font-display); font-size: 28px; line-height: 1.2; font-weight: 700; }
.heading-3 { font-family: var(--font-display); font-size: 22px; line-height: 1.41; font-weight: 300; }
.lead { font-family: var(--font-display); font-size: 20px; line-height: 1.67; font-weight: 300; }
.label-l { font-family: var(--font-display); font-size: 18px; line-height: 1.75; font-weight: 300; }
.ribbon { font-family: var(--font-display); font-size: 14px; line-height: 1.4; font-weight: 300; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 1.875; font-weight: 300; }
.body-tight { font-family: var(--font-body); font-size: 15px; line-height: 1.5; font-weight: 300; }
.small { font-family: var(--font-body); font-size: 14px; line-height: 1.79; font-weight: 300; }
.input { font-family: var(--font-form); font-size: 16px; line-height: 1.4; font-weight: 400; }
.m-display { font-family: var(--font-display); font-size: 76px; line-height: 1.0; font-weight: 300; letter-spacing: -0.02em; }
.m-h2 { font-family: var(--font-display); font-size: 48px; line-height: 1.08; font-weight: 300; letter-spacing: -0.01em; }
.m-quote { font-family: var(--font-display); font-size: 34px; line-height: 1.3; font-weight: 300; }
.m-number { font-family: var(--font-display); font-size: 56px; line-height: 1.0; font-weight: 300; }
.m-h3 { font-family: var(--font-display); font-size: 22px; line-height: 1.3; font-weight: 400; letter-spacing: 0.06em; }
.m-lead { font-family: var(--font-display); font-size: 22px; line-height: 1.5; font-weight: 300; }
.m-body { font-family: var(--font-body); font-size: 18px; line-height: 1.65; font-weight: 400; }
.m-small { font-family: var(--font-body); font-size: 15px; line-height: 1.6; font-weight: 400; }
.m-eyebrow { font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: 0.14em; }