/*
 * Own CSS of schoenberger-montagepartner.de, loaded last by layout.php: styles for site.js and the layer for phones
 * and tablets. GeneratePress is responsive already: only what was broken on small screens is changed here, inside
 * @media (max-width: …) – the desktop view stays as it was.
 */

/* tablets: the footer menu was centred with float + left:50% / right:50%; the list box itself stuck out to the right
   and the page scrolled sideways between 768 and ~920px (also in WordPress) – centred with flexbox there */
@media (min-width: 768px) and (max-width: 949px) {
  #sgefooter .footercontact .menu ul { float: none; left: auto; display: flex; flex-wrap: wrap; justify-content: center; }
  #sgefooter .footercontact .menu li { right: auto; }
}

/* phones */
@media (max-width: 767px) {
  /* wide tables (registrations) scroll sideways inside the page */
  .entry-content table, .generate-sections-inside-container table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* Matomo opt-out frame of the privacy page (600px wide) */
  .entry-content iframe, .generate-sections-inside-container iframe { max-width: 100%; }
}