.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#primaryContainer > div#box{
    float: none;
    margin-left: auto;
    margin-right: auto;
}


#primaryContainer > div#box1{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#primaryContainer > div#box9{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#primaryContainer > div#bottom_flaeche{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#bottom_flaeche {
    float: left;
    height: 33px;
    margin-left: 0%;
    margin-top: 6px;
    clear: both;
    width: 97.97%;
    background-color: rgb(111, 112, 113);
}

#bottom {
    float: left;
    font-size: 0.75em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    color: rgb(255, 255, 255);
    font-style: normal;
    letter-spacing: normal;
    text-decoration: none;
    font-family: open-sans;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 10;
    margin-top: 12px;
    margin-left: 1.142485%;
    clear: none;
    display: block;
    margin-right: 0%;
}

#content {
    float: left;
    font-size: 1em;
    width: 60%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 4;
    margin-top: 14px;
    margin-left: 3.203268%;
    clear: none;
    display: block;
    margin-right: 0%;

}

#list{
         position: relative;
         width: 100%;
         display: block;


}

#list li{
         position: relative;
         width: 100%;
         float: left;
         margin: 2% 2% 0% 0;
         display: block;
         font-weight: normal;
         font-size: 1em;


}

#list ul{
         list-style-type: square;
}


#textspan1 {
    float: none;
    font-size: 1em;
    line-height: 25px;
    color: rgb(206, 114, 2);
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-decoration: none;
    font-family: open-sans;
}

#textspan2 {
    float: none;
    font-size: 0.75em;
    line-height: 25px;
    color: rgb(26, 23, 27);
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-decoration: none;
    font-family: open-sans;
}

#Logo {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 12;
    margin-top: 11.5px;
    margin-left: 43.431397%;
    clear: none;
    margin-right: 0%;
    display: block;
}

#top {
    float: right;
    font-size: 0.75em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    color: rgb(109, 101, 98);
    font-style: normal;
    letter-spacing: normal;
    text-decoration: none;
    font-family: open-sans;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 9;
    margin-top: 0px;
    margin-left: 0px;
    clear: both;
    margin-right: 2%;
    display: block;
    min-height: 0px;
}

#box11 {
    float: right;
    height: 30em;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}


#box12 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box13 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box14 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box15 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box16 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box17 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box18 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0%;
    clear: none;
    width: 24.049436%;
    margin-right: 0.01625983%;
    display: block;
    background-color: rgb(206, 114, 2);
}

#box {
    float: left;
    height: 139px;
    margin-left: 1%;
    margin-top: 15px;
    clear: none;
    width: 97.97%;
    background-color: rgb(255, 255, 255);
    margin-right: 0%;
}

#box9 {
    float: left;
    height: auto;
    margin-left: -78.642188%;
    margin-top: 231px;
    clear: none;
    width: 78.485938%;
    background-color: rgb(255, 255, 255);
}

#box10 {
    float: left;
    min-height: 312px;
    margin-left: 0%;
    margin-top: 0.00322186%;
    clear: none;
    width: 20%;
    margin-right: 0px;
    display: block;
    background-color: rgb(186, 186, 186);
}

#Headbild {
    float: left;
    width: 70.357828%;
    max-width: 100%;
    height: auto;
    color: rgb(0, 0, 0);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 5;
    margin-top: -10%;
    margin-left: 0px;
    clear: none;
    display: block;
    margin-right: 1.232%;
}

#box1 {
    float: left;
    height: auto;
    margin-left: 1%;
    margin-top: 66.984375px;
    clear: both;
    width: 96.895313%;
    margin-right: 0%;
    background-color: rgb(186, 186, 186);
}

#unternehmen {
    float: left;
    height: 29%;
    margin-left: 0%;
    margin-top: 1px;
    clear: none;
    width: 27.5%;
    padding-left: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
    margin-right: 0%;
}

#text {
    float: none;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 12px;
    clear: none;
    min-height: 19px;
    margin-right: auto;
    color: rgb(255, 255, 255);
}

#beratung {
    float: left;
    height: 12%;
    margin-left: 10%;
    margin-top: 30px;
    clear: none;
    width: 27%;
    padding-left: 0%;
    margin-right: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
}

#text1 {
    float: none;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    min-height: 18px;
    color: rgb(255, 255, 255);
}

#projekte {
    float: left;
    height: 15%;
    margin-left: 10%;
    margin-top: 54px;
    clear: none;
    width: 27%;
    padding-left: 0%;
    margin-right: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
}

#text2 {
    float: none;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    min-height: 18px;
    color: rgb(255, 255, 255);
    margin-right: 0%;
}

#management {
    float: left;
    height: 15%;
    margin-left: 10%;
    margin-top: 87px;
    clear: none;
    width: 27%;
    padding-left: 0%;
    margin-right: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
}

#text4 {
    float: none;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    min-height: 18px;
    color: rgb(255, 255, 255);
    margin-right: 0%;
}

#systemerfahrung {
    float: left;
    height: 15%;
    margin-left: 0%;
    margin-top: 5px;
    clear: both;
    width: 27%;
    padding-left: 0%;
    margin-right: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
}

#kunden {
    float: left;
    height: 27%;
    margin-left: 15%;
    margin-top: 0px;
    clear: right;
    width: 27%;
    padding-left: 0%;
    margin-right: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
}

#eudsgv {
    float: left;
    height: 27%;
    margin-left: 15%;
    margin-top: 0px;
    clear: right;
    width: 27%;
    padding-left: 0%;
    margin-right: 0%;
    display: block;
    background-color: rgb(186, 186, 186);
}

#text3 {
    float: none;
    font-size: 1em;
    width: 80%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    min-height: 18px;
    color: rgb(255, 255, 255);
    margin-right: 0%;
}

#text5 {
    float: left;
    font-size: 1em;
    width: 73%;
    height: auto;
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    margin-left: 15%;
    margin-top: 3%;
    clear: none;
    min-height: 45%;
    color: rgb(255, 255, 255);
    margin-right: 0%;
    display: block;
}

#text6 {
    float: left;
    font-size: 1em;
    width: 69%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 15%;
    margin-top: 6%;
    clear: none;
    min-height: 18px;
    color: rgb(255, 255, 255);
    margin-right: 0%;
    display: block;
}




@media only screen and (min-width: 1000px) {
    #bottom_flaeche {
        margin-top: 0%;
        margin-left: 1%;
        clear: both;
        width: 1000px;
        margin-right: 0%;
    }

    #top {
        margin-right: 2%;
        margin-top: 7px;
        clear: none;
        margin-left: 0px;
        float: right;
    }

    #Logo {
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
        clear: none;
        float: none;
    }

    #box11 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 30em;
        float: right;
    }

         #box12 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 34.7em;
        float: right;
    }

        #box13 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 60.9em;
        float: right;
    }

        #box14 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 25.3em;

    }

#box15 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 120.6em;

    }

#box16 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 42.5em;

    }

#box17 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 20.6em;

    }

#box18 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 100.3em;

    }
    .primaryContainer {
        background-color: rgb(239, 239, 239);
    }

    #box {
        float: left;
        height: 148px;
        margin-left: 1%;
        margin-top: 10px;
        clear: none;
        width: 1000px;
        background-color: rgb(255, 255, 255);
        margin-right: 0%;

    }

    #content {
        margin-top: 0;
        margin-left: 0;
                padding-top: 54px;
                padding-left: 5%;
                padding-right: 5%;
        clear: none;
        margin-right: 0%;
        width: 60%;
        height: auto;
        font-family: open-sans;
                background-color: rgb(255, 255, 255);

    }



    #box9 {
        float: left;
        height: auto;
        margin-left: 1%;
        margin-top: 0%;
        clear: both;
        width: 1000px;
        background-color: rgb(186, 186, 186);
        margin-right: 0%;


    }

    #box10 {
        width: 20%;
        margin-top: 0%;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
        min-height: Xpx;
        background-color: rgb(186, 186, 186);
        float: left;

    }

    #bottom {
        margin-top: 9px;
        margin-left: 1.8%;
        clear: none;
        line-height: 1.3em;

    }

    #Headbild {
        margin: -23.4% 0% 0px 0px;
        clear: both;
        height: auto;
        width: 80%;
        max-width: none;
        float: right;
        display: block;
    }

    #box1 {
        float: left;
                display: block;
        height: auto;
        margin-left: 1%;
        margin-top: 0%;
        clear: both;
        width: 1000px;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }


    #unternehmen {
        margin-top: 4%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

    #text_unternehmen {
        float: none;
        font-size: 0.9em;
        width: 80%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin-left: 15%;
        margin-top: 3%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        font-family: open-sans;
    }

    #beratung {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

    #text_beratung {
        float: none;
        font-size: 0.9em;
        width: 80%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin-left: 15%;
        margin-top: 3%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        font-family: open-sans;
    }


    #projekte {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

         #text_projekte {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 3% 15%;
        clear: none;
        min-height: 45%;
        color: rgb(255, 255, 255);
        display: block;
        font-family: open-sans;
    }

    #management {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

         #text_management {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 3% 15%;
        clear: none;
        min-height: 45%;
        color: rgb(255, 255, 255);
        display: block;
        font-family: open-sans;
    }


    #systemerfahrung {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15.000001%;
        padding-left: 0%;
        display: block;
    }

    #text_systemerfahrung {
        float: none;
        font-size: 0.9em;
        width: 80%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin-left: 15%;
        margin-top: 3%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        margin-right: 0%;
        font-family: open-sans;
    }


    #text_kunden {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 2.5% 15%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        padding-top: 0%;
        padding-bottom: 0%;
        display: block;
        font-family: open-sans;
    }

        #kunden {
        margin-top: 0.9%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-bottom: 0%;
        padding-left: 0%;
        display: block;
        padding-top: 0%;
    }

        #text_eudsgv {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 2.5% 15%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        padding-top: 0%;
        padding-bottom: 0%;
        display: block;
        font-family: open-sans;
    }

        #eudsgv {
        margin-top: 0.9%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-bottom: 0%;
        padding-left: 0%;
        display: block;
        padding-top: 0%;
    }


}

@media only screen and (max-width: 1000px) {
    #bottom_flaeche {
        margin-top: 0%;
        margin-left: 1%;
        clear: both;
        width: 97.97%;
        margin-right: 0%;
    }

    #top {
        margin-right: 2%;
        margin-top: 7px;
        clear: none;
        margin-left: 0px;
        float: right;
    }

    #Logo {
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
        clear: none;
        float: none;
    }

    #box11 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 30em;
        float: right;
    }

    #box12 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 34.7em;
        float: right;
    }

          #box13 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 60em;
        float: right;
    }

        #box14 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 25.3em;
        float: right;
    }

        #box15 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 120.6em;
        float: right;
    }

        #box16 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 44em;
        float: right;
    }

#box17 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 20.6em;
        float: right;
    }

#box18 {
        width: 20%;
        margin: 0% 0% 0px 0px;
        clear: none;
        height: 100.3em;
        float: right;
    }



    .primaryContainer {
        background-color: rgb(239, 239, 239);
    }

    #box {
        float: left;
        height: 148px;
        margin-left: 1%;
        margin-top: 10px;
        clear: none;
        width: 97.97%;
        background-color: rgb(255, 255, 255);
        margin-right: 0%;
    }

    #content {
        margin-top: 0;
        margin-left: 0;
                padding-top: 54px;
        padding-left: 5%;
                padding-right: 5%;
        clear: none;
        margin-right: 0%;
        width: 60%;
        height: auto;
        font-family: open-sans;
                background-color: rgb(255, 255, 255);
    }

    #box9 {
        float: left;
        height: auto;
        margin-left: 1%;
        margin-top: 0%;
        clear: both;
        width: 97.97%;
        background-color: rgb(186, 186, 186);
        margin-right: 0%;
    }

    #box10 {
        width: 20%;
        margin-top: 0%;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
        height: 19.5em;
        background-color: rgb(186, 186, 186);
        float: left;
    }

    #bottom {
        margin-top: 9px;
        margin-left: 1.8%;
        clear: none;
        line-height: 1.3em;
    }

    #Headbild {
        margin: -23.3% 0% 0px 0px;
        clear: both;
        height: auto;
        width: 80%;
        max-width: none;
        float: right;
        display: block;
    }

    #box1 {
        float: left;
                display: block;
        height: auto;
        margin-left: 1%;
        margin-top: 0%;
        clear: both;
        width: 97.97%;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }


    #unternehmen {
        margin-top: 3%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

    #text_unternehmen {
        float: none;
        font-size: 0.9em;
        width: 80%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin-left: 15%;
        margin-top: 3%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        font-family: open-sans;
    }

    #beratung {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

    #text_beratung {
        float: none;
        font-size: 0.9em;
        width: 80%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin-left: 15%;
        margin-top: 3%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        font-family: open-sans;
    }

   #projekte {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

            #text_projekte {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 3% 15%;
        clear: none;
        min-height: 45%;
        color: rgb(255, 255, 255);
        display: block;
        font-family: open-sans;
    }

    #management {
        margin-top: 0.8%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-left: 0%;
        display: block;
    }

            #text_management {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 3% 15%;
        clear: none;
        min-height: 45%;
        color: rgb(255, 255, 255);
        display: block;
        font-family: open-sans;
    }

                #text_systemerfahrung {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 2.5% 15%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        padding-top: 0%;
        padding-bottom: 0%;
        display: block;
        font-family: open-sans;
    }

            #systemerfahrung {
        margin-top: 0.9%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-bottom: 0%;
        padding-left: 0%;
        display: block;
        padding-top: 0%;
    }

            #text_kunden {
        float: left;
        font-size: 1.5em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 2.5% 15%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        padding-top: 0%;
        padding-bottom: 0%;
        display: block;
        font-family: open-sans;
    }

            #kunden {
        margin-top: 0.9%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-bottom: 0%;
        padding-left: 0%;
        display: block;
        padding-top: 0%;
    }

          #text_eudsgv {
        float: left;
        font-size: 0.9em;
        width: 73%;
        height: auto;
        text-align: left;
        font-weight: 400;
        line-height: 1em;
        margin: 3% 0% 2.5% 15%;
        clear: none;
        min-height: 18px;
        color: rgb(255, 255, 255);
        padding-top: 0%;
        padding-bottom: 0%;
        display: block;
        font-family: open-sans;
    }

            #eudsgv {
        margin-top: 0.9%;
        margin-left: 0%;
        clear: both;
        width: 20%;
        margin-right: 0%;
        height: 15%;
        padding-bottom: 0%;
        padding-left: 0%;
        display: block;
        padding-top: 0%;
    }

}

@media only screen and (max-width: 449px) {

          #box {
        float: left;
        height: 148px;
        margin-left: 1%;
        margin-top: 5px;
        clear: none;
        width: 97.97%;
        background-color: rgb(255, 255, 255);
        margin-right: 0%;
    }

    #box10 {
        width: 10%;
        margin-top: 0%;
        margin-right: 0px;
        margin-left: 0%;
        clear: none;
    }

    #box11 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 46.8em;
    }

        #box12 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 57.75em;
    }

        #box13 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 67.7em;
    }

        #box14 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 31.2em;
    }

        #box15 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 139em;
    }

                #box16 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 79.7em;
    }

#box17 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 20.3em;
    }


#box18 {
        width: 10%;
        margin-right: 0%;
        margin-top: 0%;
        clear: none;
                height: 145.3em;
    }


    #bottom_flaeche {
        height: 49px;
        margin-top: 0%;
        margin-left: 1%;
        clear: both;
        margin-right: 0%;
        width: 97.97%;
    }

    #bottom {
        text-align: center;
    }

    #top {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 11px;
    }

    #box9 {
        margin-top: 0%;
        margin-left: 1%;
        clear: both;
        height: auto;


    }

    #content {
        margin-top: 0;
        margin-left: 0;
                padding-top: 49px;
        padding-left: 10%;
        clear: none;
        font-family: open-sans;
                width: 80%;
                background-color: rgb(255, 255, 255);
    }

    #Headbild {
        margin-top: 1%;
        margin-left: 0%;
        clear: both;
        height: auto;
        width: 100%;
        float: left;
        margin-right: 0%;
    }

    #unternehmen {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        background-color: rgb(186, 186, 186);
    }

    #text_unternehmen {
        margin-top: 12px;
        margin-left: auto;
        clear: none;
        text-align: center;
        margin-right: auto;
        float: none;
        width: 100%;
        font-family: open-sans;
    }

           #beratung {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        background-color: rgb(186, 186, 186);
    }

    #text_beratung {
        margin-top: 12px;
        margin-left: auto;
        clear: none;
        text-align: center;
        margin-right: auto;
        float: none;
        width: 100%;
        font-family: open-sans;
    }

    #projekte {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }

    #text_projekte {
        margin-top: 12px;
        margin-left: auto;
        clear: none;
        text-align: center;
        margin-right: auto;
        float: none;
        width: 100%;
        font-family: open-sans;
    }

    #management {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }

    #text_management {
                margin-top: 12px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
        font-family: open-sans;
    }

    #systemerfahrung {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }

    #text_systemerfahrung {
                margin-top: 12px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
        font-family: open-sans;
    }

    #kunden {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }

         #text_kunden {
                 margin-top: 12px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
    }

  #eudsgv {
        float: left;
        height: 40px;
        margin-left: 0%;
        margin-top: 5px;
        clear: both;
        width: 100%;
        padding-left: 0%;
        margin-right: 0%;
        background-color: rgb(186, 186, 186);
    }

         #text_eudsgv {
                 margin-top: 12px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
    }





    #box1 {
        background-color: rgb(255, 255, 255);
    }

    #textspan {
        font-family: open-sans;
    }
}