/* EHA i-Kfz Landingpage - Nachtrag 30.07.2026
   1) Inter selbst gehostet (DSGVO: keine externen Requests, kein Google Fonts)
      -> behebt "zwei verschiedene Schriftarten": bisher war Inter zwar per
         font-family gesetzt, aber nie geladen. Auf Rechnern mit nur
         Inter-Regular fielen fette Texte auf Segoe UI zurueck.
   2) Tailwind-Utilities, die im vorkompilierten Bundle fehlen.
*/

/* ---------- 1) Inter (Subset: Latin, Latin-Ext, Kyrillisch, Griechisch) ---------- */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('/assets/fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/inter-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/inter-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
  src: url('/assets/fonts/inter-800.woff2') format('woff2');
}

html,
body,
button,
input,
select,
textarea,
optgroup,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-synthesis: none;
  font-synthesis-weight: none;
}

/* ---------- 2) fehlende Utility-Klassen ---------- */
.bg-cover { background-size: cover; }
.bg-center { background-position: center; }
.bg-no-repeat { background-repeat: no-repeat; }
.border-neutral-100 { --tw-border-opacity: 1; border-color: rgb(245 245 245 / var(--tw-border-opacity, 1)); }
.max-w-6xl { max-width: 72rem; }
.mb-8 { margin-bottom: 2rem; }
.tracking-widest { letter-spacing: .1em; }
@media (min-width: 768px) {
  .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
}

/* prose/prose-neutral: minimaler Ersatz, das Element traegt zusaetzlich
   max-w-none, daher hier bewusst KEINE Breitenbegrenzung. */
.prose { color: rgb(64 64 64); line-height: 1.75; }
.prose :where(p):not(:where([class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
.prose :where(h2):not(:where([class~="not-prose"] *)) { color: rgb(23 23 23); font-weight: 700; font-size: 1.5em; line-height: 1.3333333; margin-top: 2em; margin-bottom: 1em; }
.prose :where(h3):not(:where([class~="not-prose"] *)) { color: rgb(23 23 23); font-weight: 600; font-size: 1.25em; line-height: 1.6; margin-top: 1.6em; margin-bottom: .6em; }
.prose :where(ul):not(:where([class~="not-prose"] *)) { list-style-type: disc; padding-left: 1.625em; margin-top: 1.25em; margin-bottom: 1.25em; }
.prose :where(ol):not(:where([class~="not-prose"] *)) { list-style-type: decimal; padding-left: 1.625em; margin-top: 1.25em; margin-bottom: 1.25em; }
.prose :where(li):not(:where([class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; }
.prose :where(strong):not(:where([class~="not-prose"] *)) { color: rgb(23 23 23); font-weight: 600; }
.prose :where(a):not(:where([class~="not-prose"] *)) { color: #E6007E; text-decoration: underline; }
.prose-neutral { color: rgb(64 64 64); }