body      {
          background-color: black;
          font-family: Tahoma, sans;
          color: rgb(112,112,112);
          }

.box1      {
          float: left;
          width: 470px;
          height: 360px;
          padding: 10px;
          background-color: white;
          border: 16px solid rgb(176,0,48);
          text-align: center;
          margin: 10px;
          }
.box2      {
          float: left;
          width: 470px;
          height: 360px;
          padding: 10px;
          background-color: black;
          border: 16px solid darkgrey;
          text-align: center;
          margin: 10px;
          }
.cleaner  {
          clear: both;
          border:0px none;
          margin:0; 
          padding:0;
          background: transparent;
          text-align: right;
          }
.imgb     {
          width: 470px;
          }
.imgh     {
          height: 360px;
          }
#daten    {
          width: 50%;
          margin: auto;
          color: white;
          }
a         {
          color: rgb(176,0,48);
          text-decoration: none;
          }
a:visited {
          color: rgb(255,204,153);
          text-decoration: none;
          }
a:hover   {
          color: black;
          text-decoration: none;
          }


@media screen and (min-width: 180px) and (max-width: 880px) {

  #daten {width: 100%;}  
  }