/* ======================================================
   HTS Footer (Branding-Stufe 2)
   ====================================================== */

.hts-footer {
  background: #152D75;
  color: #ffffff;
  position: relative;
}

/* Rote HTS-Linie oberhalb des Footers */
.hts-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #CD1719;
}

/* Footer-Links ruhig halten */
.hts-footer a {
  color: #ffffff;
  text-decoration: none;
}

.hts-footer a:hover {
  text-decoration: underline;
}

/* Footer link helpers */
.hts-footer .footer-link {
  color: #ffffff;
  text-decoration: none;
}

.hts-footer .footer-link:hover {
  text-decoration: underline;
}

.hts-footer .footer-airport-pill{
  display:inline-block;
  border:1px solid rgba(255,255,255,.35);
  padding:.25rem .55rem;
  border-radius:999px;
  color:#ffffff;
  text-decoration:none;
  font-size:.875rem;
}

.hts-footer .footer-airport-pill:hover{
  text-decoration: underline;
}




.footer-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.footer-pill {
  display: inline-block;
  background: #CD1719;
  color: #fff;
  padding: 8px 14px;
  border-radius: 999px; /* 🔥 pill look */
  font-size: 0.9rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s ease, transform 0.15s ease;
}

.footer-pill:hover {
  background: #b51517; /* minimal dunkler */
  transform: translateY(-1px);
  text-decoration: none;
}