/* THE DUKE: Gestaltung der Anmeldeseite des Buchungssystems.
 *
 * Diese Datei liegt bewusst als eigene Datei vor und nicht als eingebetteter
 * Stil in der Vorlage: pretix setzt eine Sicherheitsrichtlinie mit
 * style-src 'self' und ohne unsafe-inline, eingebettete Stile werden vom
 * Browser deshalb verworfen. Ausgeliefert wird sie aus dem Medienverzeichnis
 * unter /media/pub/, das zur selben Herkunft gehoert.
 *
 * Farben nach den Design-Leitlinien: Navy #003A70, Creme #FAF8F5.
 */

/* Weisser Grund statt Creme: Das Markenlogo traegt sein Weiss als Teil der
 * Grafik (Strahlenkranz, 99,99 % deckend, gemessen); auf jedem anderen Grund
 * saesse es als weisser Kasten auf der Seite. Dazu vertikale Zentrierung:
 * Logo und Anmeldekasten sitzen sonst am oberen Rand. */
html,
body {
  height: 100%;
}

body {
  background: #FFFFFF;
  color: #1F2937;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

body > .container {
  flex: 0 1 auto;
  padding-top: 0;
  padding-bottom: 24px;
}

.container > a {
  display: block;
  text-align: center;
}

.container > a .logo {
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.duke-kennung {
  text-align: center;
  color: #4B5563;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 4px 0 28px;
}

.btn-primary {
  background-color: #003A70;
  border-color: #003A70;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #002B54;
  border-color: #002B54;
}

/* "Passwort vergessen?" ist kein einfacher Link, sondern ein Bootstrap-Knopf
 * mit der Klasse btn-link. Ein Selektor auf a allein verliert dagegen. */
a,
.btn-link {
  color: #003A70;
}

.btn-link:hover,
.btn-link:focus {
  color: #002B54;
}

footer {
  color: #6B7280;
}

footer a {
  color: #6B7280;
}