/* ++++++++++++++ Bild mit Rahmen für rechte u. linke Seite + */

  .bild {                   /* Bild auf der linken Seite */
    border    : 5px solid #7DAED4;
    max-width : 90%;
    height    : auto;
  }

  .rechts {                 /* Bild auf der rechten Seite */
   /* margin    : 10px 0px 10px 10px;*/
   /* float     : right; */
   /* max-width : 50%;   */
  } 

  .high:hover {             /* bei Link Rahmen hervorheben */
    border : 5px solid #3A5A95; 
  }
   
  .nofloat { clear : both; } /* floating wieder ausschalten */

  .clearfix:after { /* an das umschliesende Element bei Float */
    content : "";
    display : table; /* ??? ist aber wichtig */
    clear   : both;
  }

    /* große Viewports */
    @media all and (min-width : 30em) {
      .bild {
        margin    : 10px 10px 10px 0px;
        float     : left;
        max-width : 50%;
      }

      .rechts {
        float  : right;
        margin    : 10px 0px 10px 10px;
      }
    } /* Media */