/* ===== Fixierte Bottom-Bar mit CTAs ===== */


/* Warm, professorales Design für دائ. Übersetzerin HDS */

/* Bottom CTA Bar - immer sichtbar beim Scrollen */
.cta-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px clamp(20px, 5vw, 56px);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(247, 243, 236, 0.92);
  border-top: 1px solid rgba(217, 164, 90, 0.3);
  box-shadow: 0 -8px 30px -12px rgba(58, 51, 46, 0.12);
}

/* Projekt anfragen Button - warm Ambero */
.cta-bar__btn--project {
  background: var(--accent-amber);
  color: #F7F3EC;
  border: none;
  border-radius: 10px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: all 0.3s var(--ease);
  box-shadow: 0 4px 14px -6px rgba(217, 164, 90, 0.6);
}

.cta-bar__btn--project:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px -6px rgba(217, 164, 90, 0.75);
  background: #e8b25b;
}

/* Nachhilfe & Training Button - taupe-brownfarben */
.cta-bar__btn--tutoring {
  background: transparent;
  color: #8B7355;
  border: 1.5px solid rgba(139, 115, 85, 0.5);
  border-radius: 10px;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: all 0.3s var(--ease);
}

.cta-bar__btn--tutoring:hover {
  background: rgba(139, 115, 85, 0.1);
  border-color: #8B7355;
  transform: translateY(-2px);
  color: #A6895C;
}

/* Responsive: Flacher Trend auf kleinen Bildschinen */
@media (max-width: 640px) {
  .cta-bar {
    flex-direction: column;
    gap: 10px;
    padding: 14px 18px;
  }
  
  .cta-bar__btn--project,
  .cta-bar__btn--tutoring {
    width: 100%;
    padding: 10px 18px;
  }
}