/* styles.css */

/* Einbindung der Schriftart Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');

/* Grundlegende Stile */
body {
    font-family: 'Roboto', sans-serif; /* Verwendung der Roboto-Schriftart */
    margin: 0;
    padding: 0;
    background-color: #f8f9fa; /* Heller Hintergrund */
    color: #333; /* Dunkle Schriftfarbe */
}

/* Navbar-Stile */
.navbar {
    background-color: #ffffff; /* Hintergrundfarbe der Navbar */
}

.nav-link {
    color: #007bff; /* Farbe der Links in der Navbar */
}

.nav-link:hover {
    color: #0056b3; /* Hover-Farbe der Links */
}

/* Container-Stile */
.container {
    padding: 20px; /* Innenabstand für Container */
}

/* Überschrift-Stile */
h1, h2, h3 {
    color: #4A90E2; /* Farbe der Überschriften */
}

h1 {
    font-weight: 700; /* Fett */
}

h2 {
    font-weight: 700; /* Fett */
}

h3 {
    font-weight: 300; /* Leicht */
}

/* Absatz-Stile */
p {
    line-height: 1.6; /* Zeilenhöhe für bessere Lesbarkeit */
}

/* Button-Stile */
.btn {
    border-radius: 5px; /* Abgerundete Ecken für Buttons */
}

.btn-primary {
    background-color: #007bff; /* Primäre Buttonfarbe */
    color: #ffffff; /* Textfarbe für primäre Buttons */
}

.btn-primary:hover {
    background-color: #0056b3; /* Hover-Farbe für primäre Buttons */
}

/* Footer-Stile */
footer {
    background-color: #343a40; /* Dunkler Hintergrund für Footer */
    color: #ffffff; /* Weiße Schriftfarbe im Footer */
    padding: 10px 0; /* Innenabstand für Footer */
}