/**
* MEDIA QUERIES
*
* Formatierung der Inhalte für weitere Ausgabegeräte
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

/* reset fallback für moderne Browser (YAML Einstellung) */
@media screen and ( min-width: 0px ) {

}


/* Tablet screen size */
@media screen and ( max-width: 1024px )  {


}

/* In between (col3 weg, nav angepasst 50%) */
@media screen and ( max-width: 768px )  {

  #topnav {
    top: 4px;
  }

  #siteheader {
    height: 58px;
  }

  #siteheader #logo {
    padding: 10px 0 0;
  }
  
  #logo img {
    padding: 0 10px;
    height: 50px;
  }

  #mainnav {
    top: 50%;
    transform: translateY(-50%);
  }
}



/* Smartphone screen size (Grid Elemente untereinander ) */
@media screen and ( max-width: 480px )  {


}

/* vertical iPhone */

@media screen and ( max-width: 320px )  {

}