body, html
{
    height: 100%;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    
}
.parallax1 {
            /* The image used */
            background-image: url("../img/parallax/aussen.jpg");

            /* Set a specific height */
            height: 30%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

.parallax2 {
              /* The image used */
            background-image: url("../img/parallax/kontakt.jpg");

/* Set a specific height */
            height: 30%;


            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

/*Kontakt*/
.parallax3 {
            /* The image used */
            background-image: url("../img/parallax/kontakt_2.jpg");

            /* Set a specific height */
            height: 50%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
        }
/*Waxing*/
.parallax4 {
            /* The image used */
            background-image: url("../img/parallax/keyvisual_waxing.jpg");

            /* Set a specific height */
            height: 50%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
        }

/*Fusspflege*/
.parallax5 {
            /* The image used */
            background-image: url("../img/parallax/keyvisual_fusspflege.jpg");

            /* Set a specific height */
            height: 50%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
        }

.parallax6
{
            /* The image used */
            background-image: url("../img/parallax/aussen_impressum.jpg");

            /* Set a specific height */
            height: 60%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
        }

.parallax9
{
            /* The image used */
            background-image: url("../img/parallax/recovery-2.jpg");

            /* Set a specific height */
            height: 60%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
        }



.parallax_gruppe {
            /* The image used */
            background-image: url("../img/parallax/feet.jpg");

            /* Set a specific height */
            height: 80%;
    padding-top:30%;

            /* Create the parallax scrolling effect */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

.textbox
{
    color: black;
    background-color: #c73c56;
    height: auto;
    padding: 5%;
}

#nav
{
    color: white;
    background-color: #c73c56;
    margin:0;
    padding: 1%;
    width:100%;
    position: fixed;
    
    float: center;
    top:0px;
    z-index: 50;
    border-bottom: 1px solid #fff ;
    
}
#nav li
{
    float: center;
    color: #c73c56;
    display: block;
}

#footer
{
    color: white;
    background-color: grey;
    height: 100%;
    padding: 1%;
    text-align: center;
    font-size: 12px;
}

.portrait
{
    width: 50%;
}