@media only screen and (max-width: 1200px) {
    .grid-container.quarters .quarterBanner .text,.grid-container.halfs .halfBanner .text {
        font-size:3vw;
    }
}

@media only screen and (max-width: 1000px) {
    #homepageSlider #sliderControls {
        top:170px;
        left:50px;
    }

    .contentPageTeaser .content {
        left:60px;
    }

    .contentPageTeaser .content .caption {
        font-size:6vw;
    }

    .contentPageTeaser .content .subCaption {
        font-size:5vw;
    }

    .contentPageTeaser .content ul li {
        margin-right:10px;
        font-size:2vw;
    }

    .slide_content .caption {
        font-size:8vw!important;
    }

    .slide_content .subCaption {
        font-size:5vw!important;
    }

    .slide_content ul li {
        font-size:1.6vw;
    }

    .actionButton,.slide_content .priceButton {
        font-size:16px;
    }

    li.slide .slide_content {
        top:250px;
        left:50px;
    }

    .slide_content ul li {
        margin-right:15px;
    }

    span.uspSpan {
        font-size:1.6vw;
    }

    .grid-container.quarters {
        grid-template-columns:auto auto;
    }

    .grid-container.quarters.reversed {
        grid-template-columns:auto auto;
    }

    .grid-container.quarters.reversed .item-1 {
        grid-area:1 / 1 / 2 / 3!important;
    }

    .grid-container.quarters.reversed .item-2 {
        grid-area:2 / 1 / 2 / 2!important;
    }

    .grid-container.quarters.reversed .item-3 {
        grid-area:2 / 2 / 2 / 3!important;
    }

    .grid-container.quarters .quarterBanner.item-3 {
        grid-area:2 / 1 / 3 / 3;
    }

    .grid-container.halfs .halfBanner.item-1 {
        grid-area:1 / 1 / 2 / 3;
    }

    .grid-container.halfs .halfBanner.item-2 {
        grid-area:2 / 1 / 3 / 3;
    }

    .grid-container.quarters .quarterBanner .text,.grid-container.halfs .halfBanner .text {
        font-size:5vw;
    }

    .fbBanner img,.rabatt img {
        height:21px;
    }

    .fbBanner span,.rabatt span {
        right:20px;
        top:25px;
    }
}

@media only screen and (max-width: 768px) {
    .contentPageTeaser {
        display:none;
    }

    .responsiveTeaser {
        display:block;
    }

    .homepageSliderWrapper {
        display:none;
    }

    .homepageSliderWrapper {
        margin-top:20px;
    }

    .grid-container.quarters .quarterBanner .text,.grid-container.halfs .halfBanner .text {
        font-size:6vw;
    }

    .fbRabatt {
        grid-template-columns:auto;
    }

    span.uspSpan {
        font-size:4.6vw;
    }

    .uspWrapper ul li {
        border-right:none;
        width:100%;
        border-bottom:1px solid rgba(0,0,0,0.15);
        box-sizing:border-box;
    }

    span.uspSpan.link {
        position:absolute;
        top:20px;
        right:20px;
        width:auto!important;
    }

    .uspWrapper ul li .USPitem {
        width:100%;
        box-sizing:border-box;
    }
}

@media only screen and (max-width: 600px) {
    .textContent {
        padding:30px 20px;
    }

    .footerAnchors {
        padding:20px;
        background:#e7e5df;
    }

    .fbBanner span,.rabatt span {
        font-size:3.5vw;
    }

    .grid-container.quarters .quarterBanner .text strong,.grid-container.halfs .halfBanner .text strong {
        font-size:4.6vw;
        margin-top:5px;
    }

    .grid-container.quarters .quarterBanner .text,.grid-container.halfs .halfBanner .text {
        font-size:6vw!important;
        top:30px!important;
        left:20px!important;
    }
}

@media only screen and (max-width: 460px) {
    i.actionButtonLI {
        font-size:3.5vw;
    }
}