/*allgemeines*/
body{
    cursor: url("bilder/allgemein/cursor_n.svg"), auto;
    font-family: "hero-new", sans-serif;
    margin: 0;
  
}

    a {
        text-decoration: none;
        color: darkgreen;
        cursor:url(bilder/allgemein/cursor_h.svg), auto;
    }


/*english*/
    text.english {
        position: absolute;
        right: 50px;
        top: 50px;

        font-weight: 300;

        letter-spacing: 2px;
        font-size: 10pt;
        font-style: normal;
        padding: 7px;
    }

        .english:hover {
            outline: 1px solid darkgreen;
        }



/*gif_logo*/
    img.streifen {
        width: 100vw;
        height: auto;
        padding: 0px;
        margin: 10px auto 0px auto;
        filter: brightness(1.05);
    }


/*navi*/
    ul.nav {
        padding: 0;
        margin: 0px auto auto 50px;
       
    }

        ul.nav li a {
            text-transform: lowercase;
            font-weight: 300;
            font-size: 10pt;
            font-style: normal;
            letter-spacing: 2px;
            padding: 7px;
        }

            ul.nav li a:hover {
                background: white;
                outline: 1px solid darkgreen;
            }

    li {
        display: inline-block;
        margin-right: 30px;
      }

    .aktiv {
          outline: 1px solid darkgreen;
    }


/*headline*/
    h1 {
        margin: 60px auto 20px auto; 
        text-align: center;
        
        font-weight: 900;
        font-size: 75px;
        font-style: normal;
        letter-spacing: 10px;
    }

/*vorwort*/
    text.vorwort p {
                font-weight: 300;
                font-size: 14px;
                font-style: normal;
                letter-spacing: 2px;

                max-width: 900px;
                margin-left: auto;
                margin-right: auto;
                color: #ea5b0c;
                text-align: center;
                margin-top: 0;
                margin-bottom: 2px;
                }





/*socialmedia*/
    section.socialmedia {
        margin-top: 130px;
        margin-bottom: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
    }

        section.socialmedia img {
            width: 35px;
            height: auto;
            padding: 12px;
            transition: transform 0.7s;
        }


        .socialmedia a:hover {
            transform: scale(1.2);
        }

.impressum {
    text-align: center;
    margin: 50px auto 40px auto;
    font-weight: 300;
    font-size: 8pt;
    letter-spacing: 1px;
}

.impressum p{
    margin-top: 10px;
}