html, body  {
    width: 100%;
    max-width: 1920px;
    padding: 0px;
    margin: 0px auto;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
}

section {
    width: 100%;
    position: relative;
}

.netzdesign {
    color: #ff9933;
    outline: 2px solid #ffffff;
    text-shadow: 0px 0px 2px #000000;
}

.fullPage   {
    height: 100vh;
    position: relative;
}

.centering  {
    position: relative;
    top: 50%;
    transform: translate(0%,-50%);
}

/* Parallax Effect */
.parallax-container {
    width: 100%;
    height: 350px;
    position: relative;
}

.parallax-container .parallax   {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.parallax-container .parallax img   {
    width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    opacity: 0.8;
}


/* bigTextBox */
.bigTextBox {
    width: 100%;
    height: 100vh;
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    font-size: 2.4em;
}
.bigTextBox.invert {
    background-color: #ffffff;
    color: #000000;
}

.bigTextBox .headline   {
    text-align: center;
}

.bigTextBox .headline h2   {
    text-transform: uppercase;
}

.bigTextBox .text   {
    width: 60%;
    margin-left: 20%;
    text-align: center;
}

.bigTextBox .text p   {}

.bigTextBox .text a   {
    color: #0c6ba3;
    text-decoration: none;
}

.bigTextBox .text a:hover   {
    text-decoration: underline;
}

/* SCROLL DOWN ARROWS */
.scrollDown {
    position: absolute;
    left: 50%;
    bottom: 2.5vh;
}

.scrollDown .arrows  {
    width: 60px;
    height: 72px;
    position: absolute;
    bottom: 20px;
    cursor: pointer;
    transform: translateX(-50%);
}

.scrollDown .arrows path {
    stroke: #fff;
    fill: transparent;
    stroke-width: 1px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}

@keyframes arrow {
    0% {
        opacity: 0; }
    40% {
        opacity: 1; }
    80% {
        opacity: 0; }
    100% {
        opacity: 0; }
}

@-webkit-keyframes arrow /*Safari and Chrome*/ {
    0% {
        opacity: 0; }
    40% {
        opacity: 1; }
    80% {
        opacity: 0; }
    100% {
        opacity: 0; }
}

.scrollDown .arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}

.scrollDown .arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}

.scrollDown .arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}