/* diedler.com-Branding für die öffentlichen Listmonk-Seiten (überschreibt style.css). */
:root {
  --blue: #0c71c3;
  --blue-dark: #083a6a;
  --orange: #ff9000;
  --text: #1a1a2e;
  --muted: #4f4f4f;
}

body {
  background: #f0f6fd;
  font-family: "Outfit", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--text);
}

a { color: var(--blue); text-decoration-color: rgba(12, 113, 195, .35); }
a:hover { color: var(--blue-dark); }
h1, h2, h3, h4 { color: var(--text); font-weight: 700; line-height: 1.3; }
label { color: var(--muted); }

.brand-bar {
  background: linear-gradient(135deg, #0c71c3, #0a5a9c 60%, #083a6a);
  padding: 22px 20px 70px;
  text-align: center;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .2px;
}
.brand:hover { color: #fff; }
.brand img { filter: brightness(0) invert(1); }
.brand-dot { opacity: .75; font-weight: 500; }

.container { max-width: 560px; }
.wrap {
  margin-top: -48px;
  background: #fff;
  border: 0;
  border-radius: 24px;
  box-shadow: 0 10px 40px rgba(12, 113, 195, .12);
  padding: 40px;
}
.header { display: none; }

input[type="text"], input[type="email"], input[type="password"], select {
  border: 1px solid #c9d3df;
  border-radius: 8px;
  font-family: inherit;
}
input:focus { border-color: var(--blue); outline: 2px solid rgba(12, 113, 195, .25); }

.button {
  background: var(--blue);
  border-radius: 9999px;
  font-family: inherit;
  font-weight: 600;
  padding: 12px 28px;
}
.button:hover { background: var(--blue-dark); }
.button.button-outline { border-color: var(--blue); color: var(--blue); border-radius: 9999px; }
.button.button-outline:hover { background: var(--blue); color: #fff; }

footer.container { color: var(--muted); }
footer a { color: var(--muted); }
footer a:hover { color: var(--blue); }

@media screen and (max-width: 650px) {
  .wrap { margin: -48px 12px 0; border-radius: 18px; padding: 28px; }
}