/* Responsive Styles */
/* iPhone 4 ----------- */

@media only screen and (min-width: 0px) and (max-width: 330px) {
    div.ui-select {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        font-size: 100%;
        white-space: normal;
    }
    
    /* Schriftart*/
    p {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        font-size: 1rem;
        white-space: normal;
    }
    strong {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        font-size: 100%;
        white-space: normal;
    }
    .ui-page .ui-content .ui-listview .ui-li-desc {
        white-space: normal;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    span {
        font-size: 100%;
    }
}
/* Between iPhone 4 und 6 we match to iPhone 4 resolution----------- */
@media only screen and (min-width: 331px) and (max-width: 366px) {

    /* Schriftart*/
    p {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        white-space: normal;
        font-size: 1rem;
    }
    strong {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        white-space: normal;
    }
    .ui-page .ui-content .ui-listview .ui-li-desc {
        white-space: normal;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    .boschLifeclipImg {
        width: 130px;
    }
}
/* iPhone 6 / Nexus 5X----------- */

@media only screen and (min-width: 367px) and (max-width: 767px) {
    
    /* Schriftart*/
    p {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        white-space: normal;
        font-size: 1rem;
    }
    strong {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        white-space: normal;
    }

    .boschLifeclipImg {
        width: 125px;
    }
    
}
/*iPad / Tablet*/
@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .ui-page .ui-content .ui-listview .ui-li-desc {
        white-space: normal;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    p {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        white-space: normal;
        hyphenate-limit-chars: auto 5;
        hyphenate-limit-lines: 2;
        font-size: 1rem;
    }
    strong {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        white-space: normal !important;
        font-size: 100%;
    }
}
/* iPad in Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    .ui-page .ui-content .ui-listview .ui-li-desc {
        white-space: normal;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    
    p {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        font-size: 1rem;
    }
}
/* Destkop  */
@media only screen and (min-width: 1024px) {
    .ui-page .ui-content .ui-listview .ui-li-desc {
        white-space: normal;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    p {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        ;
        font-size: 1rem;
        white-space: normal;
    }
    strong {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        white-space: normal !important;
    }
    /*Schriftarten */
    .content-normal-text {
        font-size: 100%;
    }

    .boschTopMenu, #mainDivLegals {
        max-width: 1170px;
    }
    
}