@media screen and (min-width: 321px) {
    .navigation-wrap ul li a {
        font-size: 1.125em;
    }
}
@media screen and (width: 375px) {
	.img-navi .prev,
	.img-navi .next {
    /*height:100vh;*/
	height: 30px;
	}
	.img-navi img {
	height: 30px;
	}

}
@media screen and (min-width: 412px) and (max-width: 414px) {
	.img-navi .prev,
	.img-navi .next {
    /*height:100vh;*/
	height: 33px;
	}
	.img-navi img {
	height: 33px;
	}

}

@media screen and (min-width: 400px) {

    .logo-start-wrap {
        height: 110px;
    }

    .balken span {
        top:0;
    }

    .balken {
        font-size: 0.8em;
    }
}

@media screen and (min-width: 500px) {

    .logo-start-wrap {
        height: 140px;
    }

    body {
        font-size: 0.8em;
    }

    .navigation-wrap ul li {
        background-position: right 10%;
    }
    .navigation-wrap ul li a {
        background-position: left 90%;
    }



    .navigation-wrap ul li .underline {

    }

}

@media screen and (min-width: 600px) {

    .balken span {
        padding-right:1.5em;
        line-height:1.8em;
    }


    .balken .abschluss {
        width:6%;
        margin-left:-3.5%;
    }

    .logo-start-wrap {
        height: 160px;
    }

    body {
        font-size: 1em;
    }

    .imagebox {
        width:46%;
    }

    .imagebox.l {
        margin-right:4%;
    }

    .imagebox.r {
        margin-left:4%;
    }
	.imageboxneu {
        width:32%;
    }

    .imageboxneu.l {
        margin-right:2%;
    }

    .imageboxneu.m {
        margin-left:1,5%;
		margin-right:1,5%;
    }
	.imageboxneu.r {
        margin-left:2%;
    }
}

@media screen and (min-width: 667px) and (max-width: 684px) {
	.img-navi .prev,
	.img-navi .next {
    /*height:100vh;*/
	height: 55px;
	}
	.img-navi img {
	height: 55px;
	}

}

@media screen and (min-width: 730px) {

    .logo-start-wrap {
        height: 180px;
    }
}

@media screen and (min-width: 734px) and (max-width: 786px) {
	.img-navi .prev,
	.img-navi .next {
    /*height:100vh;*/
	height: 60px;
	}
	.img-navi img {
	height: 60px;
	}

}

@media screen and (min-width: 820px) {

    .balken .abschluss {
        width:6%;
        margin-left:-2.5%;
    }


    .logo-start-wrap {
        height: 120px;
        margin-top:5em;
    }


    #footer .col-left {
        padding-bottom:.7em;
    }

    .navigation-wrap ul li a,
    .imagebox h2 {
        line-height: 2em;
    }

    body {
        font-size:0.7em;
    }
    .logo {
        height:auto;
        width:99%;
    }


    .row, #header .inner-wrap {
        width:70%;
    }

    #header {
        position:fixed;
        width:100%;
        background-color:white;
    }



    #header .inner-wrap {
        margin:0 auto;
    }

    /*
    .row, #header .inner-wrap {
        width:80%;
    }
    */

    .row {
        margin: 0 auto 0 auto;
    }





    .col-left {
        width:20%;
        float:left;
		
    }

    .col-main {
        /*background-color:red;*/
        float:left;
        width:65%;
        margin-left:10%;
    }

    .navigation-wrap {
        width:65%;
    }

    .wrapper .row {
        padding-top: 10em;
    }

    .navigation-wrap {
        margin-left:30%;
    }


    .col-right {
        width:0%;
        float:left;
    }



    #footer .col-left {
        width:100%;
        max-width:100%;
    }

    .logo {
        margin-bottom:10em;
    }

    .img-navi img {
        width: 9vw;
    }

    .footer-menschen {
        display:block;
        position:fixed;
        bottom:3em;
        width:14em;
    }
}


@media screen and (min-width: 900px) {
    .logo-start-wrap {
        height: 140px;
    }

    .balken {
        font-size:1em;
    }

    .footer-menschen {
        width:14em;
    }
}

@media screen and (min-width: 1000px) {
    .logo-start-wrap {
        height: 155px;
    }

    .footer-menschen {
        /*width:20em;*/
        width: 140px;
    }
}
@media screen and (width: 1024px) {

	.img-navi .prev,
	.img-navi .next {
    /*height:100vh;*/
	height: 55px;
	}
	.img-navi img {
	height: 55px;
	}
}
@media screen and (min-width: 1025px) {
.img-navi .prev,
	.img-navi .next {
    /*height:100vh;*/
	height: 105px;
	}
	.img-navi img {
	height: 105px;
	width: auto !important;
	}

}
@media screen and (min-width: 1200px) {
    .logo-start-wrap {
        height: 180px;
    }

    .footer-menschen {
       /* width:22em; */
        width: 170px;
    }
}

@media screen and (min-width: 1300px) {
    .balken .abschluss {
        width:6%;
        margin-left:-2.5%;
    }


    .logo-start-wrap {
        height: 190px;
    }


    .footer-menschen {
        display:block;
        position:fixed;
        bottom:3em;
        /* width:20em; */
        width: 240px;
    }

    .logo {
        max-width:240px;
    }


    body {
        font-size:1em;
    }


    .wrapper .row {

    }

    .row, #header .inner-wrap {
        width:90%;
    }


    .col-left {
        width:25%;
        float:left;
    }

    .col-main {
        /*background-color:red;*/
        float:left;

        width:70%;
        margin-left:5%;
    }

    .navigation-wrap {
        width:70%;
    }




    body {
        /*background:url(../img/bg-dummy.png);*/
        background-position: center top;
        background-repeat: no-repeat;
    }

    .navigation-wrap ul li a,
    .imagebox h2 {
        line-height: 1.7em;
    }


    .navigation-wrap {
        margin-left:25%;
    }


    #header .inner-wrap {
        width:90%;
        margin: 0 auto;

    }

    .row {
        width:90%;
        margin: 0em auto 0 auto;
    }

    .col-main {
        margin-left:5%;
        padding-top:3.750em; /* 60px @ 16px */
    }

    .col-left,
    .col-right {
        width:20%;
        float:left;
    }

    .col-main,
    .navigation-wrap {
        width:50%;
    }


    #header .inner-wrap,
    .row {
        max-width:1400px;
        /*background-color:yellow;*/
    }

    .navigation-wrap {
        /*max-width: 43.750em;*/ /* 700px @ 16px */
    }
}

@media screen and (min-width: 1500px) {
    .logo-start-wrap {
        height: 230px;
    }
}