.mobileHome {
    display: none;
    padding-top: 25%;
    padding-left: 20%;
    position: relative;
}

.mobileHome a {
    font-size: 50px;
    line-height: 80px;
    text-decoration: none;
    display: block;
    color: #ffffff;
    font-weight: 900;
    text-shadow: 2px 2px #000000;
}

.mobileHome a:Hover {
    color: #FFEE00;
}

.co2 {
    position: absolute;
    top: 40px;
    right: 50px;
}

.bgrImgHome
{
    border: none; 
    height: 100%; 
    width: 100%; 
    position: absolute; 
    z-index: 0;
}

.lnkC
{
    width: 20%;
    height: 8%;
    position: absolute;
    left: 0;
    background-color: rgba(255,255,255,0.8);
}

.lnkT
{
    width: 15%; 
    height: 6%; 
    position: absolute; 
    left: 28%; 
    background-color: rgba(255,255,255,0.8);
    cursor: pointer;
}

.lnkA
{
    width: 20%; 
    height: 8%; 
    position: absolute; 
    left: 50%; 
    background-color: rgba(255,255,255,0.8);
    cursor: pointer;
}

.lnkP
{
    width: 20%; 
    height: 8%; 
    position: absolute; 
    left: 90%; 
    background-color: rgba(255,255,255,0.8);
    cursor: pointer;
}

.headerImg {
    position: absolute;
    z-index: 1;
    max-width: 71.8%;
    margin: 0 14.1% 0 14.1%;
}

.homeNav {
    position: absolute; 
    left: 50%; 
    width: 410px; 
    margin-left: -205px;
    z-index: 2;
    margin-top: 8px;
}

.homeNav a
{
    color: #00447F;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
    margin-left: 15px;
    line-height: 100%;
}

.homeNav a:hover
{
    color: #E2001A;
}

.homeNav a:first-child
{
    margin-left: 0;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 1600px) {
    .homeNav {
        margin-top: 5px;
        margin-left: -190px;
    }

    .homeNav a {
        color: #00447F;
        font-size: 1.8em;
        font-weight: 800;
        text-decoration: none;
    }
}

@media only screen and (max-width: 1340px) {
    .homeNav {
        margin-top: 4px;
        margin-left: -185px;
    }

    .homeNav a {
        color: #00447F;
        font-size: 1.7em;
        font-weight: 800;
        text-decoration: none;
    }
}

@media only screen and (max-width: 1270px) {
    .homeNav {
        margin-top: 4px;
        margin-left: -180px;
    }
    
    .homeNav a {
        color: #00447F;
        font-size: 1.6em;
        font-weight: 800;
        text-decoration: none;
    }
}

@media only screen and (max-width: 1230px) {
    
    .homeNav {
        margin-top: 3px;
        margin-left: -175px;
    }

    .homeNav a {
        color: #00447F;
        font-size: 1.5em;
        font-weight: 800;
        text-decoration: none;
    }

    .co2Img {
        width: 80px;
    }
}

@media only screen and (max-width: 1140px) {
    .homeNav {
        margin-top: 2px;
        margin-left: -170px;
    }

    .homeNav a {
        color: #00447F;
        font-size: 1.4em;
        font-weight: 800;
        text-decoration: none;
    }
}

@media only screen and (max-width: 1040px) {
    .homeNav {
        margin-top: 2px;
        margin-left: -165px;
    }
    
    .homeNav a {
        color: #00447F;
        font-size: 1.3em;
        font-weight: 800;
        text-decoration: none;
    }
}

@media only screen and (max-width: 950px) {
    .bgrImgHome {
        display: none;
    }

    .homeNav {
        display: none;
    }

    .mobileHome {
        display: block;
    }

    .headerImg {
        position: absolute;
        z-index: 1;
        max-width: 100%;
        margin: 1% 5% 0 0;
    }

    .co2 {
        top: 75px;
        right: 20px
    }

    .co2Img {
        width: 60px;
    }

}

@media only screen and (max-width: 550px) {
    .mobileHome {
        padding-left: 5%;
    }
}

/* Baustelle */
.divNews {
    position: absolute;
    top: 62%;
    left: 50%;
    width: 100%;
    max-width: 600px;
    /*height: 230px;*/
    margin-top: -60px; /*set to a negative number 1/2 of your height*/
    margin-left: -300px; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    padding: 5px 15px 5px 5px;
    
    height: 120px;
}


    .divNews img {
        max-width: 70px;
        margin: 6px 15px 0 0;
    }

    .divNews hr {
        display: block;
        margin: 15px 0;
    }

    @media only screen and (max-width: 1400px) {
        .divNews {
            top: 63%;
            /*height: 210px;*/
            height: 90px;
        }

            .divNews p {
                font-size: 90%;
            }
    }

    @media only screen and (max-width: 1200px) {
        .divNews {
            top: auto;
            bottom: 0;
            max-width: 500px;
            margin-left: -250px;
        }

            .divNews p {
                font-size: 85%;
            }
    }

    @media only screen and (max-width: 950px) {
        .divNews {
            position: relative;
            top: auto;
            bottom: 0;
            margin-top: 50px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            max-width: 600px;
            height: auto;
            font-size: 110%;
        }
    }