/* ========= Footer Styles (blauer Hintergrund + graue Schrift) ========= */
.ph-footer {
  background: #0d1b2a;       /* dunkles Blau, wie dein allgemeiner Hintergrund */
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #aaa;               /* graue Schrift */
  border-top: 2px solid #1a2c40; /* etwas dunklerer Blauton als Trennung */
}

.ph-footer p {
  margin: 0;
}

.ph-footer a {
  color: #aaa;               /* Link ebenfalls grau */
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.ph-footer a:hover {
  color: #fff;               /* beim Hover helles Grau/Weiß */
  text-decoration: underline;
}

/* ========= Install-CTA-Leiste ========= */
#install-cta {
  position: sticky;          /* bleibt unten sichtbar */
  bottom: 0;
  left: 0;
  right: 0;
  background: #0d1b2a;       /* gleiche Farbe wie Footer */
  padding: 12px;
  text-align: center;
  border-top: 2px solid #1a2c40;
  z-index: 50;
}

#install-cta button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  background: #003c88;       /* dein Hauptblau */
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease;
}

#install-cta button:hover {
  background: #002b66;       /* dunkleres Blau beim Hover */
}

/* Mobile Anpassung: Button breiter machen */
@media (max-width: 600px) {
  #install-cta button {
    width: 100%;
  }
}