@import url("customfonts.css");

/* 
 * By default, this file loads the Roboto font from Google Fonts.
 * If the customer blocks Google domains or prefers to use fonts internally:
 *   - Comment out the Google Fonts import line below.
 *   - Uncomment the local font import line to load fonts from the internal server.
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
/* @import url("localgooglefonts.css"); */

@import url("theme-styles.css");
/* Container der 3 Zeilen unter "Sie haben gewählt:" als Flex-Spalte */
.v-card-text.info-text.relative h3.info-text-strong + div {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem;
}

/* Reihenfolge: Standort (2) → Dienst (1) → Uhrzeit (3) */
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(2) { order: 0 !important; } /* Standort */
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(1) { order: 1 !important; } /* Dienst */
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(3) { order: 2 !important; } /* Uhrzeit */

/* Labels voranstellen (rein visuell) */
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(2)::before {
  content: "Standort: ";
  font-weight: 600;
}
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(1)::before {
  content: "Dienst: ";
  font-weight: 600;
}
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(3)::before {
  content: "Datum und Uhrzeit: ";
  font-weight: 600;
}

/* Optional: festen Zusatztext beim Standort anhängen (falls gewünscht) */
/*
.v-card-text.info-text.relative h3.info-text-strong + div > div:nth-child(2)::after {
  content: " — Graben 15";
  font-weight: 400;
}
*/

@media print {
  .v-card-text.info-text-strong + div {
    display: flex !important;
    flex-direction: column !important;
  }
}
/* 1) Custom-Wrapper 'auflösen', damit seine .fields-wrapper direkt im Formular liegen */
form.v-form > div:has(> .fields-wrapper.custom-field-wrapper) {
  display: contents !important;
}

/* 2) Formular minimal als Flex-Spalte, OHNE gap, damit order wirkt aber Abstände nicht wachsen */
form.v-form {
  display: flex !important;
  flex-direction: column !important;
}

/* 3) Einleitungsblock ganz oben lassen (falls vorhanden) */
form.v-form > .v-card-text.info-text.mb-4 {
  order: -2 !important;
}

/* 4) Nur den Block mit #customFields1 (Anrede) direkt unter die Einleitung setzen */
form.v-form > .fields-wrapper:has(#customFields1) {
  order: -1 !important;
}

/* Keine weiteren Änderungen: Alle anderen Blöcke bleiben mit implizitem order: 0 an ihrer Position. */