/* Bootstrap Icons einbinden - muss am Anfang stehen */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");

body {
    background-color: #212529;
}

.logo {
    max-width: 800px;  /* von 400px auf 800px erhöht */
    height: auto;
    margin-bottom: 2rem;
}

.contact-info a:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* Placeholder-Farbe für dunkle Inputs anpassen */
.form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
} 
.upper-case {
    text-transform: uppercase;
}