/*Standard Layout für Basic-Button*/
.basic-button {
    align-items: center;    /* vertikal zentrieren */
    justify-content: center; /* horizontal zentrieren */
    margin-top: 10px; /* Abstand nach oben */
    height: 30px;
    padding: 5px 20px; /* Padding für Buttons */
    border: none;
    border-radius: 4px; /* Etwas weniger rund */
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    white-space: normal;     /* erlaubt Zeilenumbruch */
    line-height: 1.2;
    display: block;
}

/*Buttons mit Verlinkung im Format anpassen*/
a.basic-button {
    display: inline-block; /* Damit width, padding etc. wie bei Button wirken */
    text-decoration: none; /* Kein Unterstrich */
    display: flex;
    height: 20px;
}

/*Button Anpassung im Footerbereich*/
footer.basic-button {
  display: flex;
  justify-content: flex-start; /* linksbündig */
  gap: 10px;                   /* Abstand zwischen den Buttons */
  padding-top: 20px;
}

/*Blauer Button*/
.basic-button.blue {
    background-color: #7986cb; /* Helleres Indigo, wie im Zielbild */
    color: white;
}

/*Blauer Button Hovereffekt*/
.basic-button.blue:hover {
    background-color: #5c6bc0;
}

/*Blauer Button Länge (in Ausnahmefällen)*/
.basic-button.blue.width {
    width: 135px;
}

/*Grauer Button*/
.basic-button.grey {
    background-color: #90a4ae; /* Helleres Blaugrau, wie im Zielbild */
    color: #37474f; /* Dunklere Schrift für besseren Kontrast auf hellem Grau */
}

/*Grauer Button Hovereffekt*/
.basic-button.grey:hover {
    background-color: #78909c;
    color: white;
}

/*Grauer Button Länge (in Ausnahmefällen)*/
.basic-button.grey.width {
    width: 135px;
}

/*Grüner Button*/
.basic-button.green {
    background-color: green;
    color: white; /* Dunklere Schrift für besseren Kontrast auf hellem Grau */
}

/*Grüner Button Hovereffekt*/
.basic-button.green:hover {
    background-color: darkgreen;
    color: white;
}

/*Grüner Button Länge (in Ausnahmefällen)*/
.basic-button.green.width {
    width: 135px;
}