/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 09 2023 | 16:30:42 */
/* Hauptseitenhintergrundfarbe */
body {
  background-color: #121212; /* Dunkle Hintergrundfarbe für die gesamte Seite */
}

/* Entfernt den spezifischen Hintergrund des Abstimmungscontainers */
.democracy {
  background: none; /* Macht den Hintergrund transparent */
  color: #fff; /* Weißer Text für Kontrast */
  border-radius: 0; /* Keine abgerundeten Ecken für den Abstimmungscontainer */
  padding: 0; /* Entfernt das Padding des Containers */
}

/* Stil für die Titel */
.dem-poll-title {
  color: #FFA500; /* Orange Farbe für den Titel */
  margin-bottom: 10px; /* Weniger Abstand unter dem Titel */
  padding: 10px 0; /* Polsterung oben und unten für den Titel */
}

/* Anpassungen für die Liste */
.democracy ul.dem-vote li {
  background-color: #1e1e1e; /* Dunkler Hintergrund für jede Antwortoption */
  margin-bottom: 2px; /* Reduzierter Abstand zwischen den Optionen */
  padding: 15px; /* Größeres Padding für die Antwortoptionen */
  border-radius: 0; /* Keine abgerundeten Ecken für die Antwortoptionen */
}

/* Anpassungen für Checkboxen und Radiobuttons nicht ändern - sie sind bereits gut gestaltet */

/* Stil für den Abstimmungsbutton */
input[type=submit].dem-button, 
.dem-button {
  background-color: #FFA500; /* Orange Farbe für Buttons */
  color: #333; /* Dunkle Textfarbe für Lesbarkeit auf dem Button */
  padding: 15px 30px; /* Größere Polsterung für größere Buttons */
  border-radius: 4px; /* Geringfügig abgerundete Ecken für die Buttons */
  text-transform: uppercase; /* Großbuchstaben für den Text auf dem Button */
  border: none; /* Keine Grenze */
  transition: background-color 0.3s; /* Übergangseffekt für den Hintergrund */
  font-size: 1em; /* Größere Schriftgröße */
  font-weight: bold; /* Fetten Text machen */
}

/* Hover-Effekt für den Abstimmungsbutton */


/* Stile für Ergebnis- und Bearbeitungslinks unverändert lassen */

/* Stil für den Ladebildschirm */
.democracy .dem-loader {
  background-color: #121212; /* Gleicher Hintergrund wie die Hauptseite */
}

/* Stil für den Info-Text, der erscheint, wenn kein JavaScript aktiv ist */
.noscript {
  background-color: #1a1a1a; /* Sehr dunkler Hintergrund für den noscript Bereich */
  color: #ccc; /* Hellerer Text für den noscript Bereich */
  padding: 15px; /* Größeres Padding für den noscript Bereich */
  border-radius: 0; /* Keine abgerundeten Ecken für noscript Bereich */
}

/* Update der Container-Polsterung für die Umfrage */
.democracy .dem-screen {
  padding-top: 20px; /* Setzt das obere Padding */
  padding-bottom: 20px; /* Setzt das untere Padding, um es dem oberen anzupassen */
  padding-left: 0; /* Behält das linke Padding bei, das zuvor auf 0 gesetzt sein könnte */
  padding-right: 0; /* Setzt das rechte Padding auf 0, für Inhalte die rechtsbündig sind */
}

/* Update des Abstandes für den gesamten .democracy Block, falls notwendig */
.democracy {
  margin-bottom: 20px; /* Stellt den Außenabstand unten ein, falls nicht schon vorhanden */
}

/* Stil für die Liste */
.democracy ul.dem-vote {
  margin-bottom: 0; /* Entfernt den unteren Margin der Liste, falls gewünscht */
  padding-left: 0; /* Sorgt dafür, dass der Listeninhalt linksbündig ist */
  padding-right: 0; /* Sorgt dafür, dass der Listeninhalt rechtsbündig ist */
}

/* Update der Listenpunkte */
.democracy ul.dem-vote li {
  padding: 10px 0; /* Setzt das Padding innerhalb jedes Listenpunktes */
  /* Falls es spezifisches Padding für Seitenränder geben sollte, kann es hier angepasst werden */
}

/* Setzt das obere und untere Padding für die 'li' Elemente gleich */
.democracy ul.dem-vote li {
  padding-top: 10px; /* Definiert das obere Padding */
  padding-bottom: 10px; /* Definiert das untere Padding, um es dem oberen anzupassen */
  padding-left: 0; /* Kein zusätzliches Padding links, um Inhalte linksbündig zu halten */
  padding-right: 0; /* Kein zusätzliches Padding rechts, da nicht benötigt */
  margin-bottom: 2px; /* Kleiner Abstand zwischen den Listenelementen */
  background-color: #1e1e1e; /* Dunkler Hintergrund für jedes Listenelement */
  list-style: none; /* Entfernt Listensymbole */
  border-radius: 0; /* Keine abgerundeten Ecken für die Listenelemente */
}

.footer {
  display: none !important;
}