/****************************************************************
Mobile CSS Anpassung für eine Bildschirmbreite von Maximal 420px!
****************************************************************/

@media (max-width: 420px) {
    
    /***Mitarbeiter Boxen ANFANG***/
    .employee-box .csc-textpic-image img {
        width: 135px !important;
    }

    .employee-box {
        width: 135px;
        margin-right: 18px;    
    }
    
    .employee-box .csc-textpic-text {
        padding-top: 170px;
    }
    
    .employee-box div.csc-textpic .csc-textpic-imagewrap, .employee-box div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
        max-height: 177px;
    }
    
    .employee-box .csc-textpic {
        height: 225px !important;
    }

    /*Projektpartener-Logos*/
    #content div.partnerlogo {
    float: left;
    font-size: 0.8em;
    height: 130px;
    margin-bottom: 15px;
    margin-right: 15px !important;
    margin-left: 15px !important;
    width: 100px !important;
}
    /***********************/

    /***Mitarbeiter Boxen ENDE***/

}
/***************************************************************/


/****************************************************************
Mobile CSS Anpassung für eine Bildschirmbreite von Maximal 385px!
****************************************************************/

@media (max-width: 385px) {
    
    /***Mitarbeiter Boxen, Bilder kleiner ANFANG***/
    .employee-box .csc-textpic-image img {
        width: 145px !important;
    }
    
    .employee-box .csc-textpic-text {
        padding-top: 170px;
    }
    
    .employee-box .csc-textpic {
        height: 225px !important;
    }

    .employee-box {
        width: 135px;
        margin-right: 11px;
    }
}
/***************************************************************/

/****************************************************************
Mobile CSS Anpassung für eine Bildschirmbreite von Maximal 320px!
****************************************************************/
@media (max-width: 320px) {
    
    /***Mitarbeiter Boxen, Bilder kleiner ANFANG***/
    .employee-box {
        width: 120px;
    }

    .employee-box-overview .employee-box {
        margin-right: 5px !important;
    }

    .employee-box .csc-textpic-image img {
        width: 120px !important;
    }
    
    .employee-box .csc-textpic-text {
        width: 90px !important;
        margin-left: 5px;
    }
    
    .employee-box .csc-textpic-text {
        padding-top: 145px;
        width: 150px !important;
        margin-left: 5px;
    }
    
    .employee-box .csc-textpic {
        height: 210px !important;
        background: #587993;
        color: #f1f1f1;
    }
    
    .employee-box .csc-textpic-text {
        padding-top: 145px;
        width: 150px !important;
        margin-left: 5px;
    }
    
    .employee-box .csc-textpic {
        height: 200px !important;
        background: #587993;
        color: #f1f1f1;
    }
    
    body.ma-profil .csc-textpic a, body.ma-profil .csc-textpic h1, body.ma-profil .csc-textpic h2, body.ma-profil .csc-textpic h3, body.ma-profil .csc-textpic h4, body.ma-profil .csc-textpic h5 {
        color: #f1f1f1;
        width: 100%;
    }

    .employee-box div.csc-textpic .csc-textpic-imagewrap, .employee-box div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
        max-height: 155px;
    }
    /***Mitarbeiter Boxen, Bilder kleiner ENDE ***/

    .meta ul li.switchlang {
        padding-top: 2px;
        position: static;
        margin: 0;
        text-align: left;
        margin-left: -2px;
    }

    #footer .social-media ul li {
        display: inline-block;
        padding-right: 0.6em;
    }

    .csc-textpic-image.csc-textpic-last {
    float: right !important;
    padding-right: 0% !important;
}
}
/***************************************************************/

/****************************************************************/
@media (width: 384px) {
    div.csc-textpic-intext-right .csc-textpic-imagewrap {
        float: right;
        margin-right: 0% !important;
    }
}

/******************Allgemeine Einstellung WEB-Ansicht*****************/
@media (max-width: 460px) {

    /*
    div.csc-textpic-intext-right .csc-textpic-imagewrap {
        float: left;
        margin-left: 26%;
    }
    */

    div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
    .social-media a {
        margin-top: 10px;
    }
    
    .footer-logos img {
        max-height: 55px;
        max-width: 55px;
    }

    /*
     .csc-textpic-text {
        float: left !important;
    }
    */
    
    .csc-textpic-text h1 {
        float: left;
        width: 320px;
    }

    /*NEWS Detail
    .news-item h3 {
        margin-right: 15px;
        width: 100%;
    }

    .news-description {
        float: left;
    }
    */
    .contentpage #content .news-item a img {
        max-width: 80px;
    }

    #to-top {
        margin-top: 0px;
        padding: 0px 25px;
        text-align: right;
    } 

    .news-description {
        float: right;
    }

    .news-list-browse {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 30px;
    }

    #content .csc-default img {
        max-width: 100% !important;
        max-height: auto;
    }

    .partner-logo ul li a img {
        max-width: 100px;
    }
    #content.home-box-content .box .news-item .news-description {
    display: table-cell;
    margin-bottom: 10px;
  }

    .news-single-backlink {
        float: left;
        margin-bottom: 10px;
    }

    .news-single-item h1 {
    width: 100%;
}
}

@media (max-width: 385px){
    div.csc-textpic-intext-right .csc-textpic-imagewrap {
        float: right;
        margin-right: 6% !important;
    }
}


@media (max-width: 460px){
    /*)
    #content .csc-frame-rulerAfter .csc-textpic-text {
        margin-left: 34%;
        margin-top: 20px;
        color: white;
        font-size: 7.5pt;
        /* line-height: 1.0;
    }

    .csc-frame-rulerAfter div.csc-textpic .csc-textpic-imagewrap img {
        border: none;
        display: block;
        width: 90px;
    }

    .csc-frame-rulerAfter .csc-textpic .csc-textpic-imagewrap img {
        height: 135px !important;
    }

    #content .csc-frame-rulerAfter {
    margin-bottom: 3em;
    background-color: #951d40;
    color: white;
    height: 139px !important;
    width: 555px;
    width: 100%;
*/
    .csc-frame-rulerAfter div.csc-textpic .csc-textpic-imagewrap img {
        border: none;
        display: block;
        width: 120px !important;
    }

    #content .csc-frame-rulerAfter {
        margin-bottom: 3em;
        background-color: #951d40;
        color: white;
        height: 200px !important;
        width: 555px;
        width: 100%;
    }

    .csc-frame-rulerAfter .csc-textpic .csc-textpic-imagewrap img {
    height: 196px !important;
    }
}

@media (width: 384px) {
    div.csc-textpic-intext-right .csc-textpic-imagewrap {
        float: right;
        margin-right: 0% !important;
    }
}