figure,figcaption
         {
         margin: 0;
         padding: 0;
         }
figure.eins
         {
         position: relative;
         display: inline-block;
         border: 0px yellow solid;
         width: 900px;
         }
figure.zwei
         {
         position: relative;
         display: inline-block;
         border:0px black solid;
         width: 40%;
         }
figure.drei
         {
         position: relative;
         display: inline-block;
         border:0px black solid;
         width: 32%;
         }
figure.vier
         {
         position:relative;
         display:inline-block;
         border:0px black solid;
         width: 24%;
         }
figure img
         {
         width: 100%;
         display: block;
         }
figcaption
         {
         position: absolute;
         bottom: 0px;
         width: 100%;
         text-align: center;
         line-height: 3em;
         color: #f0e;                           /*   rgba(0,0,0,0)*/
         background: rgba(94, 94, 94, 0.3);           /* rgba(0,0,0,0)      */
         opacity: 0.0;}
.gesamt
         {
         position: relative;
         font-size:1.1em;
         color: #ffe;
         background: #5c5c5c;
         border:0px solid red;
         }