/*************************************************************/
/*         mobile.css                                                  */
/*************************************************************/

 /* Base Grid */

.wrapper{
    position: relative;
    margin: 0px auto;
    width: 92%;

 }

 .wrapper-s { max-width: 900px; }
 .wrapper-m { max-width: 1520px; }
 .wrapper-l { max-width: 1920px; }

 .column, .linke-spalte {
   position: relative;
   display: inline-block;
   float: left;
 }





  /** Kleine Groessen auf 100%
*********************************************************************************/
@media only screen and (min-width: 0px) and (max-width: 768px) {

       .wrapper { width: calc(100% - 40px);  }

}

/* #Mobile (Landscape)
================================================== */

   /* Note: Design for a width of 480px */

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

     .wrapper { width: calc(100% - 24px); }


  }