/* Grundlayout */

body {

  background-color: #000;

  color: #fff;

  font-family: 'Segoe UI', sans-serif;

  margin: 0;

  padding: 20px;

}

/* Überschriften */

h1, h2, h3, h4, h5 {

  color: #e3873a;

  margin-bottom: 20px;

  text-align: center;

}

/* Buttons */

button, .btn, input[type="submit"] {

  background-color: #e3873a;

  color: #000;

  border: none;

  padding: 8px 16px;

  font-weight: bold;

  border-radius: 6px;

  cursor: pointer;

  transition: background 0.3s ease;

}

button:hover, .btn:hover, input[type="submit"]:hover {

  background-color: #ffa85e;

}

/* Inputs */

input, select, textarea {

  background-color: #111;

  color: #fff;

  border: 1px solid #444;

  padding: 8px;

  margin: 6px 0;

  border-radius: 4px;

  width: 100%;

  box-sizing: border-box;

}

/* Tabellen */

table {

  width: 100%;

  border-collapse: collapse;

  margin-top: 20px;

}

th, td {

  padding: 10px;

  border-bottom: 1px solid #333;

}

th {

  background-color: #111;

  color: #e3873a;

  text-align: left;

}

/* Teamkarten */

.team-container {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));

  gap: 20px;

  margin-top: 20px;

}

.team-card {

  background-color: #111;

  border-radius: 10px;

  text-align: center;

  box-shadow: 0 0 8px rgba(227,135,58,0.3);

  padding: 10px;

}

.team-card img {

  width: 100%;

  height: 180px;

  object-fit: cover;

  border-radius: 6px;

}

.team-card h3 {

  margin: 10px 0 5px;

  color: #e3873a;

  font-size: 1em;

}

.team-card p {

  margin: 0;

  font-size: 0.85em;

  color: #ccc;

}

/* Links */

a {

  color: #e3873a;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

/* Fehlermeldungen */

.error {

  color: #ff4444;

  margin-top: 10px;

}

/* Logout-Link */

.logout {

  text-align: right;

  margin-bottom: 10px;

}