/* Load after responsive-tablet.css. Reuse the same layout and interactions. */
@media screen and (min-width: 1200px) {
  :root {
    --page-gutter: 48px;
    --content-width: 1120px;
    --body-size: 20px;
    --row-size: 28px;
    --title-size: 34px;
    --headline-size: 72px;
    --section-gap: 120px;
    --project-gap: 40px;
    --project-image-height: 280px;
  }

  .logo { padding-top: 24px; padding-bottom: 24px; }
  .logoimg { flex-basis: 72px; width: 72px; height: 72px; }
  .logoname { padding-left: 20px; }
  .logoname p { font-size: 22px; }
  .lines, .menucross { top: 38px; }
  .main-headline, .main-headline-2 { margin-top: 88px; }
  .menuitems a { font-size: 48px; padding-top: 24px; }
  .addresse-o p { font-size: 48px; }
}

/* Keep all navigation links within reach on smaller laptop screens. */
@media screen and (min-width: 1200px) and (max-height: 700px) {
  :root { --headline-size: 56px; --section-gap: 88px; }
  .main-headline, .main-headline-2 { margin-top: 56px; }
  .menuitems { margin-top: 80px; }
  .menuitems a { font-size: 36px; padding-top: 14px; }
}