/* =========================
   MOBILE ONLY
========================= */
@media (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  /* =========================
     SLIDER
  ========================= */
  .slider {
    height: 260px;
    width: 94%;
    margin: 24px auto;
    border-radius: 18px;
  }

  .slide {
    background-position: center top;
  }

  .slide-content {
    left: 20px;
    right: 20px;
    bottom: 20px;
    max-width: 100%;
  }

  .slide-content h2 {
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .slide-content p {
    font-size: 0.9rem;
    margin-top: 6px;
  }

  .slide-btn {
    padding: 10px 20px;
    font-size: 0.85rem;
    margin-top: 10px;
  }

  /* =========================
     GENERELLE SEKTIONEN
  ========================= */
  section,
  .container {
    padding: 24px 16px;
  }

  h1, h2, h3 {
    text-align: center;
  }

  /* =========================
     CARDS / TEAM / NEWS
  ========================= */
  .head-team-grid,
  .news-grid,
  .partner-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* =========================
     FOOTER
  ========================= */
  footer {
    text-align: center;
  }

}
/* ===============================
   MOBILE: RADIO INFO AUSBLENDEN
=============================== */
@media (max-width: 900px) {

  .jetzt-laeuft,
  .now-playing,
  .wetter,
  .weather,
  .naechste-sendung,
  .next-show,
  .zuhoerer,
  .listener-count,
  .listeners,
  .radio-stats {
    display: none !important;
  }

}
@media (max-width: 900px) {
  .radio-info-wrapper {
    max-height: 0;
    overflow: hidden;
  }
}