/* datagast.de/css/stil.css */

/* Allgemeine Stile */
body {
    font-family: 'Open Sans', sans-serif; /* Open Sans als Fallback für Open Sauce */
    color: #545454; /* Deine Sekundärfarbe für Text */
}

/* Header und Navigation */
.navbar {
    background-color: #f8f9fa !important; /* Helles Grau für die Navigationsleiste */
    border-bottom: 1px solid #eee;
}

.navbar-brand {
    font-weight: bold;
    color: #5e17eb !important; /* Deine Hauptfarbe für den Brand */
}

.navbar-nav .nav-link {
    color: #545454 !important; /* Deine Sekundärfarbe für Links */
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: #5e17eb !important; /* Hover-Effekt mit Hauptfarbe */
}

.btn-primary {
    background-color: #5e17eb !important; /* Deine Hauptfarbe für primäre Buttons */
    border-color: #5e17eb !important;
}

.btn-primary:hover {
    background-color: #4a13c3 !important; /* Dunklerer Ton für Hover */
    border-color: #4a13c3 !important;
}

.btn-outline-primary {
    color: #5e17eb !important; /* Hauptfarbe für Outline-Buttons */
    border-color: #5e17eb !important;
}

.btn-outline-primary:hover {
    background-color: #5e17eb !important;
    color: #fff !important;
}

/* Hero Section (Beispiel von der vorherigen Antwort) */
.hero-section {
    background-color: #f0f8ff; /* Helle Farbe für den Hintergrund */
    color: #333;
    padding: 80px 0;
    margin-bottom: 30px;
    border-radius: 8px;
}

/* Footer */
footer {
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
    color: #545454;
}

footer a {
    color: #545454;
}

footer a:hover {
    color: #5e17eb;
}