/***************************************************************
**********************   Mobile Styles   ***********************
****************************************************************/
/*wird mit site.css gleichzeitig geladen .. nicht addional!!! */



@media only screen and (max-width: 850px) {

    body {
        /*font-size:large;*/
    }

    input {
        /*min-height:30px;*/
    }

    textarea {
        width:95% !important;
    }

    #divRender {
    /* margin weg bei mobile stles*/
        margin-left:0px !important; 
        margin-right:0px !important;
    }

    /*850px*/
    .header-logo {
        /*display:none;*/ 
    }

    .content-wrapper {
         max-width:95%;
         /* margin-left: 20px; damit nicht alles so am rand pickt */
    }

    .clearerForMobileStyle {
        clear:both;
    }

    /* navigation */
    .NavTitleSpan {
        line-height:100%;
    }
    /************************* menu   ********************/
    .div-menu {
        text-align:left; 
    }
        ul#menu {
           text-align:left; 
        }
        ul#menu li {
            padding-left:0px;
        }
    /******************** search container ***************************/
    #searchValuesPatientlist div {
        float:none !important;
    }


    .XRTableSearchFilterContainer div {
        /*float:none !important;*/
    }

    /* braucht eine breite, sonst kann man das div nicht zentrieren. */
    /* 30.01.2023 Breite auf Prozent geändert, um komische Verschiebungen und Umbrüche bei mobil zu vermeiden */
    .footer-xrweb-container {
        width:70%;
        margin-left: 15%;
    }
    .footer-description {
        width:auto; 
        padding-top:0px;
    }
    .mobileBlock {
        display:block; 
    }

    .DsgvoHint {
        text-align: center;
        font-size: 0.85em;
    }
}