/* Global base styles for Felgenwerk, aligned with Tailwind utility scales */

/* Typography: base font families to match Tailwind config in layout */
:root {
  /* Colors from Tailwind Gray 600 */
  --fw-gray-600: #4b5563;
  --fw-brand: #2C3874;     /* text-brand */
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  color: #111827; /* gray-900 */
  background-color: #ffffff;
  overflow-x: hidden;
}

/* Headings use the heading font from the Tailwind config */
h1, h2, h3, h4, h5 {
  font-family: 'Merriweather', Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: -0.025em; /* tracking-tight */
}

/* h1 => text-3xl md:text-5xl font-bold tracking-tight mb-6 font-heading */
h1 {
  font-weight: 700; /* font-bold */
  margin-bottom: 1.5rem !important; /* mb-6 */
  font-size: 1.875rem !important; /* text-3xl */
  line-height: 2.25rem !important; /* text-3xl line-height */
  color: var(--fw-brand);       /* text-brand */
}

/* h2: one step down: text-2xl md:text-4xl */
h2 {
  font-weight: 700;
  margin-bottom: 1.25rem !important; /* mb-5 */
  font-size: 1.5rem !important; /* text-2xl */
  line-height: 2rem !important; /* text-2xl line-height */
  color: var(--fw-brand);       /* text-brand */
}

/* h3: text-xl md:text-2xl */
h3 {
  font-weight: 700;
  margin-bottom: 1rem !important; /* mb-4 */
  font-size: 1.25rem !important; /* text-xl */
  line-height: 1.75rem !important; /* text-xl line-height */
  color: var(--fw-brand);       /* text-brand */
}

/* h4: text-lg md:text-xl */
h4 {
  font-weight: 600; /* a bit lighter for subheadings */
  margin-bottom: 0.75rem !important; /* mb-3 */
  font-size: 1.125rem !important; /* text-lg */
  line-height: 1.75rem !important; /* text-lg line-height */
  color: var(--fw-brand);       /* text-brand */
}

/* h5: text-base md:text-lg */
h5 {
  font-weight: 600;
  margin-bottom: 0.5rem !important; /* mb-2 */
  font-size: 1rem !important; /* text-base */
  line-height: 1.5rem !important; /* text-base line-height */
  color: var(--fw-brand);       /* text-brand */
}

/* Paragraphs => text-lg text-gray-600 mb-8 */
p {
  font-size: 1.125rem !important /* text-lg */
  line-height: 1.75rem !important; /* leading-7 */
  color: var(--fw-gray-600); /* text-gray-600 */
  margin-bottom: 2rem !important; /* mb-8 */
}

/* Responsive adjustments for md: (min-width: 768px) */
@media (min-width: 768px) {
  h1 {
    font-size: 3rem !important; /* text-5xl */
    line-height: 1 !important; /* text-5xl line-height */
  }
  h2 {
    font-size: 2.25rem !important; /* text-4xl */
    line-height: 2.5rem !important; /* 40px */
  }
  h3 {
    font-size: 1.5rem !important; /* text-2xl */
    line-height: 2rem !important;
  }
  h4 {
    font-size: 1.25rem !important; /* text-xl */
    line-height: 1.75rem !important;
  }
  h5 {
    font-size: 1.125rem !important; /* text-lg */
    line-height: 1.75rem !important;
  }
}

/* Konfigurator settings */
#bmf3rd ul.tabs_header li {
    color: var(--fw-brand);
}

#bmf3rd .intro_banner {
    height: 580px;
}

#bmf3rd .img_loading {
    width: auto !important;
    height: auto !important;
}

#bmf3rd h1 {
    font-size: 22px !important;
}

.ql-align-center {
	text-align: center;
}
.ql-align-justify {
	text-align: justify;
}