

@media screen and (min-width: 1200px) {    
    
    .masthead-right-wrapper .asp_w_container{
        max-width:270px;
        margin-right:40px;
    }
    .masthead-right-wrapper  .social-wrap{
        margin-top:7px;
    }
}
@media screen and (min-width: 1920px) {    
    .bg,
    #banner .fixed-bg{
        background-size:cover;
        background-position: -10px center;
    }
}
@media screen and (max-width: 1080px) {
    body.home #main .full-container,
    #main,
    .layout-full #colophon,
    #masthead,
    body.sticky-menu .site-navigation.sticky,
    #page-wrapper .splash-screen .full-container{
        padding-left:20px;
        padding-right:20px;
    }
    .full-container-left{
        padding-left:20px;
    }
    #nice-mobile-menu > .logo a:first-child{
        margin-left:15px!important;
    }
    #banner{
        height:35vh;
    }
    #banner .content,
    #banner h1{
        font-size:60px;
    }
    #banner{
        padding:100px 0px;
    }
}
@media screen and (max-width: 1100px) {
    
    .grid.grid-3 .grid-item{
        width: calc(50% - 12px);
    }
}
@media screen and (max-width: 1024px) {     
    .entry-content .um-account{
        margin-top:0px;
    }   
    .filter-wrapper .clear-btn{
        bottom:0px;
        margin-top:40px;
    }
    .filter-status-wrapper{
        display:flex!important;
    }
    .events-wrapper input[name="daterange"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size:18px;
      }
      
      .events-wrapper input[name="daterange"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size:18px;
      }
      
      .events-wrapper input[name="daterange"]::-ms-input-placeholder { /* Microsoft Edge */
        font-size:18px;
      }
    .filter-wrapper input{
        min-width:auto;
        width:100%;
        font-size:14px;
        margin-bottom:20px;
    }
    .clear-daterange{
        bottom:9px;
    }
    .arrow-daterange {
        bottom: 6px;
        right: 41px;
    }
    #colophon{
        display:none;
    } 
    #main{
        padding-bottom:80px;
    }
    body{
        overflow-y:auto;
    }
    #page-wrapper .masthead-right-wrapper{
        display:flex!important;
        flex-wrap:wrap;
    } 
    .view-switch{
        margin-left:0px;
        flex-wrap:wrap;
    }
    #page-wrapper #main .masthead-right-wrapper h1.entry-title{
        margin-right:30px;
        margin-bottom:10px!important;
    }
    body.error404 #content, body.search #content, body.tax-ausschreibung #content, body.page #content {
        margin-top: 0px;
    }
    .coord-list-wrap{
        margin-left:0px;
    }
    body.nmm-hide .entry-header{
        top:0px!important;
    }
    body:not(.nmm-hide) .entry-header{
        top:49px!important;
    }
    body.nmm-hide .custom_single_post_extension-wrapper{
        top:10px!important;
    }
    body:not(.nmm-hide) .custom_single_post_extension-wrapper{
        top:60px!important;
    }
    #masthead .hgroup > .primary, #main #primary{
        width:100%;
    }

    /* body.single .entry-thumbnail {
        max-width:45%;
        margin-right:20px;
    } */
    body.single .entry-thumbnail img {
        max-width: initial;
        width: 100%;
    }
    #masthead {
        display: none!important;
    }
    .cat-menu-wrapper{
        margin-top:0px;
        margin-left:0px;
        margin-bottom:40px;
    }
    body .posts-wrapper article, .masthead-wrapper .main-navigation, .masthead-right-wrapper
    /* .footer-menu-wrap .menu-wrap, .footer-menu-wrap .social-wrap */
    {
        padding: 0 31px;
    }
    body #liste,
    body .ausschreibung-info{
        margin-left:0px!important;
    }
    /* body .posts-wrapper, .masthead-wrapper
    .menu-wrap-wrap
    {
        margin: 0 -31px;
    } */
    #main #secondary{
        display:none;
    }
    .footer-menu-wrap{
        margin-left:0px;
    }
    #news .owl-stage .news-wrapper h2,
    body #main .entry-content .team-item h3 {
        font-size: 27px;
    }
    body .entry-content, body {
        font-size: 18px;
    }  
    #colophon li a,
    #colophon .full-container .footer-logo a{
        font-size:20px;
    }
    .team-wrapper .team-item .text{
        margin-top:0px;
    }
    .team-wrapper .team-item .flex-wrapper{
        flex-wrap:wrap;
    }
    .team-wrapper .team-item .flex-wrapper > div{
        width:100%;
    }
    .team-wrapper .team-item:nth-child(even) .flex-wrapper > div:first-child{
        order:1;
    }
    .team-wrapper .team-item:nth-child(even) .flex-wrapper > div:last-child{
        order:2;
    }
    .team-wrapper .team-item:nth-child(even) .flex-wrapper > div:first-child{
        margin-right:0px;
    }
    .team-wrapper .team-item .flex-wrapper > div:first-child{
        margin-bottom:30px;
    }
    
    .kontakt .text {
        width:100%;
    }
    .kontakt .foto{
        margin-top:20px;
        width:70%;
    }
    #bio .bild-content{
        display:none
    }
    #bio .mobile-bio-image{
        display:block!important;
    }
    /* #bio .text-content{
        order:2;
        margin-bottom: 0px;
    } */
    #bio .widescreen-wrapper{
        margin-top:0px;
    }
    .film-links{
        flex-wrap:wrap;
    }
    .film-links .web-links,
    .demand-links{
        width:100%;
        justify-content:flex-end;
    }
    .film-links .demand-links{
        margin-top:20px;
        margin-left:0px;
    }
    .flex-wrapper{
        flex-wrap:wrap;
    }
    .flex-wrapper .flex-50:first-child{
        margin-bottom:30px;
    }
    .flex-50 {
        width: 100%;
    }
    /* #banner .content,
    #banner h1{
        font-size:25px;
    } */
}
@media screen and (max-width: 950px) { 
    body.single .entry-header{
    width:100%;
 }
    .pub-button-wrap{
        text-align:left;
        margin-bottom:20px;
    }
    /* .ticker__item {
        font-size:4vw;
    } */

    body.single .entry-main .single-wrapper{
        display:block;
    }
    body.single.single-projekte .entry-header, .post-navigation, body.single .entry-main .left{
        width:100%;
    }
    body.single .entry-thumbnail,
    .proj-slideshow{
        max-width:640px;
    }
    body.single .entry-main .right{
        margin-left:0px;
        margin-top:40px;
        width:100%;
        z-index:1;
        position:relative;
    }
    body.post-type-archive-projekte #liste{
        margin-top:0px;
    }
    body.post-type-archive .gm-map,
    .coord-list-wrap{
        display:none;
    }
    body:not(.tax-ausschreibung):not(.has-submenu-switch):not(.post-archiv) #page-wrapper #main .masthead-right-wrapper .view-switch{
        display: none;
    }
    body.post-archiv .view-switch + .view-switch,
    body.tax-ausschreibung .view-switch + .view-switch{
        display:none;
    }
    /* body:not(.tax-ausschreibung):not(.has-submenu-switch):not(.post-type-archive-event) #page-wrapper #main .masthead-right-wrapper {
        display: none!important;
    } */
}

@media screen and (max-width: 760px) { 
    #main .grid .grid-item{
        width:100%;
        min-width:unset;
    }
    /* .footer-menu-wrap .menu-wrap{
        margin-bottom:10px;
    }
    .footer-menu-wrap .menu-wrap, .footer-menu-wrap .social-wrap{
        padding: 0px;
        width:100%;
    }
    .footer-menu-wrap .social-wrap{
        margin-bottom:20px;
    }
    .menu-wrap-wrap{
        margin: 0px;
    }   */
    .kontakt .flex-wrapper{
        justify-content: center;
    }
    .kontakt .foto{
        width:90%;
    }
    .menu-wrap-wrap{
        display:block;
    }
    #colophon .social-wrap{
        margin-bottom:15px;
        margin-right:0px;
    }
    .menu-footer-container ul{
        display:flex;
        flex-wrap:wrap;
        /* justify-content: center; */
        row-gap:10px;
        column-gap: 20px;
    }
    #colophon .menu-footer-container ul li{
        margin:0px;
        /* text-align:center; */
    }
    /* .footer-menu-wrap .menu-wrap, */
    /* .social-wrap{ */
        /* justify-content: center; */
    /* } */
    
    #main .um-account-side .menu-wrapper{
        flex-wrap:wrap;
        justify-content: flex-end;
        background-color:transparent;
        row-gap:20px;
        margin-top:0px;

    }
    .um-page-loggedin #page-wrapper #main .masthead-right-wrapper{
        margin-bottom:0px;
    }
    #main .um-add-btn{
        order:1;
    }
    #main .um-account-side .menu-wrapper ul{
        order:2;
        background-color: #FFF200;
    }
    #main .um-account-side ul li:last-child a{
        margin-right:0px;
    }
    #single-map{
        width:100%;
    }
}
@media screen and (max-width: 680px) { 
    /* :root {
        --bottom_distance:200px;
    }
    .splash-screen img{
        width:100%;
    }
    .splash-screen .logo-text1, .splash-screen .logo-text2{
        width:auto;
        height:37px;
    }
    .animated-text{
        height:37px;
    }
    .splash-screen .logo-text1, .splash-screen .logo-text2,
    .animated-text{
        bottom:calc(var(--bottom_distance) + 20px);
    } */
    
    body #main .entry-title + .sub-title,   
    body .entry-content, body{
        font-size:16px!important;
    }
    body .posts-wrapper article, .masthead-wrapper .main-navigation, .masthead-right-wrapper
    /* .footer-menu-wrap .menu-wrap, .footer-menu-wrap .social-wrap */
    {
        padding: 0px;
        width:100%;
    }
    body .posts-wrapper, .masthead-wrapper
    /* .menu-wrap-wrap */
    {
        margin: 0px;
    }
    #banner{
        padding:50px 0px;
    }
    /* #banner .content,
    #banner h1{
        font-size:20px;
    } */
    
    .full-container-left{
        padding-left:10px;
    }
    body.home #main .full-container,
    #main,
    .layout-full #colophon,
    #masthead,#page-wrapper .splash-screen .full-container{
        padding-left:15px;
        padding-right:15px;
    }
    #nice-mobile-menu > .logo a:first-child{
        margin-right:30px!important;
    }
    #masthead .main-navigation .current-menu-item a, .splash-screen .home-link a {
        margin-left: 0px!important;
    }
    body.has-filter .filter-btn{
        right:70px;
    }
    .filter-btn.active:before{
        bottom:0px;
    }

}
@media screen and (max-width: 479px) {
    .panel-grid{
        margin-bottom:40px!important;
    }
    .panel-grid-cell{
        margin-bottom:10px!important;
    }
    body.single .entry-thumbnail {
        max-width:100%;
        margin-right:0px;
        float:none; 
    }
    body.single .entry-thumbnail img {
        max-width: initial;
        width: 100%;
        max-height:initial;
    }   
    #colophon .full-container.bottom{
        flex-wrap:wrap;
    }
    #colophon .full-container.bottom > div{
        width:100%;
    }
    /* #colophon .full-container.bottom div:not(:last-child){
        margin-bottom:20px;
    } */
}
@media screen and (max-width: 308px) {
    #masthead .main-navigation ul li a, .splash-screen .home-link a{
        min-width:initial;
        width:100%;
    }
}
@media screen and (max-width: 308px) {
    #masthead .main-navigation ul li a, .splash-screen .home-link a{
        min-width:initial;
        width:100%;
    }
}
