html, body {
  margin: 0;
  padding: 0;
}

.tng-container {
  width: 100%;
}

@media (min-width: 1200px) {
  .tng-container {
    max-width: 1140px;
  }
}

.navbar-brand {
  font-weight: 600;
}

footer .small {
  color: #6c757d;
  font-size: .85rem;
}

.tng-content img,
main img {
  max-width: 100%;
  height: auto;
}

/* Navbar kompakter machen */
.navbar {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  min-height: 56px;
}

/* Brand etwas enger */
.navbar-brand {
  font-size: 1.1rem;
  padding-top: 0;
  padding-bottom: 0;
}

/* Nav-Links vertikal ausrichten */
.navbar-nav .nav-link {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* Buttons kompakter */
.navbar .btn {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.9rem;
}

/* Sprach-Select kleiner */
.navbar .form-select {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  font-size: 0.9rem;
}

/* Remove legacy TNG body padding */
body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Navbar kompakter machen */
.navbar {
  padding-top: .2rem !important;
  padding-bottom: .2rem !important;
}

.navbar-brand {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2;
}

.navbar-nav .nav-link {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}

.navbar .btn,
.navbar .form-select {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
  line-height: 1.2;
}

/* remove legacy TNG spacing */
html, body { margin:0 !important; padding:0 !important; }
body { padding-top: 0 !important; padding-bottom: 0 !important; }

/* WP-like fixed navbar offset (adjust if needed) */
:root { --tng-nav-height: 56px; }  /* WP Default */

main#tng-main,
main.tng-main,
main.container {
  padding-top: calc(var(--tng-nav-height) + 1rem);
}

/* keep navbar compact like WP */
.navbar { min-height: var(--tng-nav-height); padding-top:.25rem; padding-bottom:.25rem; }
.navbar .btn, .navbar .form-select { padding-top:.25rem; padding-bottom:.25rem; line-height:1.2; }

#tng-main {
  padding-top: 100px;
}

/* Fix only vertical padding; keep Bootstrap's horizontal container padding */
nav.navbar .container.tng-container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}