/* ============================================================
   Alsenborn Merch – öffentliche Bestellseite
   Zentrale Stylesheet-Datei (alle eigenen CSS-Regeln)
   Bootstrap + FontAwesome werden per CDN im <head> geladen.
   ============================================================ */

/* Markenfarben */
:root{
  --brand:#8a1a1a;
  --brand-dark:#761414;
  --druck:#1d4d7a;
  --stick:#8a5a12;
}

/* Grundgeruest */
body{ background:var(--bs-tertiary-bg); }

/* Brand-Button (roter Absende-Button) */
.btn-brand{
  --bs-btn-bg:var(--brand); --bs-btn-border-color:var(--brand);
  --bs-btn-hover-bg:var(--brand-dark); --bs-btn-hover-border-color:var(--brand-dark);
  --bs-btn-active-bg:var(--brand-dark); --bs-btn-active-border-color:var(--brand-dark);
  --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff;
}

/* Navbar-Zusatz */
.navbar-brand small{ font-weight:400; opacity:.85; }

/* Formular-Layout */
.form-wrap{ max-width:920px; }

/* Honeypot (Spam-Falle, unsichtbar) */
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* Alle Praefix-Boxen (input-group-text) einheitlich breit, Inhalt zentriert */
.input-group-text{ min-width:6.5rem; justify-content:center; text-align:center; white-space:nowrap; }

/* ---- Logo-Schriftzug (oben auf der Seite) ----
   Kein farbiges Band: der Schriftzug nimmt die Theme-Farbe an (dunkel im Hell-Modus,
   hell im Dunkel-Modus) und ist so in beiden Modi gut lesbar. */
@font-face{
  font-family: "OldEnglishFive";
  src: url("OldEnglishFive.ttf") format("truetype");
  font-display: swap;
}
.site-banner{
  text-align: center;
  padding: 1.5rem 1rem .25rem;
}
.brand-wordmark{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  color: var(--bs-emphasis-color);
  font-family: "OldEnglishFive", "Old English Text MT", serif;
}
.brand-wordmark .bw-main{ font-size: 3.4rem; }
.brand-wordmark .bw-sub{ font-size: 1.5rem; margin-top: 4px; letter-spacing: 4px; }