/* Base text */
html { font-size: 112.5% !important; }
body, p, li, td {
  font-size: 17.5px !important;
  line-height: 1.65 !important;
}

/* Headings */
h1 { font-size: 2.6rem !important; }
h2 { font-size: 2.1rem !important; }
h3 { font-size: 1.7rem !important; }
h4 { font-size: 1.4rem !important; }

/* Wider container on large screens */
@media (min-width: 1200px) {
  .container {
    max-width: 1240px !important;
    width: 100% !important;
  }
}

/* Logo */
a[title="FIRESTOP Brandschutz Service"] img {
  width: 160px !important;
  max-width: none !important;
  height: auto !important;
}

/* Top menu */
nav a, #mainnav a, .main-navigation a {
  font-size: 17px !important;
}

/* Buttons */
a.button, .button, .wpb_button, button, input[type="submit"] {
  font-size: 16px !important;
  padding: 14px 28px !important;
}

/* Mobile: keep it safe (must stay LAST so it wins) */
@media (max-width: 767px) {
  html { font-size: 100% !important; }
  body, p, li { font-size: 16.5px !important; }
  h1 { font-size: 2rem !important; }
  h2 { font-size: 1.7rem !important; }
  a[title="FIRESTOP Brandschutz Service"] img { width: 120px !important; }
}




/* Laptop / small desktop: menu must fit next to logo */
@media (min-width: 992px) and (max-width: 1399px) {
  html { font-size: 100% !important; }

  nav a, #mainnav a, .main-navigation a {
    font-size: 15px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap !important;
  }

  a[title="FIRESTOP Brandschutz Service"] img {
    width: 110px !important;
  }
}

/* Large screens: bigger menu fits fine */
@media (min-width: 1400px) {
  nav a, #mainnav a, .main-navigation a {
    font-size: 17px !important;
    white-space: nowrap !important;
  }
}





/* Lower the menu to the logo's vertical middle */
@media (min-width: 992px) and (max-width: 1399px) {
  nav, #mainnav, .main-navigation {
    margin-top: 15px !important;
  }
}

@media (min-width: 1400px) {
  nav, #mainnav, .main-navigation {
    margin-top: 20px !important;
  }
}