/* Container (du nutzt Bootstrap, aber wir geben dir eine saubere Basis für eigene Sections) */
.container,
.container-marketing,
.container-fluid{
  /* Bootstrap überschreibt das ggf., ist ok */
}

main{
  padding-top: calc(var(--header-height) + var(--s4));
}

/* Section rhythm */
.section{
  padding-top: var(--s4);
  padding-bottom: var(--s4);
}

.section-title{
  margin-bottom: var(--s2);
}

/* Simple surface blocks */
.surface{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r2);
  box-shadow: var(--shadow);
  padding: var(--s3);
}

.surface--soft{
  background: var(--surface-2);
}

/* Footer spacing */
footer.container{
  padding-bottom: var(--s4);
}

/* Fixed header polish (works with your fixed-top wrapper) */
.fixed-top{
  border-bottom: 1px solid var(--border);
}

/* Navbar link touch targets */
.navbar .nav-link{
  padding: .6rem .85rem;
}

/* Make anchor jumps land nicely below fixed header */
:target{ scroll-margin-top: calc(var(--header-height) + var(--s2)); }

/* Alles unter dem fixed Header starten */
body{
  padding-top: var(--header-height);
}
main{
  padding-top: 0; /* damit nicht doppelt */
}

/* karriere.html: weniger Abstand unter dem fixed Header */
.page-karriere main{
  padding-top: var(--s2); /* 1rem */
}

.page-datenschutz main{
  padding-top: var(--s4); /* 1rem */
}

.page-impressum main{
  padding-top: var(--s4); /* 1rem */
}