/* =========================================================
   Politur – etwas größere Smartphone-Darstellung
   Diese Datei nach dem jeweiligen Seiten-CSS laden.
   ========================================================= */

.aktionen-kopf,
.aktionen-hinweis,
.aktionen-leer,
.sonderfahrten-kopf,
.sonderfahrt__inhalt,
.sonderfahrten-hinweis,
.sonderfahrten-leer {
  padding: 1.55rem;
}

.aktionen-kopf h1,
.aktionen-leer h1,
.sonderfahrten-kopf h1,
.sonderfahrten-leer h1 {
  font-size: clamp(2.15rem, 9.5vw, 3.75rem);
}

.einleitung,
.aktion-beschreibung,
.sonderfahrt__beschreibung,
.aktionen-hinweis p,
.sonderfahrten-hinweis p,
.leer-text {
  font-size: 1.15rem;
}

.aktion h2,
.sonderfahrt__titel {
  font-size: clamp(1.6rem, 7.5vw, 2.45rem);
}

.aktion-preis,
.sonderfahrt__preis {
  font-size: clamp(1.65rem, 7.5vw, 2.35rem);
}

.sonderfahrt__datum,
.sonderfahrt__uhrzeit {
  min-height: 2.35rem;
  padding: 0.5rem 0.8rem;
  font-size: 0.9rem;
}

.heute h1,
.fahrzeiten-kopf h1 {
  font-size: clamp(2.15rem, 9.5vw, 3.75rem);
}

.heute .wert,
.fahrzeiten .abfahrt-zeit {
  font-size: clamp(1.75rem, 7vw, 2.45rem);
}

@media (min-width: 42rem) {
  .anleger {
    width: min(100% - 1.5rem, 50rem);
    padding-block: 2rem 3rem;
  }

  .aktionen-kopf,
  .aktionen-hinweis,
  .aktionen-leer,
  .sonderfahrten-kopf,
  .sonderfahrt__inhalt,
  .sonderfahrten-hinweis,
  .sonderfahrten-leer {
    padding: 2rem;
  }
}

@media (max-width: 23rem) {
  .anleger {
    width: min(100% - 0.75rem, 48rem);
    gap: 0.75rem;
    padding-block: 0.5rem 1rem;
  }

  .karte {
    border-radius: 1rem;
  }

  .aktionen-kopf,
  .aktionen-hinweis,
  .aktionen-leer,
  .sonderfahrten-kopf,
  .sonderfahrt__inhalt,
  .sonderfahrten-hinweis,
  .sonderfahrten-leer {
    padding: 1.15rem;
  }
}

/* =========================================================
   Politur v2 – breitere Kacheln, größere Icons und Überschriften
   ========================================================= */

/* Hauptüberschriften klarer und etwas größer */
.aktionen-kopf h1,
.aktionen-leer h1,
.sonderfahrten-kopf h1,
.sonderfahrten-leer h1,
.heute h1,
.fahrzeiten-kopf h1 {
  font-size: clamp(2.3rem, 10vw, 4rem);
}

/* Sekundäre Überschriften leicht anheben */
.aktion h2,
.sonderfahrt__titel {
  font-size: clamp(1.7rem, 8vw, 2.6rem);
}

/* Heute- und Fahrplan-Werte etwas kräftiger */
.heute .wert,
.fahrzeiten .abfahrt-zeit {
  font-size: clamp(1.9rem, 7.5vw, 2.6rem);
}

/* Karten minimal großzügiger */
.karte {
  border-radius: 1.4rem;
}

/* Kleine Displays: fast die gesamte Breite nutzen */
@media (max-width: 23rem) {
  .anleger {
    width: min(100% - 0.35rem, 50rem);
  }

  .icon {
    width: 1.9rem;
    height: 1.9rem;
  }
}

/* Größere Smartphones und Tablets */
@media (min-width: 42rem) {
  .anleger {
    width: min(100% - 1rem, 52rem);
  }
}