@charset "UTF-8";

@media only screen and (min-width: 360px) {
    #topbox {
        margin-top: 20px;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        max-width: none;
    }
    #navibox {
        margin-left: 29px;
        width: auto;
    }
    #contentbox {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 8px;
        max-width: none;
    }
    #gallerybox {
        height: auto;
    }
    #bottombox {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        max-width: none;
    }
    #footerbox {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        max-width: none;
    }
}
@media only screen and (max-width: 400px) {
    .gcore-display-table, .gcore-line-td input {
        width: 100%!important
    }
}
@media only screen and (min-width: 767px) {
    .page-header h2,
    .page-header h1 {
        font-size: 2em;
    }
    ul.nav.mainmenu li {
        margin-left: 1em;
        }
    #topbox {
        margin-top: 20px;
        width: 95%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    #logo {
        max-width: none;
        width: 42%
    }
    #navibox {
        margin-top: 25px;
        margin-left: 43.42%;
        padding-left: 10px;
        clear: both;
        width: auto;
    }
    #contentbox {
        position: relative;
        max-width: none;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }
    #contentbox.columns #content,
    .item-page.objects {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        float: right;
        clear: none;
        width: 56.58%;
    }
    #contentleftbox {
        float: left;
        width: 43.42%
    }
    /* module mitarbeitende */
    .portrait ul li {
        width: 31.3%;
        margin-left: 0;
        margin-right: 3%
    }
    /* module objekte */
    .objects ul li {
        flex-basis: 13.16%;
        margin-left: 0;
        margin-right: 1.31%;
        padding-right: 0
    }
    .objects ul li:nth-child(3n+3) {
        margin-right: 1.31%;;
    }
    .objects ul li:nth-child(7n+7) {
        margin-right: 0
    }
    /* module besps */
    .besps_holder_1_0 {
        max-width: none;
        min-height: 412px;
        width: 100%!important
    }
    .besps_slides_1_0 {
        max-width: none;
    }
    .besps_slides_1_0 div {
        max-width: none;
        width: 97%!important
    }
    .besps_slides_1_0 div img {
        max-width: none;
        width: 100%!important;
        height: auto!important
    }
    ul.sige,
    div.rc_gallery,
    div.rc_gallery.rc_square_grid {
        width: calc(43.42% - 10px);
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        top: 10px;
        left: 10px;
        right: auto;
        height: auto;
    }
    #bottombox {
        max-width: none;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    #bottomleftbox {
        width: 31.97979%;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
    }
    #bottommiddlebox {
        margin-top: 0em;
        margin-left: 2.039671%;
        clear: none;
        margin-right: 0px;
        float: left;
        height: 100px;
        width: 31.959518%;
    }
    #bottomrightbox {
        margin-top: 0em;
        margin-left: 2.039671%;
        clear: none;
        height: 100px;
        width: 31.97979%;
        margin-right: 0px;
        float: left;
    }
    #footerbox {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 1em;
        width: 95%;
    }
}
@media only screen and (min-width: 935px) {
    .objects ul li h3 {
        display: block;
        max-width: 150px;
        overflow: hidden;
        text-align: center
    }
}
@media only screen and (min-width: 1023px) {
    .moduletable.mitarbeitende h3 {
        display: block;
        margin-top: -1.5em;
        position: relative;
        background-color: rgba(255, 255, 255, 0.8);
        height: 1.4em;
        padding-top: 0.1em;
    }
    ul.nav.mainmenu li {
        font-size: 1.5em;
    }
    .moduletable.mitarbeitende img {
        max-width: 150px
    }
    .moduletable_team img, .moduletable_map img {
        width: 100%;
        max-width: 480px
    }
    .primaryContainer {
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat no-repeat;
    }
    #topbox {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        max-width: 1200px;
        width: 95%;
        float: none;
        clear: none;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding-top: 24px;
        padding-right: 10px;
        padding-left: 30px;
    }
    #navibox {}
    #contentbox {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 95%;
        max-width: 1200px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 30px 30px 30px 30px;
    }
    #contentbox.columns #content,
    .item-page.objects {
        margin-left: 0;
        margin-right: 0;
        float: right;
        clear: none;
        padding-left: 20px
    }
    #contentleftbox {
        float: left;
    }
    /* module mitarbeitende */
    .portrait ul li h3 {
        max-width: 150px;
        overflow: hidden;
        text-align: center
    }
    ul.sige,
    div.rc_gallery {
        right: auto;
        left: 30px;
        top: 30px;
        bottom: auto;
        width: calc(43.8% - 30px)
    }
    ul.sige li {}
    ul.sige li img {}
    /* module besps */
    .besps_holder_1_0 {
        min-height: 480px
    }
    .besps_slides_1_0 {
        width: 100%!important
    }
    #bottombox {
        background-color: rgba(255, 255, 255, 0.901961);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        max-width: 1200px;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }
    #bottomleftbox {
        float: left;
        height: auto;
        margin-left: 0%;
        margin-top: 0px;
        clear: none;
        width: 31.9%;
    }
    #bottommiddlebox {
        float: left;
        height: 75px;
        margin-left: 2%;
        margin-top: 0px;
        clear: none;
        width: 31.9%;
    }
    #bottomrightbox {
        float: left;
        height: 75px;
        margin: 0px 0px 0px 2.242145%;
        clear: none;
        width: 31.9%;
    }
    #footerbox {
        width: 95%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 1em;
    }
}