@media only screen and (max-width: 1512px) {

    h2 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }

    /* Sub Nav */

    .themennav ul li a {
        padding: .75rem 0;
    }
}

@media only screen and (max-width: 1024px) {
    section.lazy a.slider-caption {
        /* #03 Startseiten Beschreibung Abstand nach unten Mobil */
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    } 
}
@media only screen and (max-width: 1023px) {


    h6 {
        font-size: 1.25rem;
    }
    body {
        overflow: visible;
    }

    /* =========================
    ============GRID============
    ==========================*/
    asside {
        display: flex;
        flex-wrap: wrap;
        padding: 1rem;
        width: 100%;
        height: auto;
        order: 2;
        margin-bottom: 2rem;
    }
    asside div.main {
        margin-bottom: 0;
    }
    div.content {
        order: 1;
        padding: 1rem;
        width: 100%;
        height: auto;
        overflow-x: visible;
    }
    div.slider {
        padding-right: 0rem;
        width: 100%;
        height: calc(100vh - 85px - 54px);
    }


    /* =========================
    =========THEMEN-SLIDER==========
    ==========================*/

    div.slider.themen-slider {
        height: auto;
    }
     section.slider-for {
/*        height: 40vh;*/
        padding: 1rem;
    }
    .slider-nav {
        height: auto;
        padding: .5rem;
    }
    /* =========================
    ============NAV=============
    ==========================*/
    body {padding-top: 85px;}
    nav.main-nav .logo {padding: 0rem 0rem 0rem 1rem;}
    nav.main-nav {
        position: fixed;
        top: 0;
    }
    nav.main-nav ul {
        background: #FFF;
        width: 100%;
        position: fixed;
        z-index: 110;
        border-bottom: 5px solid #BBBBBB;
        transition: ease all 0.2s;
        top: -200%;
    }
    nav.main-nav.active ul {
        top: 85px;
        transition: ease all 0.2s;
    }
    nav.main-nav ul li ul {
      display: block;
      position: relative;
      top: -.5rem !important;
      border: unset;
      text-transform: none;
    }
    nav.main-nav ul li {
        box-sizing: border-box;
        padding: 0 1rem;
        margin: 0;
        width: 100%;
        float: inherit;
    }
    nav.main-nav ul li.menu-item {
        line-height: 4rem;
    }
    nav.main-nav ul li a:hover,
    nav ul li a.active {
        color: #D2471F;
        border-bottom: 0px solid #D2471F;
    }
    nav.main-nav ul a.nav-open {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        padding: 0 1rem;
        font-size: 1.5rem;
        border-width: 0;
    }
    nav.main-nav.active ul a.nav-open {color: #D2471F;}


    /* =========================
===========TEXT=============
==========================*/

    div.beschreibung.main {
        z-index: 150;
        bottom: 15%;
        left: 0;
        width: 100%;
        padding: 1rem;
        z-index: 0;
    }

    div.beschreibung {
        padding: 2rem 2rem 0 2rem;
    }


    /* =========================
==========SUBNAV============
==========================*/
    /* nav.subnav {
        display: none;
    }
    nav.subnav.mobile {
        display: block;
        order: 3;
        position: initial;
    }
    nav.subnav ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 1rem 2rem;
    }
    nav.subnav ul li {
        padding-bottom: 1rem;
    } */


    /* =========================
========KONTAKT=============
==========================*/

    .seite {
      margin-bottom: 0;
    }


    /* =========================
========THEMEN NAV==========
==========================*/

    /* nav.themennav {
        position: fixed;
        background: #FFFFFF;
        z-index: 160;
        left: 0;
        bottom: -100%;
        transition: ease all 0.2s;
        border-top: 5px solid #BBBBBB;
    }
    nav.themennav.active {bottom: 0%;}
    asside.projekt nav.active ul li a.active {margin-left: 1rem;}
    nav.themennav ul li a {
        z-index: 160;
        padding: 1rem;
        left: 0;
        border-bottom: 0px solid #BBBBBB;
    }
    .themennav ul li a:hover,
    .themennav ul li a.active {
        border-bottom: 0px solid #D2471F;
        color: #D2471F;
    } */
    /*    ENDE MOBILE LARGE */
}

@media only screen and (max-width: 600px) {
    h6 {font-size: 1.2rem;}
    .bild {
        width: 100%;
        padding-bottom: 1rem;
        overflow: visible;
        background: none;
        height: auto;
        border: none;
    }
    .bild:last-child {padding-bottom: 0rem;}
    .bild img {position: static;}
    .bild a {
        opacity: 1;
        color: #333333;
        text-shadow: none !important;
        position: static;
        text-align: left;
    }
    .bild a p {margin-bottom: .25rem;}
    .bild a h3 {font-size: 1.5rem;}
    .bild a h3:after {display: none;}
    .bild:hover img {filter: blur(0px) contrast(1);}
    .gallerie div {
          background: none;
          margin-bottom: 1rem;
    }


     section.slider-for {
/*        height: 40vh;*/
      }

    /* =========================
    ===========SLIDER=============
    ==========================*/

    button.slick-next,
    button.slick-prev {
        right: 2rem;
        opacity: 0;
    }
    ul.slick-dots {
        right: 2rem;
    }

    section.lazy a.slider-caption {
        padding: 1rem;
        font-size: 1.5rem;
        bottom: 3rem;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    /* =========================
    =========BESCHREIBUNG===========
    ==========================*/

    div.beschreibung.main {
        padding: 0rem;
    }

    /* =========================
    ===========SUBNAV===============
    ==========================*/

        /* nav.subnav ul {
            padding: 1rem;
        } */

    /* =========================
    =========KONTAKT===========
    ==========================*/

    div.seite form#contact-form input {
          width: 100%;
    }
    /*    ENDE MOBILE SMALL */
}