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

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

/* portrait */
@media screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {
    .logoslider .testimonials {
        padding: 10px !important;
    }

    .frame-layout-3 h2 {
        padding: 0 30px;
    }

    .testimonialslider {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .logoslider {
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    .logoslider .slick-next {

        right: -19px;
    }

    .headerLogo {
        width: 22.2% !important;
    }

    .col21.bspace .news .news-list-view .article {
        margin-bottom: 20px;
    }

    .col21.bspace .col-4 {
        margin-bottom: 20px !important;
    }

    .col21.bspace .col-4 .box-black {
        height: auto;
    }

    .col21 .col-4 .box-black {
        height: 300px;
    }

    .frame-type-text {
        padding: 0 20px;
    }

    .frame-type-image .ce-gallery,
    .frame-type-image .ce-gallery .ce-outer,
    .frame-type-image .ce-gallery .ce-outer .ce-inner,
    .frame-type-image .ce-gallery .ce-outer .ce-inner .ce-row,
    .frame-type-image .ce-gallery .ce-outer .ce-inner .ce-row .ce-column,
    .frame-type-image .ce-gallery .ce-outer .ce-inner .ce-row .ce-column .image {
        width: 100% ;
    }

    .frame-type-header header {
        padding: 0 20px;
        margin-bottom: 0;
    }

    .quotation-text {
        color: #fff !important;
    }

    .content.svgheader .col-7 .frame-type-text {
        padding: 0;
    }

    .subpage-content .frame-type-header header {
        margin-bottom: 30px;
    }

    .subpage-content .col-9.col-sm-12.subpage-content-col > .frame-type-text {
        padding: 0;
    }

    .subpage-content .col-9.col-sm-12.subpage-content-col .frame-type-text p.bodytext {
        padding: 0 20px;
    }

    .subpage-content .col-9.col-sm-12.subpage-content-col .frame-type-text header h2 {
        padding: 0 20px;
    }

    .support .col-6.leftContent .frame {
        padding: 0;
    }

    .kontakt .col-6.leftContent p.bodytext {
        padding: 0 !important;
    }
}

#demozugang .popup {
    width: 80%;
}