/*
 * Ergänzende Utility-Klassen für Startseite + Rechtsseiten.
 * tailwind-lite.css deckt die Basis-Skala ab, aber nicht jede hover:/
 * group-hover:/disabled:/first:-Variante oder /opacity-Farbmodifikatoren,
 * die im Original-JSX (page.tsx, ServiceGrid.tsx, HeroBookingAction.tsx,
 * LegalContent.tsx) verwendet werden. Diese Datei ergänzt genau die fehlenden
 * Klassen 1:1 nach Tailwind-Namenskonvention, damit die className-Strings aus
 * den TSX-Quellen unverändert als class="..." übernommen werden können.
 * tailwind-lite.css und style.css bleiben dabei unangetastet.
 */

/* ---------- Heading-Reset (Tailwind Preflight), fehlt in tailwind-lite.css ---------- */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; line-height: inherit; }

/* ---------- Fehlende Sizing-Werte ---------- */
.w-3\.5 { width: .875rem; } .h-3\.5 { height: .875rem; }
.w-7 { width: 1.75rem; } .h-7 { height: 1.75rem; }

/* ---------- Fehlende Spacing-Skala (Padding/Space-y) ---------- */
.pt-10 { padding-top: 2.5rem; }
.pt-28 { padding-top: 7rem; }
.pb-20 { padding-bottom: 5rem; }
.pl-5 { padding-left: 1.25rem; }
.space-y-1\.5 > * + * { margin-top: .375rem; }
.space-y-2\.5 > * + * { margin-top: .625rem; }
.space-y-5 > * + * { margin-top: 1.25rem; }
.space-y-8 > * + * { margin-top: 2rem; }
.space-y-10 > * + * { margin-top: 2.5rem; }
.space-y-24 > * + * { margin-top: 6rem; }

/* ---------- Fehlende Responsive-Varianten ---------- */
@media (min-width: 640px) {
  .sm\:text-sm { font-size: .875rem; line-height: 1.25rem; }
  .sm\:text-6xl { font-size: 3.75rem; line-height: 1.1; }
  .sm\:pt-8 { padding-top: 2rem; }
  .sm\:pt-32 { padding-top: 8rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:p-12 { padding: 3rem; }
  .sm\:space-y-32 > * + * { margin-top: 8rem; }
}
@media (min-width: 768px) {
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .md\:text-7xl { font-size: 4.5rem; line-height: 1.1; }
}
@media (min-width: 1024px) {
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
}

/* ---------- Farb-/Opacity-Modifikatoren (aus dem Original-JSX kopiert) ---------- */
.bg-teal\/10 { background-color: rgba(72, 178, 172, .10); }
.bg-teal\/15 { background-color: rgba(72, 178, 172, .15); }
.bg-cream-dark\/60 { background-color: rgba(244, 239, 230, .60); }
.bg-white\/80 { background-color: rgba(255, 255, 255, .80); }
.border-gold\/10 { border-color: rgba(194, 154, 69, .10); }
.border-gold\/20 { border-color: rgba(194, 154, 69, .20); }
.border-gold\/30 { border-color: rgba(194, 154, 69, .30); }

/* ---------- Listen / Text-Utilities ---------- */
.list-disc { list-style-type: disc; }
.whitespace-pre-line { white-space: pre-line; }
.break-all { word-break: break-all; }

/* ---------- Pseudoklassen-Varianten ---------- */
.first\:pt-0:first-child { padding-top: 0; }
.hover\:text-gold:hover { color: var(--tw-gold); }
.hover\:bg-white:hover { background-color: #fff; }
.hover\:border-gold:hover { border-color: var(--tw-gold); }
.hover\:border-gold\/40:hover { border-color: rgba(194, 154, 69, .40); }
.hover\:shadow-card:hover { box-shadow: 0 10px 30px -5px rgba(42, 38, 34, .05), 0 4px 6px -2px rgba(42, 38, 34, .02); }
.hover\:shadow-gold-glow:hover { box-shadow: 0 0 25px rgba(239, 220, 162, .45); }
.hover\:-translate-y-1:hover { transform: translateY(-.25rem); }
.hover\:scale-\[1\.03\]:hover { transform: scale(1.03); }
.active\:scale-\[0\.98\]:active { transform: scale(.98); }
.disabled\:opacity-75:disabled { opacity: .75; }
.group:hover .group-hover\:text-gold { color: var(--tw-gold); }