/* HEADER */
header {
  position: sticky;
  top: 0;
  padding: 10px;
  z-index: 1000;
  background: #f0f0f0;
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.header-fluid {
padding: 0 20px;
}

.custom-header {
margin-bottom: 5rem; /* Mehr Abstand zum Content */
}

/* Navigation & Buttons */
.nav-pills .nav-link {
background-color: #444444; /* dunkelgrau */
color: white;
margin: 0 5px; /* optional: etwas Abstand zwischen den Buttons */
transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.nav-pills .nav-link.active {
background-color: #222222; /* noch dunkler für den aktiven Button */
color: white;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
background-color: #FFC107;  /* helles, auffälliges Gelb als Beispiel */
color: #222222;
transform: scale(1.05);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* BODY */
body {
font-family: 'Montserrat', sans-serif !important;
}