/* ============================================================
   GLOBAL STYLES
   Hintergrund, Schrift, Standardwerte
   ============================================================ */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #eef6fb;   /* Hellblauer Hintergrund */
    color: #003049;        /* Dunkelblauer Text */
}

/* ============================================================
   LOGO
   Wird oben links angezeigt – Größe einstellbar
   ============================================================ */
.logo {
    width: 370px;          /* Breite des Logos */
    height: 270px;         /* Höhe des Logos */
    object-fit: contain;   /* Bild bleibt vollständig sichtbar */
}

/* ============================================================
   NAVIGATIONSBUTTONS (7 Stück)
   Marineblau, Hover → Weiß
   ============================================================ */
.nav-btn {
    background-color: #003f88; /* Marineblau */
    border-color: #003f88;
    color: #ffffff;            /* Weißer Text */
    font-weight: 600;          /* Etwas fetter */
}

/* Hover-Effekt: Button wird weiß */
.nav-btn:hover {
    background-color: #ffffff;
    color: #003f88;
    border-color: #003f88;
}

/* ============================================================
   DROPDOWN-MENÜS (Anrainer & Inseln)
   Hintergrund Marineblau, Hover Weiß
   ============================================================ */
.dropdown-menu {
    background-color: #003f88; /* Marineblau */
}

/* Dropdown-Einträge */
.dropdown-menu .dropdown-item {
    color: #ffffff;            /* Weißer Text */
}

/* Hover-Effekt im Dropdown */
.dropdown-menu .dropdown-item:hover {
    background-color: #ffffff;
    color: #003f88;
}

/* ============================================================
   FOOTER (3 Spalten, professionell)
   ============================================================ */
footer {
    background: #003049;       /* Dunkelblau */
    color: #ffffff;            /* Weißer Text */
    padding: 40px 20px;
    margin-top: 40px;
}

/* Footer-Links */
.footer-link {
    color: #ffffff;
    text-decoration: none;
}

/* Hover-Effekt für Footer-Links */
.footer-link:hover {
    text-decoration: underline;
}