html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Hauptinhalt nimmt verfügbare Höhe ein */
main {
    flex: 1;
}

/* Footer bleibt unten */
footer {
    background-color: #343a40;
    color: black;
    padding: 20px 0;
    text-align: center;
}

#logo{
    width: 80px;
    height: 80px;
}

.tourtabs{
    width: 40.5rem;            /* Setzt die Breite auf 5rem */
    text-align: center;     /* Zentriert den Text */
    white-space: normal;    /* Textumbrüche ermöglichen */
    line-height: 1.5;       /* Optional: Passt die Zeilenhöhe für bessere Textausrichtung an */
}

/* Roter Hintergrund für das aktive Tab und weiße Schrift */
.tourtabs.active {
    background-color: #D7001A !important;  /* Roter Hintergrund für aktives Tab */
    color: white !important;            /* Weiße Schrift für aktives Tab */
}

/* Weiße Hintergrundfarbe und schwarze Schrift für inaktive Tabs */
.tourtabs {
    background-color: white !important;  /* Weißer Hintergrund für inaktive Tabs */
    color: black !important;             /* Schwarze Schrift für inaktive Tabs */
}

/* Optional: Hover-Effekt für inaktive Tabs */
.tourtabs:hover {
    background-color: #f8f9fa;  /* Heller Hintergrund, wenn Tab hover ist */
}


.nav-link.active {
    color: #E31837 !important; /* Krone-Rot */
    text-decoration: underline;
    font-weight: bold;
}