/* Precompiled Tailwind CSS for buchen-direkt.html */
/* Includes base reset + all utility classes used on page */

/* ── Base reset (replaces Tailwind's preflight) ── */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif,system-ui,sans-serif; }
body { margin: 0; line-height: inherit; }
h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b,strong { font-weight: bolder; }
img,svg,video { display: block; vertical-align: middle; }
img,video { max-width: 100%; height: auto; }
p,h1,h2,h3,h4,h5,h6 { margin: 0; }
ul,ol { list-style: none; margin: 0; padding: 0; }

/* ── Utilities ── */
.block { display: block }
.flex { display: flex }
.grid { display: grid }
.hidden { display: none }
.overflow-hidden { overflow: hidden }
.italic { font-style: italic }
.font-medium { font-weight: 500 }
.font-label { font-family: inherit }
.uppercase { text-transform: uppercase }
.tracking-widest { letter-spacing: .1em }
.tracking-\[\.25em\] { letter-spacing: .25em }
.leading-relaxed { line-height: 1.625 }
.text-xs { font-size: .75rem; line-height: 1rem }
.text-sm { font-size: .875rem; line-height: 1.25rem }
.text-2xl { font-size: 1.5rem; line-height: 2rem }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem }
.text-center { text-align: center }
.w-full { width: 100% }
.mx-auto { margin-left: auto; margin-right: auto }
.mb-1 { margin-bottom: .25rem }
.mb-2 { margin-bottom: .5rem }
.mb-4 { margin-bottom: 1rem }
.mb-8 { margin-bottom: 2rem }
.mb-10 { margin-bottom: 2.5rem }
.mb-12 { margin-bottom: 3rem }
.mt-1 { margin-top: .25rem }
.mt-2 { margin-top: .5rem }
.mt-3 { margin-top: .75rem }
.mt-4 { margin-top: 1rem }
.pb-2 { padding-bottom: .5rem }
.pl-5 { padding-left: 1.25rem }
.pt-6 { padding-top: 1.5rem }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem }
.p-2 { padding: .5rem }
.gap-1 { gap: .25rem }
.gap-3 { gap: .75rem }
.gap-4 { gap: 1rem }
.gap-7 { gap: 1.75rem }
.gap-8 { gap: 2rem }
.gap-x-6 { column-gap: 1.5rem }
.gap-y-8 { row-gap: 2rem }
.items-center { align-items: center }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.flex-col { flex-direction: column }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0 }
.z-10 { z-index: 10 }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.scroll-smooth { scroll-behavior: smooth }

@media (min-width: 768px) {
  .md\:flex { display: flex }
  .md\:hidden { display: none }
  .md\:inline-flex { display: inline-flex }
  .md\:flex-row { flex-direction: row }
  .md\:grid { display: grid }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) }
  .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem }
  .md\:px-12 { padding-left: 3rem; padding-right: 3rem }
  .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem }
  .md\:text-left { text-align: left }
}
