@charset "utf-8";


/* ---------- viewport all start ---------- */
@media all {

    .lsi_imagelinks img {
        border: 1px solid #3f3f3f;
    }


    /* CSS für Vorteile-Ansicht bei Stellenausschreibungen */
    .modLsi.modIconWithTextList{
        display: flex;
        flex-wrap: wrap;
        width: 620px;
        list-style-type: none;
    }
    .modLsi.modIconWithTextList li{
        box-sizing: border-box;
        width: 50%;
        padding: 10px;
        left: 0;
        text-align: center;
    }

    .modLsi.modIconWithTextList .icon{
        height: 70px;
    }

    .modLsi.modIconWithTextList h2,
    .modLsi.modIconWithTextList h3,
    .modLsi.modIconWithTextList h4,
    .modLsi.modIconWithTextList h5,
    .modLsi.modIconWithTextList h6{
        font-size: 100%;
        line-height: 1.5em;
        margin: 0;
        color: #008dc9;
        font-weight: normal;
    }

    .modLsi.modIconWithTextList .bottomLine:after,
    .modLsi.modIconWithTextList h2:before,
    .modLsi.modIconWithTextList h3:before,
    .modLsi.modIconWithTextList h4:before,
    .modLsi.modIconWithTextList h5:before,
    .modLsi.modIconWithTextList h6:before{
        content: "";
        width: 33%;
        height: 1px;
        background: #244874;
        display: block;
        margin: 5px auto 17px;
    }
    .modLsi.modIconWithTextList .bottomLine:after{
        margin: 17px auto;
    }

    /* ENDE CSS für Vorteile-Ansicht bei Stellenausschreibungen */

}
/* ---------- viewport all ende ---------- */





/* ---------- viewport desktop start ---------- */
@media screen {

    /* Höhe des Sliders
    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 396px !important;
    }

    .modHeader section#modHeaderStage ul li figure figcaption {
        top: 180px;
    }

     */

    body {
        background-size: 614px;
    }

    #ismHeaderOverlay {
        bottom: 356px;
    }

}
/* ---------- viewport desktop ende ---------- */





/* ---------- viewport tablet start ---------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {

    /* Höhe des Sliders
    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 197px !important;
    }

    .modHeader section#modHeaderStage ul li figure figcaption {
        top: 77px;
    }

     */

    body {
        background-size: 456px;
        background-position: left top !important;
    }


    #ismHeaderOverlay {
        bottom: 221px;
    }

}
/* ---------- viewport tablet ende ---------- */





/* ---------- viewport smartphone start ---------- */
@media only screen and (min-width : 20px) and (max-width : 766px) {

    /* Optimierung Abstand Slider zum Content-Bereich */
    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: calc(45vw + 100px) !important;
    }
    /* Ende: Optimierung Abstand Slider zum Content-Bereich */

    /*
    .modHeader section#modHeaderStage ul li figure figcaption {
        top: auto;
    }
    */

    #ismHeaderOverlay {
        bottom: 60px;
    }


    /* CSS für Vorteile-Ansicht bei Stellenausschreibungen */
    .lsi_imagelinks {
        width: 100%;
    }

    .lsi_imagelinks figure a {
        display: block;
    }

    .lsi_imagelinks img {
        width:100% !important;
    }

    .modLsi.modIconWithTextList{
        width: auto;
        display: block;

    }
    .modLsi.modIconWithTextList li{
        width: 100%;
        padding: 10px 40px;
    }
    /* ENDE CSS für Vorteile-Ansicht bei Stellenausschreibungen */

}
/* ---------- viewport smartphone ende ---------- */