/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px) /* vorher min-device-width & max-device-width */
and (max-width : 480px) {

    #secondary { /* Main-Navigation in Sidebar */
        display: none;
    }

    .container_4 .grid_2,
    .container_4 .grid_3 {
        width: 100%;
    }

    .container_4 img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    .page-id-4 .filter-container .grid_3 {
        width: 100%;
    }

    .container_4 .grid_1,
    .container_4 .grid_1 .institution-image {
        width: 100%;
        min-height: 200px;
    }
    .news-archive .news-thumbnail {
        width: inherit;
        max-height: none;
        margin-bottom: 20px;
    }


    .pre-buy-btn {
        display: none;
    }

    .page-id-29 .container_4 .grid_1 { /* Rückblick BTN */
        width: 100%;
        padding: 0;
    }
    .news-archive .news-item {
        display: inline-block;
    }
    .page-id-31 .entry-content figure { /* Kontakt Foto */
        width: inherit!important;
        margin-left: 0;
    }
    .advps-slide-container { /* Startseite Slider ausblenden */
        display: none;
    }
    .newsarchiv-link-wrapper {
        text-align: center;
    }

    .junge-kamuna-grid img { /* Startseite */
             display: none;
         }
    .junge-kamuna-grid .junge-kamuna-icon-wrapper img { /* Startseite */
        display: inline;
    }
    .junge-kamuna-grid h2 { /* Startseite */
        padding-right: 60px;
    }

    .next-kamuna-grid h2 { /* Startseite */
        padding-right: 60px;
    }

    .page-id-443 .news-item .grid_1 { /* Newsarchiv Bilder ausblenden */
        display: none;
    }

    #header-navi {
        display: block;
    }

    .facetwp-template {
        margin-top: 60px; /* damit der 1. Veranstaltungseintrag unter mobile nicht die Merkliste überdeckt */
    }

    .su-spoiler-content {
        padding: 21px 10px; /* Veranstaltungsdetails Padding angepasst. */
    }

}

/* Smartphones till desktop KAMUNA Custom ----------- */
@media only screen
and (min-width : 481px)
and (max-width : 875px) {


    #header-navi { /* Tablet Navi einblenden */
        display: block;
    }

    .container_4 .grid_1 {
        width: 49%; /* warum keine 50% möglich? dann wäre rechter Abstand richtig */
        margin-right: 0;
    }

    .news-item .container_4 .grid_1 {
        width: 40%;
    }
    .page-id-4 .filter-container .grid_3 {
        width: 100%;
    }

    .container_4.news-archive .news-thumbnail {
        width: 100%;
    }

    .container_4 .grid_1 .institution-image {
        min-height: 200px;
    }

    .container_4 .grid_1:nth-child(2n) {
        padding-right: 0!important;
        margin-right: 0;
    }

    .container_4 .grid_2 {
        width: 50%;
        margin-right: 0;
    }

    .container_4 .grid_1:nth-child(1n),
    .container_4 .grid_2:nth-child(1n),
    .container_4 .grid_3:nth-child(1n),
    .container_4 .grid_4:nth-child(1n) {
        padding-right: 30px;
        margin-right: 0;
    }

    .container_4 .grid_2:nth-child(2n) {
        padding-right: 0;
        margin-right: 0;
    }

    .page-id-427 .container_4 .grid_2 { /* Vorverkauf zweispaltig container */
        padding-right: 30px;
        min-height: 225px;
        max-height: 275px;
    }

    .page-id-427 .container_4 .grid_2 .meta-text {
        font-size: 1rem;
        line-height: 1.3;
    }

    .container_4 img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
    .page-id-29 .container_4 .grid_1 { /* Rückblick BTN */
        padding-top: 20px;
    }


    .facetwp-template {
        margin-top: 40px; /* damit der 1. Veranstaltungseintrag unter mobile nicht die Merkliste überdeckt */
    }


}

/* Smartphones till desktop KAMUNA Custom ----------- */
@media only screen
and (min-width : 481px)
and (max-width : 1024px) {


    #header-navi { /* Tablet Navi einblenden */
        display: block;
    }

    .pre-buy-btn a {
        padding: 35px 11px 14px 7px;
    }

    .pre-buy-btn {
        top: -123px;
    }

}


/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {



}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {



}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {



}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {



}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    #secondary { /* Main-Navigation */
        display: none;
    }

}
/* Desktops and laptops >> Navigation Breaking Point ----------- */
@media screen and (max-width: 1024px) {
    .main-navigation {
        position: absolute;
        top: 71px;
        right: 15px;
        width: 125px;
    }
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .site-content .widget-area,
    .main-navigation ul {
        display: none; /* Navigation vorerst ausblenden */
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {



}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {



}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {



}