html {
    background: ;
    background-attachment: fixed;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-family: Verdana, Arial, sans-serif;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
}

#null {
    background: ;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#null img { 
    position: relative;
    top: calc(50% - 140px);
    left: 10%;
    width: 80%;
}

#one {
    background: rgba(11, 142, 216, 0.9);
    position: relative;
    top: 110%;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#one img { 
    position: relative;
    top: 25%;
    left: 15%;
    width: 70%;
}

#arrow {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 25px);
    font-size: 100px;
}

#two {
    background: transparent;
    position: relative;
    top: 100%;
    width: 100%;
    height: 60%;
    z-index: 2;
}

#three {
    background: rgba(242, 92, 25, 0.9);
    position: relative;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#profil {
    position: relative;
    max-width: 800px;
    min-height: 400px;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    top: calc(30% - 100px);
    margin:  auto;
    outline: 0px solid #FFF;
}

#four {
    background: transparent;
    position: relative;
    top: 100%;
    width: 100%;
    height: 50%;
    z-index: 2;
}

#five {
    background: rgba(11, 142, 216, 0.9);
    position: relative;
    top: 110%;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#six {
    background: transparent;
    position: relative;
    top: 100%;
    width: 100%;
    height: 50%;
    z-index: 2;
}

#seven {
    background: rgba(79, 76, 76, 0.9);
    color: #FFF;
    position: relative;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#imprint {
    position: relative;
    max-width: 400px;
    height: 200px;
    font-size: 24px;
    text-align: center;
    top: calc(50% - 100px);
    margin:  auto;
    outline: 0px solid #FFF;
}

#imprint a {
    color: #86BDDD;
}

#imprint a:hover {
    color: #E2B8A5;
}


/* Formular */

form {
    color: white;
    font-weight: bold;
    max-width: 400px;
    margin: 0px auto;
    padding: 20% 0%;
}

fieldset {
    border: 0px;
}

label, input, textarea {
    display: block;
}

input, textarea, p {
    width: 100%;
    margin: 0px auto;
}

#technician {margin-bottom: 20px;}

#mailAdd {margin-top: 20px;}

@media (max-width: 600px)
{
    #profil {
        background: ;
        max-width: 480px!important;
        top: calc(50% - 200px);
        font-size: 16px; 
    }

    #imprint {
      top: calc(50% - 200px);
    }

    #technician {font-size: 20px;}
}