body {

  margin: 0;

  padding: 20px;

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

  background-color: #111;

  color: #fff;

}

h1, h2 {

  color: #ffcc00;

  margin-top: 0;

}

ul.sendeplan-liste {

  list-style: none;

  padding: 0;

  margin: 0;

}

.sendeplan-eintrag {

  background-color: #1c1c1c;

  margin-bottom: 25px;

  border-radius: 8px;

  box-shadow: 0 0 10px rgba(255,255,255,0.05);

  overflow: hidden;

  padding: 20px;

}

.sendeplan-eintrag h2 {

  font-size: 1.5em;

  margin-bottom: 8px;

}

.sendeplan-eintrag p {

  margin: 8px 0;

  font-size: 1em;

  color: #ccc;

}

.sendeplan-eintrag img {

  width: 100%;

  max-height: 320px;

  object-fit: cover;

  border-radius: 6px;

  margin-top: 10px;

}

.timer-info {

  font-size: 1em;

  color: #00ccff;

  margin-top: 10px;

}

.leer {

  text-align: center;

  font-size: 1.2em;

  color: #888;

  margin-top: 40px;

}

form input,

form button {

  display: block;

  margin: 10px 0;

  padding: 10px;

  font-size: 1em;

  width: 100%;

  max-width: 400px;

  border: none;

  border-radius: 6px;

}

form input[type="file"] {

  padding: 4px;

  background-color: #222;

  color: #ccc;

}

form button {

  background-color: #ffcc00;

  color: #000;

  cursor: pointer;

  transition: background 0.3s;

}

form button:hover {

  background-color: #ffd633;

}

a {

  color: #00ccff;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

img {

  display: block;

  max-width: 100%;

  height: auto;

}

@media (max-width: 600px) {

  body {

    padding: 10px;

  }

  .sendeplan-eintrag h2 {

    font-size: 1.3em;

  }

  .sendeplan-eintrag p {

    font-size: 0.95em;

  }

  form input,

  form button {

    max-width: 100%;

  }

}