/* Lesbarkeit Startseiten-Slider, Slide 1 (Revolution Slider setzt Inline-Styles → !important).
   Nur breite Ansicht: auf Tablet/Handy steht der Text auf der weißen Box und ist dort lesbar;
   die Box verdeckt dort außerdem den Werbetext im Bild. */
@media (min-width: 1025px) {
  /* Titel "Tennisclub Idstein e.V.": dunkelgrün auf dunklem Foto → weiß mit Schatten */
  #slider-7-slide-27-layer-2 {
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55), 0 4px 24px rgba(0, 0, 0, 0.45) !important;
  }

  /* weiße Box, die über Foto und Pfeile ragt, ausblenden */
  #slider-7-slide-27-layer-9 {
    display: none !important;
  }

  /* "Komm raus zum Spielen!" steht damit direkt auf dem Foto → weiß auf Vereinsgrün */
  #slider-7-slide-27-layer-7 {
    color: #fff !important;
    background: rgba(50, 75, 54, 0.85) !important;
    padding: 0.25em 0.6em !important;
    width: auto !important;
    white-space: nowrap !important;
  }
}

/* Notebook-Layout des Sliders (1025–1240 px): Titel ragt oben aus dem Bild unter das Logo → nach unten schieben */
@media (min-width: 1025px) and (max-width: 1239px) {
  /* äußeren Wrapper verschieben, die Ebene selbst sitzt in einer Maske mit overflow:hidden */
  rs-layer-wrap:has(#slider-7-slide-27-layer-2),
  rs-layer-wrap:has(#slider-7-slide-27-layer-7) {
    translate: 0 110px;
  }
}
/* Desktop-Layout bis ~1600 px: Titel stößt oben ans Logo */
@media (min-width: 1240px) and (max-width: 1599px) {
  rs-layer-wrap:has(#slider-7-slide-27-layer-2),
  rs-layer-wrap:has(#slider-7-slide-27-layer-7) {
    translate: 0 60px;
  }
}

/* "JUBILÄUM" bricht auf dem Handy mitten im Wort um */
@media (max-width: 480px) {
  .elementor-element-4bf7bdd .qodef-m-title {
    font-size: 36px !important;
  }
}