html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;}
:focus  {outline:0;}
ol, ul  {list-style:none;}
body {-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
html * {-webkit-text-size-adjust:none;}
header, hgroup, nav, section, figure, article, aside {display:block;}

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
::-moz-selection    {background-color: #CCC; color: #C30000;}
::-webkit-selection {background-color: #CCC; color: #C30000;}
::selection         {background-color: #CCC; color: #C30000;}

/* CLEAR FIX*/
.autoclear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.autoclear       {display: inline-block;}
/* Hides from IE-mac \*/
* html .autoclear { height: 1%;}
.autoclear {display: block;}
/* End hide from IE-mac */
hr {clear:both; display:block; height:0; border:none; color:none; padding:0; margin:0; position:relative; left:-9999em;}

img {display:block;}


/* *******************************************************************************
  Flexbox Layout mit Fallback - Required modernizr: .no-flexbox
******************************************************************************** */
.flexo div {text-align:center; background:#FFF; padding:5px;}
.flexo div img {margin:20px auto 10px auto; max-width:100%; height:auto;}

/* Flex-Container */
.flexo {
  width:100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:flex;
  
  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
  -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;

 -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
         align-content: stretch;

   -webkit-align-items: stretch;
        -ms-flex-align: stretch;
           align-items: stretch;

      /* Mit Nowrap kommt IE Trident nicht klar */
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
  margin:40px 0;
  background:#F1F1F1;
}
.flexo div {width:19%; /*margin:1% 0;*/}

.flexo div {
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  transition:all 0.5s;

/* scheint niemand zu brauchen */
/*
  -webkit-align-self: auto;
 -ms-flex-item-align: auto;
          align-self: auto;

           flex-grow: 0;
         flex-shrink: 0;
*/
  }

@media only screen and (max-width: 900px) {
.flexo {}
.flexo div {width:48%;margin:10px 0;}
}

@media only screen and (max-width: 600px) {
.flexo {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.flexo div {width:100%; margin:3% 0;}
}