/*
************************************************************
Styles:     flix//760px Responsive CSS
Copyright:  (c) interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/


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

    #slider .slide img {
        opacity: 0;
    }

    #back-to-top {
        background: url("https://common-dgktgb.flix-site.de/_images/back-to-top.png");
        width: 31px;
        height: 31px;
        position: fixed;
        right: 10px;
        bottom: 80px;
        z-index: 99;
        background-size: cover;
        cursor: pointer;
    }

    .weather-teaser-main .weather-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .socialmedia-teaser .slick-slide {
        max-width: 298px;
        height: 264px;
    }


    .socialmedia-teaser {
        padding: 0;
        padding-top: 23px;
        padding-bottom: 53px;
    }

    .panoramamap-teaser .teaser-container .teaser-link, .panoramamap-teaser .teaser-container .teaser-link p {
        font-size: 24px;
        line-height: 26px;
    }

    .panoramamap-teaser {
        height: auto;
    }

    .panoramamap-teaser .background-image {
        width: 100%;
        height: auto;
        display: block;
        min-height: 230px;
    }

    .panoramamap-teaser .teaser-container {
        display: none;
    }

    .panoramamap-teaser .teaser-container-mobile {
        display: block;
        position: absolute;
        top: 40px;
        left: 8.33%;
        max-width: 170px;
    }

    .panoramamap-teaser .teaser-link-mobile {
        display: block;
        position: absolute;
        bottom: 24px;
        right: 8.33%;
    }

    .panoramamap-teaser .teaser-container-mobile p {
        color: #fff;
        font-size: 24px;
        line-height: 26px;
        font-family: "Alena Bold";
    }

    .video-main .play-button {
        width: 99px;
        height: 99px;
    }

    .video-main .play-button span {
        font-size: 30px;
        line-height: 19px;
    }

    .socialmedia-teaser .social-box.instagram .text *,
    .socialmedia-teaser .social-box.facebook .text *,
    .socialmedia-teaser .social-box.news .text * {
        font-size: 18px;
        line-height: 20px;
    }

    .socialmedia-teaser .social-box .arrow {
        width: 39px;
        height: 39px;
    }

    .socialmedia-teaser .social-box.instagram .icon, .socialmedia-teaser .social-box.facebook .icon {
        width: 90px;
        height: 90px;
        display: block;
        bottom: 24px;
        right: 170px;
        position: absolute;
        border-radius: 50%;
        background-size: 90px !important;
    }

    .infoitems-main .column .column-item .icon {
        display: block;
        width: 27px;
        height: 27px;
        float: left;
        border-radius: 50%;
        margin-right: 25px;
        background-size: 23px !important;
        min-width: 27px;
        flex-basis: 27px;
    }

    .mobile-hidden {
        display: none;
    }

    .weather-teaser-main .weather-item:nth-child(3) .weather-content {
        margin-top: 15px;
    }

    .socialmedia-teaser .slick-dots {
        bottom: 10px;
        margin-bottom: 0;
    }
}

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

    .webcam-content {
        max-width: 100%;
    }

    .webcam-content .text {
        max-width: 77%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

}

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

    #footer-pdf-mobile {
        left: 32.5%;
    }

}