/*
************************************************************
Styles:     flix//theme
Project:    480px Responsive CSS
************************************************************
*/


/* NOTE - This Style transformes only specific components from 320px.css  */
/* starting body tag increases the level without important */


@media only screen and (min-width: 480px) and (max-width: 1000px) {

    /* ********** download-cat-main ********** */
    .download-cat-main .image {
        display:table-cell;
    }

    .download-cat-main .container {
        display:table-cell;
        width:auto;
        float:none;
        border-top: 1px solid #a4b7e0;
    }

    .download-cat-main .text {
        width:100%;
        margin:0;
    }


    /* ********** news-detail ********** */
    .news-detail .contentmain_dina4 .image-intro-main-container {
        float:left;
    }

    .news-detail .contentmain_dina4 .image-intro-main,
    .news-detail .contentmain_dina4 .image-content-main {
        margin:0 10px 0 0;
    }

    .news-detail .contentmain_dina4 .intro-main {
        display:block;
    }


    /* ********** contact-form ********** */
    .ort-input .textbox {
        width: 88%;
        margin-left:0;
    }

    /* ********** PIWIK Custom Optout ********** */
    #optout {
        height:250px !important;
    }



}


@media only screen and (min-width: 575px) and (max-width: 1000px) {

    body .texteditor-main .image,
    .texteditor-main .image.detail_portrait {
        float:left;
        margin-bottom:0;
    }

    body .person-main .text {
        float:none;
        display:table-cell;
    }


    /* ********** download-catlist-main ********** */

    .download-catlist-main .left {
        float:none;
        display:table-cell;
        padding-right:20px;
    }

    .download-catlist-main .right,
    .article-page .publikation-main .right {
        float:none;
        display:table-cell;
        vertical-align:top;
    }



}

@media only screen and (min-width: 415px) and (max-width: 1000px) {

    body .scrolltotop {
        margin-top:0;
    }

}

@media only screen and (min-width: 0px) and (max-width: 400px) {

    body #claim {
        display:none;
    }


}




@media only screen and (min-width: 0px) and (max-width: 480px) {

    /* *************************************************
*** PageElements Start
************************************************* */

    .teaserbox-wide .image-container {
        width: 100%;
        clear:both;
        float:none;
        margin-bottom: 10px;
    }
    .teaserbox-wide .image-container img {
        width: 100%;
        clear:both;
        float:none;
        max-width: 320px;
    }
    .teaserbox-wide .content-container {
        clear:both;
        float:none;
        width: 100%;
        padding: 0;
    }



}