/*
************************************************************
Styles:     flix//theme
Project:    interaktiv manufaktur - 480px Responsive CSS
Autor:      Michael Eipel
Copyright:  (c) 2015 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/


/* NOTE - This Style transformes only specific components from 320px.css  */
/* starting body tag increases the level without important */


@media only screen and (min-width: 480px) and (max-width: 1000px) {

   .logo-wrapper {
      width: 390px;
   }

   #head {
      height:85px;
   }

   #brandingTitle {
      margin-top:19px;
   }

   #brandingLogo {
      display: none;
      margin-top:19px;
   }
   .searchbutton {
      margin:25px 10px 12px 0;
   }
   .navbutton {
      padding:25px 0 0 0;
   }

   .news-index-image {
      display:table-cell;
      margin:0;
      padding-right:10px;
   }

   .news-index-image .news-index-image {
      display:block;
      margin:0;
   }

   .news-index-content {
      width:auto;
      display:table-cell;
      float:none;
   }

   .news .topline {
      margin-top:0;
   }

   .news-detail .image-container .info-image-box.relation {
      display:block;
   }



   /* List
   **************************************************************** */
   .list-text,
   .content-canvas.wide .list-text {
      display:table-cell;
   }

   .content-canvas .list-image-wrapper,
   .content-canvas.wide .list-image-wrapper {
      display:table-cell;
      float:left;
      margin-bottom:0;
   }


   #optout {
      height:230px;
   }


}


@media only screen and (min-width: 0px) and (max-width: 490px) {

   #brandingTitle .gray {
      font-size: 13px;
      line-height: 14px;
      color:#fff;
   }
   #brandingTitle .black {
      font-size: 17px;
      line-height: 19px;
   }
   #brandingLogo-mobile{
      height: 60px;
      width: 60px;
      margin-top: 5px;
      margin-left: 1px;
      margin-right: 5px;
   }
   .foerder_banner {
      background-size: auto 75px !important;
      height: 75px;
   }
}