.ueberschrift{

    color: #004b96;
    margin-bottom: 20px;
}
p.einleitungstart{
    color: black;
    font-weight: bold;
    font-size: 18px;

}
p.einleitungstext{
    font-size: 18px;
}
.frageinfo{
    margin-bottom: 30px;
    #background-color: #e64641;
    color: white;
    background-color: #be0028;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    font-size: 15px;
}
.frageText{
    font-weight: bold;
    font-size:18px;

}
.antwortText{
  /* font-weight: bold; */
    font-style: italic;
    font-size:18px;
    color: #be0028;

}
.antwortLink{
    font-weight: bold;
    font-size:18px;
    color: #be0028;

}



.textGesamtAuswertung{
    font-weight: 100;
    font-size:20px;
    font-size:18px;
}
.gesamtFehlerliste{

    font-size:20px;
    font-size:18px;

}

.schlussAbsatz{
    margin-top: 50px;
    font-size:18px;
    margin-left: 2px;
    margin-bottom: -15px;
}



.button-container{
    display:flex;
    flex-wrap: wrap; /* Lässt die Buttons umbrechen, wenn nicht genug Platz ist */
    gap: 10px; /* Erzeugt Abstand zwischen den Buttons (moderner Ersatz für margin) */
  /*  justify-content: center; /* Zentriert die Buttons, wenn sie in einer Reihe sind */
    margin-top: 20px; /* Abstand zum Formularfeld oben */
}
.button{
    width: 200px;
    height:40px;
    width: 250px;
    height:60px;
    background-color:#73af55;
    font-weight: bold;
    font-size: 15px;
/* zum Testen */
    flex-grow: 1; /* Lässt die Buttons wachsen, um den verfügbaren Platz auszunutzen */
    flex-basis: 150px; /* Mindestbreite für jeden Button (kann angepasst werden) */
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    background-color: #005387;
    background-color: #154889;
    background-color: #004b96; /*Klinkums-Blau - wie Ueberschrift */
    color: white;
    font-size: 16px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-sizing: border-box; /* Wichtig, damit Padding die Breite nicht sprengt */
}
.button-move{
    width: 200px;
    height:40px;
    width: 250px;
    height:60px;
    background-color:#73af55;
    font-weight: bold;
    font-size: 15px;
    /* zum Testen */
    flex-grow: 1; /* Lässt die Buttons wachsen, um den verfügbaren Platz auszunutzen */
    flex-basis: 150px; /* Mindestbreite für jeden Button (kann angepasst werden) */
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    background-color: #8a9597;
    color: white;
    font-size: 16px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-sizing: border-box; /* Wichtig, damit Padding die Breite nicht sprengt */
}

.button:hover {
/*  background-color: cadetblue; */

}
.button-move:hover {
 /*   background-color: lightgrey; */

}