@media (max-width: 560px) {
   /* real = 540, testing = 560 wegen Scrollbar */

      #logo { width:100px; height:40px;  }
         .resimg { width:100%; }
      #slogan { width:150px; height:32px; }
      #headerteaser { float:left; margin-right:0px; margin-top:10px; margin-left:20px; clear:both;}


         /* 3er-Boxen untereinander */
         .column_left { width:100%; margin-right:0%; padding-bottom:15px; border-bottom:1px solid #BBB;}
         .column_left_footer { width:100%; margin-right:0%; padding-bottom:15px; border-bottom:1px solid #BBB;}
         .column_right { width:100%; padding-top:15px;}
         .column_right_footer { width:100%; padding-top:15px;}

}


@media (max-width: 340px) {
   /* real = 320, testing = 340 wegen Scrollbar */

      #slogan { display: none; }
      #headerteaser { margin-left:5%; width:90%;  }

}