/* CSS Document */

body {
    font-family: "Eagle Lake", serif;
    font-size:  .9rem;
    line-height: 2.1rem;
    /* Silbentrennung global (nutzt <html lang>) + Notfall-Umbruch überlanger Wörter,
       damit Text/Titel nicht aus ihren Boxen laufen. */
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
}

/* Überschriften brechen/trennen zuverlässig – sie sind groß und überlaufen sonst
   ihre Spalte (Überlappung). hyphens erbt vom body; hier zusätzlich harter Umbruch. */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#nav{
    line-height: 1rem;
    font-size: 1.6rem;
}

#nav .mnu-sub-text{
    font-size: .6rem;
    line-height: .8rem;
    white-space: normal;

}

small {
    font-size: .6rem;

}

#topline{
    font-size: 1rem;
}

#logo{
    font-size: 4rem;
}

a {
    text-decoration: none;
    
}

p {
    padding-top: 0;
}

p:first-of-type, h1:first-of-type {

    padding-top: 0;
    margin-top: 0;
}

#bottom {
    font-size: 1rem;
}

#bottom2{
    font-size: .8rem;
}

h1{
    font-size: 3rem;
    line-height: 3.8rem;
    text-transform:uppercase;
    margin: 0 0 3rem 0;   /* kein Abstand oben, 3rem Abstand nach unten */
}
h2{
    font-size: 2rem;
    line-height: 3rem;
        margin: 3rem 0 1rem 0;
}
/* Seiten im rechten Menü (Inhalt in #main): Hauptüberschrift als h2-Stil, nicht h1. */
#main h1 {
    font-size: 2rem;
    line-height: 3rem;
    text-transform: none;
    margin: 0 0 3rem 0;   /* kein Abstand oben, 3rem nach unten */
}
h3{
    font-size: 1.8rem;
    line-height: 3rem;
    margin: 3rem 0 1rem 0;
}
h4{
    font-size: 1.6rem;
    line-height: 3rem;
}
