:root {
  --brand-primary: #56c2f0; /* aus Logo */
  --brand-dark: #1e2c38; /* aus Logo */
}
/* Kleine Anpassungen für Schick Engineering */
body {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
header .navbar-brand {font-weight:700}
section#services .card {border: none; box-shadow: 0 6px 18px rgba(0,0,0,0.06)}
footer a {text-decoration: none}
@media (max-width: 576px) {
  .display-5 {font-size: 1.6rem}
}
/* Platz oberhalb des Inhalts, damit sticky navbar nicht überlappt */
/* Force sticky header/navbar to remain visible */
header {position: sticky; top: 0; z-index: 1030}
.navbar.sticky-top {position: sticky !important; top: 0; z-index: 1030; box-shadow: 0 2px 8px rgba(0,0,0,0.12)}
.navbar {background-color: var(--brand-dark) !important}
.navbar .nav-link {color: #e9eef2}
.navbar .nav-link:hover {color: var(--brand-primary)}
.navbar .navbar-brand img.logo-long {height:40px; background:#fff; padding:6px 10px; border-radius:6px; display:inline-block; box-shadow:0 2px 6px rgba(0,0,0,0.12)}

/* Buttons */
.btn-primary {background-color: var(--brand-primary); border-color: var(--brand-primary)}
.btn-primary:hover {background-color: #3fb0e6; border-color: #3fb0e6}

/* Icons in cards */
.card .bi {color: var(--brand-primary)}

/* Gleichmäßige Kartenverteilung: gleiche Höhe und Inhaltsfluss */
.card {display:flex; flex-direction:column; height:100%}
.card .card-body {flex:1; display:flex; flex-direction:column}
.card .card-body .card-text {margin-top:0.5rem}

/* Cookie notice */
.cookie-note{z-index:1085; bottom:4.5rem}
.cookie-note .btn{min-width:72px}

/* Full-width logo at top of main */
.logo-top-wrapper{background:#ffffff; display:flex; justify-content:center; align-items:center; padding:0.75rem 0}
.logo-top-img{max-width:700px; width:100%; height:auto; object-fit:contain}
.logo-top-svg{max-width:700px; width:100%; height:auto; display:block}
@media (max-width:576px){
  .logo-top-wrapper{padding:0.5rem 0}
  .logo-top-img{max-width:300px}
  .logo-top-svg{max-width:300px}
}

/* Platz oberhalb des Inhalts, damit sticky navbar nicht überlappt */
main {padding-top: 4.5rem}
@media (max-width: 576px) {
  main {padding-top: 6rem}
}
/* Platz unterhalb des Inhalts, damit fixed footer nicht überlappt */
main {padding-bottom: 4.5rem}
@media (max-width: 576px) {
  /* Auf kleinen Bildschirmen Footer nicht fixieren und weniger Abstand unten */
  main {padding-bottom: 1.5rem}
  footer.fixed-bottom {position: static !important; bottom: auto}
}