.tribute_info_postbit {
background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin-top: 15px;
  width: 50%;
  margin: 0 auto;
}

.tribute_info_postbit_hp_container,
.tribute_info_postbit_distrikt_container {
    display: flex;
    align-items: center; /* Vertikale Ausrichtung in der Mitte */
    margin-bottom: 10px; /* Abstand zum nächsten Block */
}

.tribute_info_postbit_titel {
    font-weight: bold; /* Fettgedruckte Schrift */
    color: #333; /* Dunklere Schriftfarbe */
    margin-right: 10px; /* Abstand zwischen Titel und Balken */
    white-space: nowrap; /* Verhindert Zeilenumbruch im Titel */
    display: flex;
    align-items: center;
}

.tribute_info_postbit_titel i {
    margin-right: 5px; /* Abstand zwischen Icon und Text */
    color: #ff4c4c; /* Farbgestaltung für die Icons */
}

.tribute_info_postbit_hp {
    display: flex;
    align-items: center; /* Vertikale Ausrichtung in der Mitte */
    flex: 1; /* Fortschrittsbalken nimmt den verbleibenden Platz ein */
}

.hp_bar {
    flex: 1; /* Fortschrittsbalken füllt den verfügbaren Platz */
    background-color: #e0e0e0; /* Heller Hintergrund für den leeren Balken */
    border-radius: 5px; /* Abgerundete Ecken */
    overflow: hidden; /* Verhindert, dass der gefüllte Teil über den Rand hinausgeht */
    height: 20px; /* Höhe des Fortschrittsbalkens */
    margin-right: 10px; /* Abstand zwischen Balken und Prozenttext */
}

.hp_fill {
    height: 100%; /* Füllt die gesamte Höhe des Balkens aus */
    background-color: #4caf50; /* Grüne Farbe für den gefüllten Bereich */
    border-radius: 5px 0 0 5px; /* Abgerundete Ecken auf der linken Seite */
}

.hp_text {
    font-weight: bold; /* Fettgedruckte Schrift für die Prozentzahl */
    color: #333; /* Dunklere Schriftfarbe */
    white-space: nowrap; /* Verhindert Zeilenumbruch */
}

.tribute_info_postbit_distrikt {
    color: #555; /* Gleiche Schriftfarbe wie andere Infos */
    padding-left: 5px; /* Leichter Abstand vom Rand */
}

.action_angriff_ {
background-color: #ededed;
  border: 2px solid #ce9e73;
  border-radius: 10px;
  padding: 15px;
  color: #8d88c7;
  font-family: Arial, sans-serif;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 50%;
  margin: 0 auto;	
	margin-top: 20px;
}

.action_angriff_titel {
    font-size: 1.5em; /* Größere Schriftgröße */
    font-weight: bold; /* Fettschrift */
    text-transform: uppercase; /* Alle Buchstaben groß */
    margin-bottom: 10px; /* Abstand nach unten */

}

.action_angriff_facts {
    font-size: 1em; /* Normale Schriftgröße */
    line-height: 1.6; /* Zeilenhöhe */
    margin-bottom: 10px; /* Abstand nach unten */
    color: #000; /* Hellere Schriftfarbe */
}

.action_deceased {
    background-color: #000000; /* Schwarzer Hintergrund */
    border: 2px solid #424242; /* Dunkelgrauer Rand */
    border-radius: 5px; /* Leicht abgerundete Ecken */
    padding: 10px; /* Innenabstand */
    color: #bdbdbd; /* Grauer Text */
    font-style: italic; /* Kursivschrift */
    margin-top: 20px; /* Abstand nach oben */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Leichte Schattierung */
}

.index_hp {
	font-size: 50px;
  margin: 0 auto;
  text-align: center;
  font-family: 'new amsterdam';
  color: var(--farbe3);
}