/* ToweVibe Entertainment – Design der Buchungsseite (Stand 2026-09-24) */
@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url('https://towevibe.de/geist-400.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url('https://towevibe.de/geist-500.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url('https://towevibe.de/geist-600.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url('https://towevibe.de/geist-700.woff2') format('woff2')}

body, button, input, select, textarea, .btn, h1, h2, h3, h4, h5, h6 {
  font-family:'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body { color:#111827; background:#f5f7fc; letter-spacing:-0.005em; }
h1, h2, h3 { font-weight:600; letter-spacing:-0.02em; color:#111827; }
a { color:#4338ca; }
a:hover { color:#372dab; }

/* Knöpfe */
.btn, button.btn, .btn.custom {
  border-radius:4px !important;
  font-weight:500;
  box-shadow:none !important;
  text-transform:none;
}
.btn.custom, .btn-primary, .btn.book {
  background:#4338ca !important; border-color:#4338ca !important; color:#ffffff !important;
}
.btn.custom:hover, .btn-primary:hover, .btn.book:hover {
  background:#372dab !important; border-color:#372dab !important;
}
.btn.map, .btn.map a { color:#ffffff !important; }

/* Karten und Felder */
.panel, .card, .item, .service-item, .event-item, .modal-content, .form-control, input, select, textarea {
  border-radius:4px !important;
}
.form-control, input[type=text], input[type=email], input[type=tel], textarea, select {
  border:1px solid #c5cee0 !important; background:#ffffff; color:#111827; box-shadow:none !important;
}
.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color:#4338ca !important; outline:2px solid #c9c7f6; outline-offset:0;
}

/* Kalender und Zeiten */
.selected, .timeslot.selected, .slot.selected { background:#4338ca !important; color:#ffffff !important; }
.timeslot, .slot { border-radius:4px !important; }

/* Kopfzeile */
#header, .header, .navbar { box-shadow:none !important; border-bottom:1px solid #e0e6f2; }

/* Newsletter-Einwilligung ausblenden (kein Newsletter, Sky 25.09.) */
.promotions-letter-flag { display:none !important; }