body {
    background-color: #0d1117;
    color: #c9d1d9;
}

.navbar {
    border-bottom: 2px solid #30363d;
}

h1 {
    color: #58a6ff;
}
.card-exklusiv {
    border-color: #007bff; /* Helle Blautöne für einen Hauch von Exklusivität */
    background-color: #161b22; /* Dunkler Hintergrund für Karten */
    color: #c9d1d9; /* Helles Grau für Text auf dunklem Hintergrund */
}

.card-exklusiv .card-title {
    color: #58a6ff; /* Helle Blautöne für Titel, passend zu h1 */
}

/* Selektiver Button-Stil */
.btn-selektiv {
    background-color: #007bff; /* Blaue Button-Hintergründe */
    border: none;
    color: white;
}

.btn-selektiv:hover {
    background-color: #0056b3; /* Dunklerer Blauton beim Hover */
}
.contact-form-container {
    background-color: #161b22; /* Dunkler Hintergrund für das Formular */
    padding: 20px;
    border-radius: 5px;
}

.contact-form-container h2 {
    color: #58a6ff;
    text-align: center;
    margin-bottom: 20px;
}

.form-group label {
    color: #c9d1d9; /* Helles Grau für Labels */
}

.form-control {
    background-color: #0d1117;
    border: 1px solid #30363d;
    color: #c9d1d9;
}

.form-control:focus {
    background-color: #0d1117;
    border-color: #58a6ff;
    color: #c9d1d9;
    box-shadow: none;
}

.btn-selektiv {
    width: 100%;
    padding: 10px;
}


/* Hinweistext-Stil */
.exklusiv-hinweis {
    font-size: 20px;
    color: #6c757d; /* Helles Grau für Hinweistext */
}
.btn-kontakt {
    background-color: #007bff; /* Blauer Hintergrund */
    color: #ffffff; /* Weißer Text */
    border: none; /* Kein Rand */
    padding: 10px 20px; /* Padding für Größe */
    font-size: 18px; /* Größere Schrift */
    border-radius: 5px; /* Abgerundete Ecken */
    cursor: pointer; /* Cursor als Zeiger */
    transition: background-color 0.3s ease; /* Animation für Farbwechsel */
}

.btn-kontakt:hover {
    background-color: #0056b3; /* Dunklerer Blau-Ton beim Hover */
}