:root {
  --burgnarren-rot: #dd0000;
  --burgnarren-gold: #d19f2c;
  --burgnarren-schwarz: #222222;
  --burgnarren-weiss: #fffff;
  --burgnarren-grau: #f5f5f5;
  --burgnarren-font: 'Segoe UI', 'Arial', sans-serif;
}

body {
  background: var(--burgnarren-grau);
  color: var(--burgnarren-schwarz);
  font-family: var(--burgnarren-font);
}

header, .header, .navbar, .top-bar {
  background: var(--burgnarren-rot);
  color: var(--burgnarren-weiss);
  border-bottom: 4px solid var(--burgnarren-gold);
}

a, a:visited {
  color: var(--burgnarren-rot);
  text-decoration: underline;
  transition: color 0.2s;
}
a:hover, a:focus {
  color: var(--burgnarren-gold);
}

button, input[type="submit"] {
  background: #dd0000;
  color: #dd0000;
  border: 2px solid var(--burgnarren-gold);
  border-radius: 4px;
  padding: 0.5em 1.2em;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
button:hover, input[type="submit"]:hover {
  background: var(--burgnarren-gold);
  color: var(--burgnarren-rot);
}

h1, h2, h3, h4 {
  color: var(--burgnarren-rot);
  font-family: var(--burgnarren-font);
  font-weight: bold;
  letter-spacing: 1px;
}

input, textarea, select {
  border: 1.5px solid var(--burgnarren-rot);
  border-radius: 3px;
  padding: 0.4em;
  font-family: var(--burgnarren-font);
}

.form-label, label {
  color: var(--burgnarren-rot);
  font-weight: bold;
}

footer, .footer {
  background: var(--burgnarren-rot);
  color: var(--burgnarren-rot);
  border-top: 4px solid var(--burgnarren-gold);
  padding: 1em 0;