/* Das ist ein Kommentar V8*/

/* Allgemeine Stilanweisungen für den gesamten Seiteninhalt */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    color: #333;
    margin: 0;
    padding: 0;
}

/* Header-Stil */
header {
    background-color: #73bf4a;
    color: #fff;
    text-align: center;
    padding: 20px;

    display: flex;
    justify-content: center; /* Zentriert das Logo */
    align-items: center; /* Vertikale Ausrichtung */

    h1 {
        background-color: #73bf4a;
        color: #fff;
        text-align: center;
        padding: 30px;
    }
}

/* Navigationsleisten-Stil */
nav {
    background-color: #8f713f;
    text-align: center;
    padding: 10px;
}

nav ul {
    /*list-style: none;
    padding: 0;*/
    list-style-type: none;
    padding: 0;
}

/* Dropdown Menü verborgen */
/*nav ul li ul {
    display: none;
}*/
nav ul li {
    display: inline-block;
}

nav li {
    display: inline;
    margin-right: 20px;
}

nav a {
    text-decoration: none;
    color: #fff;
}

nav ul.show {
    display: block;
}

/* Hamburger Icon Verstecken */
/*.hamburger {
    display: none;
}*/

/* Responsive Stil für Mobilgeräte */
/*@media screen and (max-width: 600px) {
   
    .hamburger {
        display: block;
    }

    nav ul {
        display: none;
    }

    nav ul li {
        display: block;
    }

    .hamburger:active + ul {
        display: block;
    }
}*/

/* Hauptinhalt-Stil */
main {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Footer-Stil */
footer {
    text-align: center;
    background-color: #73bf4a;
    color: #fff;
    padding: 10px;
    /* width: 200px; */
    /*white-space: normal; */
    overflow-wrap: break-word; 
   /* position: relative; */
    top: 10px; 
    left: 20px;
}

/* Hover Classe um beim Maus Drüber Event das Bild etwas größer anzuzeigen */
.hover-link:hover .hover-image {
    transform: scale(1.02); /* Vergrößert das Bild um 10% */
    filter: drop-shadow(1px 1px 2px rgba(28, 28, 28, 0.5)); /* Fügt einen Schlagschatten hinzu */
  }

.center-horizontal {
    display: flex;
    justify-content: center;
    min-height: 0; /* Der Container hat keine Mindesthöhe */
  }

  /* zum besseren Scalieren des Wollfitz Logos */
.banner-logo {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    max-width: 100%;
    height: auto;
    }