* {}

.desktopOnly {display: none;}
.mobileOnly {display: block;}
.tabletOnly {display: block;}
.smartphoneOnly {display: none;}

#header-content {width: 1300px; height: 475px;}
#navigationline {width: 1300px;}
#headerimage {height: 425px;}
#header {height: 725px;}
#vita {width: 1300px;}
#left-vita {width: 580px; }
#right-vita {width: 525px;}
#kompetenzen {width: 960px;}
.box {width: 300px; height: 140px; }
.boxtext {font-size: 17px; right: 35px;}
.square {width: 20px; height: 20px; }
#footer-content {width: 1300px;}
#headertext {font-size: 40px;  width: 800px; padding-top: 35px;}


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

    #header-content {width: 950px; height: 355px;}
    #navigationline {width: 950px;}
    #headerimage {height: 305px;}
    #header {height: 605px;}
    #vita {width: 950px; position: relative; height: 680px;}
    #left-vita {width: 580px; height: 285px; margin-bottom: 30px;}
    #right-vita {width: 525px; height: 225px;}
    #kompetenzen {width: 870px;}
    .box {width: 270px; height: 140px; }
    .boxtext {font-size: 15px; right: 35px;}
    .square {width: 20px; height: 20px; }
    #footer-content {width: 950px;}

    #navigation {width: fit-content;width: -moz-fit-content;}
    #navigation li a {font-size: 13px;}
    #navigation li {margin: 0px 0 0 7px;}
    #navigation li ul li a {font-size: 11px;}
    #content {width: 850px;}
    #contentbox {font-size: 17px!important;}
    .boxtitle {top: 45px;}


    #botfooterline {margin-top: 75px; width: 850px;}
    #footerblock1 {float: none; margin: 0 auto; width: 410px; text-align: center; margin-bottom: 20px;}
    #footerblock2 {margin-left: 90px;}

    #headertext {font-size: 30px;  width: 615px; padding-top: 25px;}

}