/*
 * Erscheinungsbild des Buchungsformulars.
 *
 * Diese Datei gehört Ihnen. Sie liegt neben der index.php auf Ihrem eigenen Webserver und wird
 * automatisch geladen – im ERP ist dafür nichts einzustellen. Änderungen wirken sofort.
 *
 * Bewusst nur Farben, Schrift und der Eckenradius: Der Aufbau des Formulars gehört zum Programm und
 * ändert sich mit jeder Fassung. Wer hier ganze Bausteine umbaut, hat nach dem nächsten Update ein
 * verschobenes Formular – die Werte unten dagegen bleiben stabil.
 *
 * Sie wird NACH dem eingebauten Stylesheet geladen und überschreibt es deshalb. Nicht benötigte
 * Zeilen können stehen bleiben; sie setzen dann einfach den Standardwert.
 */

:root {
	/* ── Akzentfarbe ──────────────────────────────────────────────────────────
	   Der auffälligste Wert: Schaltflächen, Rahmen, Hervorhebungen, ausgewählte
	   Kalendertage. Für ein anderes CI genügt es oft, nur diese drei zu ändern. */
	--overview-accent: #c8b274;
	--overview-accent-dark: #a58e52;
	--dc-booking-gold: #c8b274;

	/* ── Schrift- und Grundfarben ─────────────────────────────────────────── */
	--dc-booking-black: #191919;
	--overview-text: #161616;
	--overview-muted: #737373;
	--dc-booking-muted: #777777;

	/* ── Flächen, Linien, Schatten ────────────────────────────────────────── */
	--overview-bg: #f5f6f8;
	--overview-surface: #ffffff;
	--overview-line: #e7e7e7;
	--dc-booking-divider: #e3e3e3;
	--overview-shadow: 0 12px 35px rgba(18, 18, 18, .07);

	/* ── Kalender ─────────────────────────────────────────────────────────────
	   Eigene Werte, weil der Kalender auch auf der Startseite eingebunden sein
	   kann. Die beiden rgba-Werte sind die Akzentfarbe mit Transparenz – wer die
	   Akzentfarbe ändert, sollte sie mitziehen. */
	--dc-cal-gold: #c8b274;
	--dc-cal-gold-soft: rgba(200, 178, 116, .16);
	--dc-cal-gold-edge: rgba(200, 178, 116, .45);
	--dc-cal-black: #191919;
	--dc-cal-muted: #8a8a8a;
	--dc-cal-divider: #ececec;

	/* Kantenlänge eines Kalendertages. Kleiner macht den Kalender kompakter. */
	--dc-cal-day: 40px;
}

/*
 * Eigene Schriftart.
 *
 * Auskommentiert, weil die Schrift vorher geladen sein muss – entweder per @font-face hier darüber
 * oder über das Template Ihrer Website. Ohne geladene Schrift greift der Rückfall.
 */
/*
body,
#modal-person,
#rental-data-form {
	font-family: "Ihre Schrift", Arial, Helvetica, sans-serif;
}
*/