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

/* ###############  Layoutbereiche  ############### */
#container {
    display: -webkit-flex; /* Safari */
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
            display: flex;
        flex-wrap: wrap;
}

/* Hauptcontent */
#main,
.ebene-1.navi-unten #main {
    max-height:660px;
    overflow:auto;
    padding:16px;
    width: 63.671875%;
}
.start #main,
.ebene-1 #main {
    width:100%;
    max-height:2000px;
}
.start #main {
    min-height:630px;
    padding:0;
    background: transparent;
}
#right {
    width:100%;
    padding-top:24px;
    background-color:#dddee0;
}
#footer {
    padding-top:10px;
    padding-right:22px;
    padding-left:22px;
    font-size:1.4em;
    text-transform:uppercase;
}
#footer .inside {
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
}

/* ###############  Stile für Ebene 1  ############### */
.ebene-1 .mod_article {
    display: -webkit-flex; /* Safari */
        -webkit-justify-content: space-between; /* Safari 6.1+ */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: flex;
        justify-content: space-between;
    flex-wrap: wrap;
}
.ebene-1 .mod_article.flex-item-6 {
    -webkit-justify-content: flex-start; /* Safari 6.1+ */
            justify-content: flex-start;
}

/* Seiten mit 4 Kacheln - Standard */
.ebene-1 #main .ce_text,
.ebene-1 #main .platzhalter,
.ebene-1 #main .ce_image {
    width:228px;
    min-height:300px;
}

/* Seiten mit 6 Kacheln */
.ebene-1 #main .flex-item-6 a .ce_text,
.ebene-1 #main .flex-item-6 .platzhalter {
    width:148px;
    height:auto;
    min-height:205px;
    margin-right: 18.4px;
}

/* jede 4. Kachel ohne Abstand */
.ebene-1 #main .flex-item-6 a:nth-of-type(4n+0) .ce_text {
    margin-right: 0;
}
.ebene-1 #main .statement {
    height:228px;
    display:table;
    padding-bottom:62px;
    text-align:center;
    background-image:url("../content/img/hintergrund/hg-75.png");
    background-repeat:repeat-x;
    font-size:1.8em;
    font-weight:bold;
    color:#8d9299;
    letter-spacing:.02em;
    background-color: transparent;
}

/* vertikale zentrierung */
.statement p {
    height:228px;
    display:table-cell;
    vertical-align:middle;
}

/* ###############  Fotoslider  ############### */
.content-slider .slider-wrapper {
    max-height:660px;
}
#main li::before,
#right li::before {
    top:.15em;
    position:relative;
    margin-right:.3em;
    font-size:1.8em;
    color:#97989d;
    content: '■';
}
}