/* Grundlayout */

body {

  margin: 0;

  padding: 0;

  font-family: 'Courier New', monospace;

  background: linear-gradient(135deg, #111, #222);

  color: #f0f0f0;

}

/* Header */

header {

  background: #ff0066;

  color: white;

  text-align: center;

  padding: 1rem;

  font-size: 1.5rem;

  font-weight: bold;

  letter-spacing: 1px;

}

/* Container */

.container {

  max-width: 600px;

  margin: auto;

  padding: 1rem;

}

/* Formularelemente */

form {

  display: flex;

  flex-direction: column;

}

input, textarea, select {

  background: #333;

  color: white;

  border: 1px solid #555;

  border-radius: 4px;

  padding: 0.6rem;

  margin-bottom: 1rem;

  font-size: 1rem;

}

button {

  background: #ff0066;

  color: white;

  border: none;

  padding: 0.8rem;

  font-weight: bold;

  border-radius: 4px;

  cursor: pointer;

  transition: background 0.3s ease;

}

button:hover {

  background: #cc0055;

}

/* Links */

a {

  color: #ff99cc;

  text-decoration: none;

  font-weight: bold;

}

a:hover {

  text-decoration: underline;

}

/* Karten für Admin-Dashboard */

.card {

  background: #1e1e1e;

  border: 1px solid #444;

  border-radius: 8px;

  padding: 1rem;

  margin-bottom: 1rem;

}

.card h4 {

  margin: 0 0 0.5rem;

  color: #ff99cc;

}

.card p {

  margin: 0.3rem 0;

}

/* Buttons in Karten */

.approve-link, .logout-btn {

  display: inline-block;

  margin-top: 0.5rem;

  background: #00cc66;

  color: white;

  padding: 0.4rem 0.8rem;

  border-radius: 4px;

  text-decoration: none;

  font-weight: bold;

}

.approve-link:hover {

  background: #00994d;

}

.logout-btn {

  background: #ff0066;

  float: right;

}

.logout-btn:hover {

  background: #cc0055;

}

/* Responsive Anpassungen */

@media screen and (max-width: 600px) {

  header {

    font-size: 1.2rem;

    padding: 0.8rem;

  }

  .container {

    padding: 0.5rem;

  }

  input, textarea, button {

    font-size: 1rem;

  }

  .logout-btn {

    float: none;

    display: block;

    margin: 1rem auto 0;

    text-align: center;

  }

}