html, body {
    height: 100%; /* Stellt sicher, dass html und body die volle Höhe einnehmen */
    margin: 0;
    padding: 0;
}

body.has-background-dark {
   
    color: #fff; /* Weiße Textfarbe */
    font-family: Arial, sans-serif; /* Standard-Schriftart */
    display: flex;
    flex-direction: column; /* Ordnet Elemente vertikal an */

}

.centered-container {
    flex-grow: 1; /* Ermöglicht es dem Container, den verfügbaren Raum auszufüllen */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Zentriert Inhalte vertikal */
    align-items: center; /* Zentriert Inhalte horizontal */
    text-align: center;

        /*background-color: #000;  Schwarzer Hintergrund */
        background: #09759e;
        background: -moz-linear-gradient(180deg, #09759e 0%, #023a69 47%, #001d43 100%);
        background: -webkit-linear-gradient(180deg, #09759e 0%, #023a69 47%, #001d43 100%);
        background: linear-gradient(180deg, #09759e 0%, #023a69 47%, #001d43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09759e", endColorstr="#001d43", GradientType=1);
}

/* Formular-Stile */
.form-container {
    background-color: #333; /* Dunkler Hintergrund für das Formular */
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px; /* Abstand nach oben */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width:400px;
}

form label, form input {
    display: block; /* Macht Label und Input block-elemente */
    width: 96%; /* Volle Breite */
    margin-bottom: 10px; /* Abstand nach unten */
}

input[type="text"] {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #555;
    background-color: #222;
    color: #fff;
    font-size: 1.1em;
}

input[type="submit"] {
    padding: 8px;
    border-radius: 4px;
    border: none;
    background-color: #555;
    color: white;
    cursor: pointer;
    margin-top: 10px;
    width: 96%; /* Volle Breite */
}

input[type="submit"]:hover {
    background-color: #777;
}

.linkbutton {
background-color: #007BFF; /* Blaue Hintergrundfarbe */
color: white; /* Weiße Textfarbe */
padding: 10px 20px; /* Vertikaler und horizontaler Abstand im Button */
text-decoration: none; /* Entfernt die Unterstreichung */
border-radius: 5px; /* Abgerundete Ecken */
border: none; /* Kein Rand */
font-weight: bold; /* Fettschrift */
transition: background-color 0.3s, transform 0.3s; /* Animation für Hover-Effekt */
}

.linkbutton:hover, .linkbutton:focus {
background-color: #0056b3; /* Dunklere blaue Farbe beim Hovern */
color: #fff; /* Textfarbe beim Hovern */
text-decoration: none; /* Entfernt die Unterstreichung beim Hovern */
transform: scale(1.05); /* Vergrößert den Button leicht beim Hovern */
}


/* Footer-Stile */
.footer {

    background-color: #023a69;
    width: 100%;
}


@media (min-width: 1080px) {


}

.footer .content {
    text-align: center;
    padding: 20px;
    color: #888 !important; /* Weiße Textfarbe für Links */
}

.footer a {
    color: #aaa !important; /* Weiße Textfarbe für Links */
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}