/* LIFAD.world — oeffentliche Seiten (Bestaetigung, Abmeldung, Verwaltung).
   Uebernimmt das Design der App und der Mails: schwarz, Rammstein-Rot,
   SCHARFE ECKEN, Montserrat mit Rueckfall. Bewusst als custom_css statt als
   ueberschriebene Vorlage — so bleiben kuenftige Listmonk-Aktualisierungen
   gefahrlos. */

body {
  background: #050505 !important;
  color: #d4d4d8 !important;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
  padding: 24px 12px;
  -webkit-font-smoothing: antialiased;
}

.container {
  max-width: 480px !important;
  margin: 0 auto !important;
}

/* Die Karte: scharfe Ecken sind Teil des Designs, kein border-radius. */
.container.wrap {
  background: #18181b !important;
  border: 1px solid #27272a !important;
  border-radius: 0 !important;
  padding: 0 0 28px 0 !important;
  box-shadow: none !important;
}

/* Kopfleiste mit rotem Abschluss, wie in den Mails und der App. */
.container.wrap .header {
  background: #0a0a0a !important;
  border-bottom: 2px solid #DC2626 !important;
  padding: 18px 28px !important;
  margin: 0 0 24px 0 !important;
}

/* Listmonks eigenes Logo weicht der Wortmarke. */
.container.wrap .header .logo img { display: none !important; }
.container.wrap .header .logo a::after {
  content: 'LIFAD.world';
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff;
}

.container.wrap > *:not(.header) { padding-left: 28px; padding-right: 28px; }

h1, h2, h3 {
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em;
  margin: 0 0 14px 0 !important;
}
h1 { font-size: 24px !important; }
h2 { font-size: 20px !important; }

p, div, label, li { color: #d4d4d8; }

a { color: #DC2626 !important; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Formulare auf der Verwaltungsseite */
input[type=text], input[type=email], textarea, select {
  background: #0a0a0a !important;
  border: 1px solid #27272a !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  padding: 11px 12px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  width: 100%;
  box-sizing: border-box;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
  border-color: #DC2626 !important;
  outline: none !important;
}

button, input[type=submit], .button {
  background: #DC2626 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 13px 28px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
button:hover, input[type=submit]:hover { background: #b91c1c !important; }

input[type=checkbox] { accent-color: #DC2626; }

/* Fusszeile gedaempft — der Listmonk-Hinweis ist Nebensache. */
footer.container {
  color: #52525b !important;
  font-size: 11px !important;
  text-align: center;
  padding-top: 18px !important;
}
footer.container a { color: #52525b !important; text-decoration: underline; }

@media (max-width: 600px) {
  body { padding: 14px 8px; }
  .container.wrap .header { padding: 16px 20px !important; }
  .container.wrap > *:not(.header) { padding-left: 20px; padding-right: 20px; }
}