
@media (max-width:1530px) {
    
    body .page-body > footer .logo {
        display:none;
    }
    body .page-body > footer .information {
        width:100%;
        justify-content:space-between;
    }
    
}


@media (max-width:1500px) {
    
    header#main-header #searchform {
        display:none;
        position:absolute;
        top:100%;
        left:0;
        right:0;
    }
    header#main-header #searchform input {
        width:100%;
        border-left:0;
        border-right:0;
        max-width:100%;
        border-radius:0;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05);
        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05);
    }
    header#main-header .buttons {
        display:flex;
    }
    header#main-header button.search {
        display:block;
    }
    

    section.anfahrt {
        background-position:left 0 top 0;
    }
    section.anfahrt .innerWrap > div:first-child {
        margin:0 85px 0 0;
    }
    section.anfahrt .innerWrap > div:last-child {
        max-width:320px;
    }
    section.anfahrt .innerWrap > div table tr td:first-child {
        padding-right:20px;
    }
    
    
    section.galerie:not(.carousel) .image-wrap {
        width:20%;
    }
    
}

    
@media (max-width:1400px) {
    
    section.kacheln .alle-kacheln-wrapper,
    section.beitraege .alle-beitraege-wrapper {
        margin:0 auto;
    }
    section.kacheln .alle-kacheln,
    section.beitraege .alle-beitraege {
        flex-wrap:wrap;
        max-width:1024px;
        margin:0 auto;
    }
    section.kacheln .kachel,
    section.beitraege .beitrag {
        width:calc(50% - 30px);
        margin:13px 15px;
    }
    
}


@media (max-width:1280px) {
    
    header#main-header nav#main-menu {
        display:none;
    }
    header#main-header button.mobile {
        display:block;
    }
    
    
    section.kacheln-sortiment .kacheln .sortiment {
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel {
        width:100%;
        min-height:0;
        padding:13px;
        margin:0 0 6px;
        border:1px solid #dadada;
        background:#fff;
        background-image:none !important;
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel:last-child {
        margin-bottom:0;
    }
    
    section.kacheln-sortiment .kacheln .sortiment .kachel.blau {
        border-left:4px solid rgb(33,187,239);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.orange {
        border-left:4px solid rgb(243,146,0);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.pink {
        border-left:4px solid rgb(234,81,152);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.gelb {
        border-left:4px solid rgb(254,204,0);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.gruen {
        border-left:4px solid rgb(150,193,31);
    }
    
    section.kacheln-sortiment .kacheln .sortiment .kachel.blau:after {
        background: rgb(33,187,239);
        background: -moz-linear-gradient(270deg, rgba(33,187,239,0.2) 0%, rgba(33,187,239,0) 100%);
        background: -webkit-linear-gradient(270deg, rgba(33,187,239,0.2) 0%, rgba(33,187,239,0) 100%);
        background: linear-gradient(270deg, rgba(33,187,239,0.2) 0%, rgba(33,187,239,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21bbef",endColorstr="#21bbef",GradientType=1);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.orange:after {
        background: rgb(243,146,0);
        background: -moz-linear-gradient(270deg, rgba(243,146,0,0.2) 0%, rgba(243,146,0,0) 100%);
        background: -webkit-linear-gradient(270deg, rgba(243,146,0,0.2) 0%, rgba(243,146,0,0) 100%);
        background: linear-gradient(270deg, rgba(243,146,0,0.2) 0%, rgba(243,146,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f39200",endColorstr="#f39200",GradientType=1);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.pink:after {
        background: rgb(234,81,152);
        background: -moz-linear-gradient(270deg, rgba(234,81,152,0.2) 0%, rgba(234,81,152,0) 100%);
        background: -webkit-linear-gradient(270deg, rgba(234,81,152,0.2) 0%, rgba(234,81,152,0) 100%);
        background: linear-gradient(270deg, rgba(234,81,152,0.2) 0%, rgba(234,81,152,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea5198",endColorstr="#ea5198",GradientType=1);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.gelb:after {
        background: rgb(254,204,0);
        background: -moz-linear-gradient(270deg, rgba(254,204,0,0.2) 0%, rgba(254,204,0,0) 100%);
        background: -webkit-linear-gradient(270deg, rgba(254,204,0,0.2) 0%, rgba(254,204,0,0) 100%);
        background: linear-gradient(270deg, rgba(254,204,0,0.2) 0%, rgba(254,204,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fecc00",endColorstr="#fecc00",GradientType=1);
    }
    section.kacheln-sortiment .kacheln .sortiment .kachel.gruen:after {
        background: rgb(150,193,31);
        background: -moz-linear-gradient(270deg, rgba(150,193,31,0.2) 0%, rgba(150,193,31,0) 100%);
        background: -webkit-linear-gradient(270deg, rgba(150,193,31,0.2) 0%, rgba(150,193,31,0) 100%);
        background: linear-gradient(270deg, rgba(150,193,31,0.2) 0%, rgba(150,193,31,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96c11f",endColorstr="#96c11f",GradientType=1);
    }
    
    section.instagram-feed .zoom-instagram-widget__item {
        width:calc(20% - 10px);
    }
    section.instagram-feed .zoom-instagram-widget__item:nth-child(6),
    section.instagram-feed .zoom-instagram-widget__item:nth-child(7),
    section.instagram-feed .zoom-instagram-widget__item:nth-child(8) {
        display:none;
    }
    
    
    body.single .galerie .image {
        width:calc(33.33% - 10px);
    }
    
    section.galerie:not(.carousel) .image-wrap {
        width:25%;
    }
    
}


@media (max-width:1200px) {
    
    body .page-body > footer {
        padding:50px 0;
    }
    body .page-body > footer .information {
        flex-direction:column;
    }
    body .page-body > footer .information nav {
        display:none;
    }
    body .page-body > footer .information .contact {
        justify-content:center;
    }
    body .page-body > footer .information .contact > div:first-child {
        margin-left:0;
    }
    
    
    section.kacheln-weitere-inhalte .kachel .image-wrap {
        float:none;
        margin:0 0 30px;
    }
    section.kacheln-weitere-inhalte .kachel .text {
        padding:0;
    }
    
}


@media (max-width:1140px) {
    
    section.anfahrt {
        padding:0;
        background:#f8f8f8;
    }
    section.anfahrt .innerWrap {
        justify-content:space-between;
    }
    section.anfahrt .innerWrap > div:first-child,
    section.anfahrt .innerWrap > div:last-child {
        width:50%;
        max-width:50%;
        margin:0;
        padding:50px 35px;
    }
    section.anfahrt .innerWrap > div:first-child {
        padding-left:0;
        border-right:2px solid #eaeaea;
    }
    section.anfahrt .innerWrap > div:last-child {
        padding-right:0;
    }
    
    
    section.cta .innerWrap {
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    section.cta .kontakt {
        width:100%;
        padding:35px 0;
        text-align:center;
        border-right:0;
        border-bottom:2px solid #d96b45;
    }
    section.cta .kontakt a {
        margin-bottom:10px;
    }
    section.cta .kontakt a:last-child {
        margin-bottom:0;
    }
    section.cta .newsletter {
        width:100%;
        padding:35px 0;
        text-align:center;
    }
    section.cta .newsletter form {
        display:inline-block;
    }
    
}


@media (max-width:1024px) {
    
    .main-slider {
        height:auto;
    }

    .master-slider-parent:not(.sortiment) .ms-view {
        height:0!important;
        padding-bottom:43.44%;
    }

    .master-slider-parent:not(.sortiment) .ms-slide {
        height:0 !important;
        padding-bottom:43.44%;
    }
    
    
    section.beitrag .innerWrap {
        flex-direction:column;
    }
    section.beitrag .post-image {
        margin:0 0 50px;
    }
    
    
    /* EXT: CONTENT-COLUMNS */
    .content-column.one_half {
        width:100%;
        padding-right:0;
    }
    
}


@media (max-width:950px) {
    
    section.kacheln-weitere-inhalte .innerWrap {
        flex-direction:column;
    }
    section.kacheln-weitere-inhalte nav.toc {
        width:100%;
    }
    section.kacheln-weitere-inhalte nav.toc ul {
        display:none;
    }
    section.kacheln-weitere-inhalte nav.toc > h4 {
        position:relative;
        margin:0 0 25px;
    }
    section.kacheln-weitere-inhalte nav.toc > h4:after {
        display:block;
        content:"";
        width:0;
        height:0;
        position:absolute;
        top:50%;
        right:25px;
        margin:-1px 0 0;
        border-top:4px solid #444;
        border-left:4px solid transparent;
        border-right:4px solid transparent;
    }
    section.kacheln-weitere-inhalte nav.toc > h4.open:after {
        border-bottom:4px solid #444;
        border-top:0;
    }
    section.kacheln-weitere-inhalte .alle-kacheln {
        width:100%;
        padding:0;
    }
    
    
    section.galerie:not(.carousel) .image-wrap {
        width:33.33%;
    }
    
    
    .alignright,
    .alignleft {
        display:block;
        float:none;
        margin-left:0;
        margin-right:0;
        margin-bottom:35px !important;
    }
    
}


@media (max-width:870px) {
    
    section.post-footer .innerWrap {
        flex-direction:column;
    }
    section.post-footer nav > ul {
        display:inline-block;
    }
    
    
    section.instagram-feed .zoom-instagram-widget__item {
        width:calc(25% - 10px);
    }
    section.instagram-feed .zoom-instagram-widget__item:nth-child(5) {
        display:none;
    }
    
}


@media (max-width:820px) {
    
    section.anfahrt .innerWrap {
        flex-direction:column;
        justify-content:flex-start;
    }
    section.anfahrt .innerWrap > div:first-child,
    section.anfahrt .innerWrap > div:last-child {
        width:100%;
        max-width:100%;
        padding:35px 0;
        text-align:center;
    }
    section.anfahrt .innerWrap > div:first-child {
        border-right:0;
        border-bottom:2px solid #eaeaea;
    }
    section.anfahrt .innerWrap > div h4 {
        text-align:center;
    }
    section.anfahrt .innerWrap > div table {
        margin:0 auto 20px;
    }
    
    
    .main-slider {
        max-height:100%;
    }
    .main-slider .ms-slide-info {
        position:relative;
        padding:0;
        bottom:auto !important;
        border-bottom:1px solid #dadada;
    }
    .main-slider .ms-info {
        display:block;
        width:100%;
        min-width:100%;
        padding:25px 20px;
        border-radius:0;
        text-align:center;
        background:#f4f4f4;
    }
    
}


@media (max-width:740px) {
    
    body .page-body > footer .innerWrap {
        flex-direction:column;
    }
    
}


@media (max-width:720px) {
    
    section.instagram-feed .header {
        flex-direction:column;
    }
    section.instagram-feed .header h2 {
        margin:0 0 20px;
    }
    
    
    body .page-body > footer .information .contact {
        flex-direction:column;
    }
    body .page-body > footer .information .contact > div {
        text-align:center;
        margin:35px 0 0;
    }
    body .page-body > footer .information .contact > div:first-child {
        margin-top:0;
    }
    body .page-body > footer .information .contact .textwidget p {
        text-align:center;
    }
    body .page-body > footer .information .contact .textwidget table {
        margin:0 auto 10px;
    }
    
}


@media (max-width:670px) {
    
    section.kacheln-sortiment .kacheln {
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    section.kacheln-sortiment .kacheln .sortiment {
        width:100%;
    }
    section.kacheln-sortiment .kacheln .werbeplatz {
        max-width:100%;
        margin:35px 0 0;
    }
    
    
    section.kacheln .kachel,
    section.beitraege .beitrag {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    
    section.instagram-feed .header .links li {
        display:block;
        margin:0 0 10px;
    }
    
    
    section.breadcrumbs {
        display:none;
    }
    
    
    /* EXT: MASTER SLIDER */
    .ms-bullets {
        display:none;
    }
    
    
    section.galerie:not(.carousel) .image-wrap {
        width:50%;
    }
    
}


@media (max-width:600px) {
    
    
    section.instagram-feed .zoom-instagram-widget__item {
        width:calc(33.33% - 10px);
    }
    section.instagram-feed .zoom-instagram-widget__item:nth-child(4) {
        display:none;
    }
    
    
    body.single .galerie .image {
        width:calc(50% - 10px);
    }
    
    
    .text .content-column {
        padding-right:0;
    }
    
}


@media (max-width:480px) {
    
    .innerWrap {
        padding:0 20px;
    }
    
    .page-body {
        padding:58px 0 0;
    }
    
    header#main-header {
        padding:0;
    }
    header#main-header a.logo {
        width:145px;
        background-size:100% auto;
        background-position:left center;
    }
    
    
    section.cta .newsletter .newsletter-columns {
        flex-direction:column;
    }
    section.cta .newsletter .newsletter-column {
        padding-right:0;
    }
    section.cta .newsletter .newsletter-column:last-child {
        margin:20px 0 0;
    }
    
    
    section.post-footer nav > ul > li {
        float:none;
        padding:5px 0;
        margin:0 0 5px;
    }
    
}


@media (max-width:400px) {
    
    section.instagram-feed .zoom-instagram-widget__item {
        width:calc(50% - 10px);
    }
    section.instagram-feed .zoom-instagram-widget__item:nth-child(3) {
        display:none;
    }
    
    section.galerie:not(.carousel) .image-wrap {
        width:100%;
    }
    
    section.kacheln-weitere-inhalte .kachel .image-wrap {
        border:0;
        padding:0;
    }
    
}