.animation{
width: 100%;
height: 20px;
background-color: #000000;
color: rgb(255, 0, 0);
}

.hintergrund{
background-color: #0a1f44;
font-family: Arial, Helvetica, sans-serif;
color: rgb(0, 122, 0);
}
.button {
  display: flex;
  justify-content: center; /* horizontal mittig */
  margin-top: 40px;
}

.button button {
  padding: 16px 32px;
  font-size: 1.2rem;
}

.nachricht{
color: yellow;
text-align: center;
}
.terminal {
  background-color: #000000;
  width: 70%;
  height: 800px;
  margin: 40px auto;

  padding: 15px;
  color: rgb(0, 155, 0);

  font-family: monospace;
  border-radius: 10px;
  outline: none;
}

.text{
color: #ff0000;
text-align: center;    
}
.unten {
    width: 100%;
    height: 100px;
    background-color: #000000;
    color: #1100ff;
    
    display: flex;              /* Flexbox aktivieren */
    align-items: center;        /* vertikal zentrieren */
    justify-content: space-between; /* links, mitte, rechts verteilen */
    padding: 0 20px;            /* Abstand links/rechts */
    box-sizing: border-box;     /* Padding wird in Breite einberechnet */
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.links-text, .mitte-text, .rechts-text {
    margin: 0; /* Standardabstand von h3 entfernen */
}

/* Mittlerer Text zentrieren */
.mitte-text {
    text-align: center;
    flex: 1; /* nimmt den Platz zwischen links und rechts ein */
}
.updates{
width: 30%;
height: 700px;
background-color: black;  
margin: 40px auto;
border-radius: 10px;
}
.text-updates{
 color: #1100ff;
 text-align: center; 
}
.blau{
 width: 100%;
 height: 600px;
 margin: 40px auto; 
 background-color:#0c1374;
}
.text-2{
 color: #ff0000;
 text-align: center; 
}