body{
            margin: 0;
            padding: 0;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#232a34+0,9f9fa1+25,9f9fa1+75,232a34+100 */
            background: rgb(35,42,52); /* Old browsers */
            background: -moz-linear-gradient(left,  rgb(35,42,52) 0%, rgb(159,159,161) 25%, rgb(159,159,161) 75%, rgb(35,42,52) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left,  rgb(35,42,52) 0%,rgb(159,159,161) 25%,rgb(159,159,161) 75%,rgb(35,42,52) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right,  rgb(35,42,52) 0%,rgb(159,159,161) 25%,rgb(159,159,161) 75%,rgb(35,42,52) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232a34', endColorstr='#232a34',GradientType=1 ); /* IE6-9 */

        color: white;
        }
        .header{
            position: absolute;
            top: 0;
            height: 250px;
            z-index: 0;
        }
        #animationTop{display: none;}
        .footerImpressum{
            bottom: 0;
            z-index: 0;
        }
        .header img,
        .footerImpressum img{
            width: 100%;
            height: auto;
        }
        .content{
            position: absolute;
            text-align: center;
            top:0;
            left:0;
            right: 0;
            margin: 0 auto;
            padding-top: 250px;
        }
        .content a{
            color: #fff;
        }
        .content > .contentOuter > .mowebs-element{
            width: 300px;
            padding: 20px;
            margin: 0 auto;
            text-align: left;
        }
        .mowebs-element p{
            text-align: justify;
        }
        #hero {
            overflow: hidden;
            position: relative;
        }
        .layer {
            background-position: left top;
            background-size: contain;
            background-repeat: repeat-y;
            width: 100%;
            position: fixed;
        }
        .layer-bg {
            background: red;
        }
        .layer-1 {
            background-image: url('https://www.henze-gruppe.de/fileadmin/template/impressum/bg_c.png');
            z-index: -3;
        }
        .layer-2 {
            background-image: url('https://www.henze-gruppe.de/fileadmin/template/impressum/bg_b.png');
            z-index: -2;
        }
        .layer-3 {
            background-image: url('https://www.henze-gruppe.de/fileadmin/template/impressum/bg_a.png');
            z-index: -1;
        }


        .icons-wrapper{
            display: block;
        }
        .icons-wrapper > .mobil > a{
            display: block;
        }
        .icons-wrapper > .mobil{
            margin: 20px 0;
        }
        #footerAnimation{display: none;}

        .footerBottom {
            background: #262626;
            text-align: center;
            padding: 20px 0;
        }
        .footerBottom a {
            text-transform: uppercase;
            color: #cdcdcd;
            display: block;
            margin-bottom: 10px;
        }
        .footer{
            background: transparent;
        }
        .cls-1{
            fill: #fff;
        }
        #textMail,
        #textLocation,
        #textFon{
            fill: #fff;
        }

        #footer{
            animation: hideshow 0.5s 0s linear forwards;
        }
        #mail, #fon, #location, #textMail, #textLocation, #textFon{
            animation: hideshow 1s 3.2s linear forwards;
        }

        @keyframes hideshow {
            0% {
                fill-opacity: 0;
            }
            100% {
                fill-opacity: 1;
            }
        }
        @media(min-width: 768px){
            body{
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262a35+0,828387+50,262a35+100 */
                background: rgb(38,42,53); /* Old browsers */
                background: -moz-linear-gradient(left,  rgb(38,42,53) 0%, rgb(130,131,135) 50%, rgb(38,42,53) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(left,  rgb(38,42,53) 0%,rgb(130,131,135) 50%,rgb(38,42,53) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right,  rgb(38,42,53) 0%,rgb(130,131,135) 50%,rgb(38,42,53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262a35', endColorstr='#262a35',GradientType=1 ); /* IE6-9 */
            }
            .layer{
                /*background-position: bottom center;
                background-size: cover;
                background-repeat: no-repeat;*/
            }
            .content {
                padding-top: 400px;
            }
            .content > .contentOuter > .mowebs-element{
                width: 500px;
            }
            .icons-wrapper{display: none;}
            #footerAnimation{display: block;}
            .footerBottom a {
                display: inline-block;
                margin-right: 20px;
            }
        }

        @media(min-width: 1024px){

            .header{
                height: auto;
                text-align: center;
                width: 100%;
            }
            .header img{
                max-width: 1920px;
                height: auto;
                width: 100%;
            }
            .layer{
                background-position: center top;
            }
            .content {
                padding-top: 600px;
            }
            .content > .contentOuter > .mowebs-element{
                width: 600px;
                /*left: 120px;*/
                position: relative;
            }
            .content p.text-right{
                font-size: 2em;
                text-transform: uppercase;
                margin-top: 50px;
            }
        }