body {
    
    /*Für alle Ansichten*/
    .messageContainer{
        margin-top:55px;
        margin-bottom:20px;
    }
        
    
   /*Tablet*/
     @media only screen and (min-width:768px) and (max-width:1025px) {

      .errorMessage {
         
        overflow:hidden;
        margin-top:20px;
        display: flex;
        align-items: center;
        -webkit-box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        border-radius:0px;        
        background-color:lightcoral;       
        height:60px;
        height:auto;
        width:auto;
        text-align:left;
        color:whitesmoke;       
    }

     .errorMessageText{

         width:auto;         
         margin-left:20px;
         margin-right:10px; 
         font-size:17px;

     }

     .errorMessageIcon{

         width:40px;        
         margin-left:20px;
         vertical-align:central;
         font-size:25px;
        

     }

     }


     

       /*Smartphone*/
    @media only screen and (max-width:767px) {

        /*Für alle Ansichten*/
    .messageContainer{
        margin-top:20px;
        margin-bottom:20px;
    }

          .errorMessage {
        
         margin-top:20px;
        display: flex;
        align-items: center;
        -webkit-box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        border-radius:0px;        
        background-color:lightcoral;       
        height:60px;
        width:auto;
        overflow:hidden;
        
        color:whitesmoke;       
    }

     .errorMessageText{

         width:auto;         
         margin-left:20px;
         margin-right:10px; 
         font-size:15px;

     }

     .errorMessageIcon{

         width:40px;        
         margin-left:20px;
         vertical-align:central;
         font-size:25px;
        

     }

     }


    /*Desktop*/
      @media only screen and (min-width:1026px) {




          .errorMessage {
        overflow:hidden;
         margin-top:20px;
        display: flex;
        align-items: center;
        -webkit-box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        box-shadow: 0px 8px 38px -14px rgba(0,0,0,0.75);
        border-radius:0px;        
        background-color:lightcoral;       
        min-height:60px;

        width:auto;
        text-align:left;
        color:whitesmoke;       
    }

     .errorMessageText{

         width:auto;         
         margin-left:20px;
         margin-right:10px; 
         font-size:17px;
         margin-top:10px;
         margin-bottom:10px;
     }

     .errorMessageIcon{

         width:40px;        
         margin-left:20px;
         vertical-align:central;
         font-size:25px;
        

     }

     }

}