/**
 * Media Queries for Bootstrap and VisualComposer / WPBakery
 * it is also possible to just write a number as min and max value
**/
/**
 *  RESPOND ABOVE
**/
/**
 *  RESPOND BELOW
**/
/**
 * RESPOND BETWEEN
**/
body.desktop #spalte-links ul.nav-liste a {
    text-transform: none;
    font-size: 16px;
}

#logo img {
    display: none;
}
#logo a {
    display: block;
    height: 108px;
    width: 220px;
    background-image: url("/_layout/daten/logo-galerie-schmidt-rottluff.svg");
}
@media (max-width: 939px) {
    #logo a {
        margin: 0 auto;
    }
}

@media (min-width: 940px) {
    body.startseite #spalte-mitte {
        width: 100%;
        min-height: auto;
        overflow: visible;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        grid-row-gap: 0px;
        grid-column-gap: 15px;
        width: 100%;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 7;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt .inhalt-beitrag.widget {
        overflow: visible;
        height: 100%;
        width: 100%;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt .inhalt-beitrag.widget .inhalt-baustein-inhalt {
        height: 100%;
        width: 100%;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt .inhalt-beitrag.widget .inhalt-beitrag-kurztext {
        padding-bottom: 2em;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt .inhalt-beitrag.widget a {
        width: 100%;
        left: 0;
    }
    body.startseite #spalte-mitte #spalte-mitte-inhalt .inhalt-beitrag.widget p {
        line-height: 155%;
    }
    body.startseite.mobil #spalte-mitte .widget .inhalt-baustein-inhalt {
        border: 1px solid #9E998F;
    }
}
#hauptmenue {
    border: none;
}
#hauptmenue .relative {
    border: 1px solid #9e998f;
    padding-top: 13px;
}

body.desktop #nav-bereich {
    background: #EBDDCD;
    margin-bottom: 15px;
}
body.desktop #nav-bereich ul.nav-liste li.nav-aktiv a {
    color: #296c41;
}
body.desktop #nav-bereich ul.nav-liste a {
    color: #886D4F;
}
body.desktop #nav-bereich ul.nav-liste a:hover {
    color: #296c41;
}

.inhalt-galerie-bilder .inhalt-galerie-bild {
    padding-top: 4em;
    background: white;
}
.inhalt-galerie-bilder p {
    width: 14em;
}
.inhalt-galerie-bilder ol li {
    width: 16.25em;
}

.inhalt-media-border {
    background: white;
}

.inhalt-media-bild-100p p {
    max-width: 100%;
}

@media (min-width: 940px) {
    body.startseite #spalte-mitte .widget .inhalt-baustein-inhalt {
        background: white;
    }
}

.inhalt-beitrag {
    margin-bottom: 25px;
}

.inhalt-beitrag-kurztext p {
    max-width: 100%;
}