.start.container {
    width: 950px;
    min-width: 280px;
    margin: 1em auto;
    position: relative;
}

.start .oben { margin-bottom: 0; }
.start .picture img { pointer-events: auto; }

.start .picture-box { float: left; }
.start .picture-box a img {display: block; }

.start .picture-box a {display: block;float: left;padding: 0;margin-right: 5px;/* width: 95px; *//* height: 100px; */}
.start .picture-box .picture-row a:last-of-type { margin-right: 0; }

.start .picture-box a.double-col { width: 195px; }
.start .picture-box a.double-row { height: 205px; margin-right: 5px; }
.start .picture-box a.double-row:last-of-type { margin-right: 0; }

.start .picture-box .picture-row { margin-top: 5px; clear: both; }

.start .picture-box .two-times-two { width: 200px; float: left; }
.start .picture-box .two-times-two .picture-row:first-child { margin-top: 0; }

.start .picture-box.links-oben a { height: 145px; }

.start .picture-box.mitte-oben { margin: 0; }
.start .picture-box.mitte-oben a { width: 450px; }

.start .divider { margin-top: 10px; margin-bottom: 0; }
.start .logo-box .logo { width: 450px; margin-left: 300px; font-size: 0.75em; }

.start .mitte { margin-top: 5px; margin-bottom: 0; }

.start .picture-box.links-mitte { width: 295px; }

.start .text-box {
    margin: 0 5px;
    text-align: justify;
    font-size: 0.75em;
    width: 450px;
    float: left;
    padding-left: 240px;
    padding-right: 10px;
}

.start .contact {

}
.start .contact dl {
    margin: 0;
}
.start .contact .mail { margin-top: 3em; display: block; }

.start .picture-box.mitte-mitte {margin-left: 0;width: 100%;height: 345px;position: relative;}
.start .picture-box.mitte-mitte .picture { margin-bottom: 5px; }

.start .picture-box.mitte-mitte #lichtdesign-preis {
    position: absolute;
    bottom: 15px;
    right: 10px;
    padding-left: 4px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.start .picture-box.rechts-oben a { margin-right: 0; }

.start .picture-box.rechts-mitte {margin-left: 0;width: 195px;margin-top: 5px;}
.start .picture-box.rechts-mitte a:not(.double-row) { margin-right: 0; }
.start .picture-box.rechts-mitte .picture { margin-bottom: 5px; }

.start .mobile-only { display: none; }

@media only screen and (min-width: 991px) and (min-height: 675px) {
    /* big width - medium height  */
    .start.container {
        /* height: (600px Container + 40px Bottom Bar) --> / 2 */
        width: 950px;
        margin: -320px 0 0 -475px;
        position: absolute;
        top: 50%; left: 50%;
    }
}


/*@media only screen and (min-width: 768px) and (max-width: 991px) and (min-height: 735px) {*/
    /* medium width - medium height  */
/*.start.container {*/
        /* width: 750px; */
        /* height: (660px Container + 40px Bottom Bar) --> / 2 */
        /*
        margin: -350px 0 0 -375px;
        position: absolute;
        top: 50%;
        left: 50%;
    }
}
*/

@media only screen and (max-width: 991px) {
    .start .logo-box { display: none; }
    .start .mobile-claim { display: block; }
}

@media only screen and (min-width: 992px) {
    .start .picture-box.mitte-mitte #lichtdesign-preis {
        /* float: right; */
        /* width: 49%; */
    }
    .start .contact {
        /* float: right; */
        /* width: 49%; */
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) /*and (max-height: 735px)*/ {
    .start.container {
        width: 750px;
    }

    .start .mobile-start {
        display: block;
        width: 250px;
        margin-left: 300px;
        margin-top: 5px;
    }

    .start .picture-box.mobile-hide {
        display: none;
    }

    .start .mobile-only {
        display: block;
    }

    .start .mobile-only a {
        margin-bottom: 5px;
        float: right;
        margin-right: 0;
        /* margin-top: 60px; */
    }

    .start .picture-box,
    .start .picture-box.mitte-oben,
    .start .picture-box.rechts-mitte,
    .start .text-box {
        margin: 5px auto;
        height: auto;
    }

    .start .picture-box.mitte-oben {
        margin-right: 5px;
    }

    .start .picture-box.links-oben {
        margin-bottom: 0;
    }

    .start .picture-box.rechts-mitte {
        margin-left: 5px;
    }

    .start .picture-box a,
    .start .picture-box.rechts-oben a,
    .start .picture-box a.double-col,
    .start .picture-box a.double-row {
        width: auto;
        height: auto;
    }

    .start .mitte,
    .start .picture-box.links-mitte {
        margin-top: 0;
    }

    .start .picture-box.rechts-oben {
        margin-bottom: 0;
    }

    .start .picture-box.mitte-oben,
    .start .picture-box.mitte-mitte,
    .start .text-box {
        width: 250px;
        min-height: 130px;
    }

    .start .text-box {
        padding-left: 10px;
    }

    .start .picture-box.mitte-mitte a.double-col {
        margin-right: 15px;
    }

    .start .picture-box.oben-links,
    .start .picture-box.links-mitte {
        width: 300px;
    }

    .start .picture-box .picture-row.two a.double-col {
        width: 195px;
    }

    .start .text-box {
        padding-right: 5px;
        height: 200px;
    }

    .start .picture-box.mitte-mitte #lichtdesign-preis {
        width: 230px;
    }
    .start .text-box .contact.eight.columns.omega {
        width: 230px;
    }
    .start .picture-box.mitte-mitte {
        height: 335px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .start.container {
        width: 295px;
    }

    .start .picture-box,
    .start .picture-box.mitte-oben,
    .start .picture-box.rechts-mitte,
    .start .text-box {
        float: none;
        margin: 5px auto;
        height: auto;
    }

    .start .picture-box a,
    .start .picture-box.rechts-oben a,
    .start .picture-box a.double-col,
    .start .picture-box a.double-row {
        width: auto;
        height: auto;
    }

    .start .mitte,
    .start .picture-box.links-mitte {
        margin-top: 0;
    }

    .start .picture-box.rechts-oben {
        margin-bottom: 0;
    }

    .start .text-box,
    .start .picture-box,
    .start .picture-box.links-mitte,
    .start .picture-box.mitte-oben,
    .start .picture-box.rechts-mitte {
        width: 300px;
    }

    .start .picture-box.mitte-oben a,
    .start .picture-box.rechts-oben a,
    .start .picture-box.rechts-mitte a.double-col {
        width: 295px;
    }

    .start .picture-box .picture-row.two a.double-col {
        width: 195px;
    }

    .start .picture-box.rechts-mitte a.double-row {
        width: 145px;
    }

    .start .text-box {
        padding-right: 5px;
        padding-left: 5px;
    }

    .start .picture-box.mitte-mitte #lichtdesign-preis {
        position: relative;
        width: 100%;
        bottom: 0;
        right: 0;
        padding-left: 0;
        float: none;
        margin-left: 0;
    }
    .start .text-box .contact.eight.columns.omega {
        padding-right: 0;
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .start .picture-box.mitte-mitte {
        height: auto;
        width: auto;
    }

    .start .divider {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    body.start {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
    body.start {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 419px) {
    body.start {
        margin-bottom: 60px;
    }
}