/* style.css */

/* Allgemeine Schriftarten für den gesamten Body */
body {
    font-family: 'Open Sans', sans-serif; /* Standardtext */
    color: #444; /* Etwas weicherer Text */
}

/* Schriftarten für Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif; /* Für Überschriften */
    color: #333; /* Dunkler Text für Überschriften */
}

/* Anpassungen für den Hero-Bereich */
.jumbotron {
    min-height: 500px; /* Mindesthöhe des Hero-Bereichs */
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7); /* Leichter Schatten für besseren Kontrast */
    background-position: center top !important; /* Bildposition leicht nach oben verschieben */
}

/* Farben für Buttons anpassen (Beispiel: ein wärmeres Blau oder Grün) */
.btn-primary {
    background-color: #28a745; /* Ein freundliches Grün */
    border-color: #28a745;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-outline-primary {
    color: #28a745;
    border-color: #28a745;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background-color: #28a745;
    color: white;
}

/* Navbar Anpassungen */
.navbar-brand {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.8rem; /* Etwas größer und markanter */
}

.nav-link {
    font-weight: 600; /* Nav-Links etwas dicker */
    color: #555 !important;
}

.nav-link.active, .nav-link:hover {
    color: #28a745 !important; /* Akzentfarbe bei Aktivität/Hover */
}

/* Karten (Cards) im Leistungsbereich */
.card {
    border-radius: 15px; /* Abgerundete Ecken für freundlicheren Look */
    box-shadow: 0 4px 15px rgba(0,0,0,0.08); /* Sanfter Schatten */
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-5px); /* Kleiner "Schwebe"-Effekt beim Hover */
}

.card-img-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Footer Anpassungen */
footer {
    background-color: #343a40; /* Dunkler, aber nicht zu hart */
    color: #adb5bd; /* Hellerer Text im Footer */
}

footer a {
    color: #88BBDD !important; /* Links im Footer freundlicher gestalten */
}

footer a:hover {
    color: #DDEEFF !important;
}