/* Hero CTAs: auf Desktop versteckt, nur mobil sichtbar */
.page-loesungen .hero-cta-container {
  display: none;
}

@media (max-width: 768px) {
  .page-loesungen .hero-cta-container {
    display: flex !important;
    opacity: 1 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 0 !important;
    margin-top: 16px !important;
    gap: var(--spacing-md) !important;
    flex-wrap: wrap !important;
  }

  .page-loesungen .hero-cta,
  .page-loesungen .hero-cta-primary,
  .page-loesungen .hero-cta-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    max-width: 280px !important;
    min-width: unset !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
  }

  .page-loesungen .hero-cta:hover,
  .page-loesungen .hero-cta-primary:hover,
  .page-loesungen .hero-cta-secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
  }

  .page-loesungen .hero-cta svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #ffffff !important;
  }
}

#scrollToTopBtn {
  position: fixed !important;
  bottom: 30px !important;
  left: 30px !important;
  right: auto !important;
  width: 54px !important;
  height: 54px !important;
  background: #161b22 !important;
  border: 2px solid #58a6ff !important;
  border-radius: 6px !important;
  color: #58a6ff !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(20px) !important;
  transition: all 0.3s ease !important;
}
#scrollToTopBtn.visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}