/*
 * Own CSS of paramondo.de, loaded last by layout.php: styles for site.js and the layer for phones and tablets.
 * The theme is responsive already (Bootstrap 3 grid, breakpoint 960px); this file only adds small fixes for touch
 * screens. Phone/tablet rules only inside @media (max-width: 959px): the desktop view stays as it was.
 * The lightbox (site.js) uses the classes of the theme (.lightbox, .lightbox-button in style.css).
 */

@media (max-width: 959px) {
  /* footer: links of "Unternehmen" and the e-mail address as larger tap targets (were 19px high, one below the other) */
  .footerlinkstyle2 a, #footer .email a { display: inline-block; padding: 6px 0; }
  /* copyright line: not up to the edge of the screen */
  .copyright p { padding-left: 16px; padding-right: 16px; }
}