/* =========================================================================
   easy-language.css — Seite in Leichter Sprache
   Nutzt Welten, Wellen und Karussell der Hauptseite; hier stehen nur die
   Abweichungen: größere Schrift, keine Versalien, große Schaltflächen
   mit sichtbarem Text.
   ========================================================================= */

/* Leichte Sprache setzt jeden Satz in eine eigene Zeile. Die Zeile muss
   dafür breit genug sein, sonst bricht der Browser zusätzlich um und die
   Gliederung geht verloren — daher 60ch statt der 46ch der Hauptseite. */
.easy {
  font-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  line-height: 1.7;
}

.easy p { max-width: 60ch; margin-bottom: 1.4em; }

.easy__intro { padding-top: clamp(2rem, 5vw, 3.5rem); }

/* Überschriften ohne Versalien: Großbuchstaben nehmen den Wörtern ihre
   Umrissform und sind für ungeübte Leser deutlich schwerer. */
.easy__title,
.easy__heading,
.easy__subheading {
  font-weight: var(--heading-weight);
  color: var(--ink);
  overflow-wrap: break-word;
  hyphens: none;
}

.easy__title {
  font-size: clamp(2rem, 1.4rem + 3vw, 3.6rem);
  line-height: 1.1;
  margin: 0 0 .7em;
}

.easy__heading {
  font-size: clamp(1.8rem, 1.3rem + 2.4vw, 3rem);
  line-height: 1.15;
  margin: clamp(3rem, 7vw, 4.5rem) 0 .8em;
}
.section:not(.easy__intro) .easy__heading:first-child { margin-top: 0; }

.easy__subheading {
  font-size: clamp(1.4rem, 1.2rem + 1vw, 2rem);
  line-height: 1.2;
  margin: 2em 0 .6em;
}
.gallery .easy__subheading { margin-top: 0; }

.easy__list {
  margin: 0 0 1.4em;
  padding-left: 1.4em;
  max-width: 60ch;
}
.easy__list li { margin-bottom: .6em; }
.easy__list li::marker { color: var(--ink); }

/* Große Zielfläche (≥ 48px) — der Weg zurück soll nie schwer sein. */
.easy__button {
  min-height: 3rem;
  margin: 0 0 1rem;
  padding: .75em 1.4em;
  line-height: 1.3;
  font-size: 1.05em;
}

.easy__media-note {
  margin: 0 0 1rem;
  color: var(--deep);
}

/* Links bündig mit dem Text statt zentriert: sonst springt der Blick. */
.easy__video {
  margin: 2.5rem 0 1rem;
}

/* ---------- Karussell ------------------------------------------------------ */

/* Nachbarbilder nur leicht zurücknehmen — bei 50 % Deckkraft wirken sie
   wie ausgeschaltet, und das aktive Bild ist nicht mehr klar abgegrenzt. */
.easy .slide:not(.is-active) img { opacity: .6; }

.easy .carousel__controls { flex-wrap: wrap; row-gap: 1rem; }

/* Pfeile mit sichtbarem Text: ein Symbol allein sagt nicht jedem, was der
   Knopf tut. Der Text ist zugleich der zugängliche Name. */
.carousel__arrow--text {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  width: auto;
  height: auto;
  min-height: 3.5rem;
  padding: .6em 1.3em;
  border-width: 3px;
  border-color: var(--ink);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1;
}
.carousel__arrow--text svg { width: 1.3rem; height: 1.3rem; }

.easy .carousel__rail { flex-basis: 6rem; }

.easy .carousel__counter { font-size: 1.05rem; }

/* ---------- Neuigkeiten (easy-language-news.html) -------------------------- */

/* Datum und Schlagwort nicht kleiner als der Text: Sie sagen, wann etwas
   war — das muss man gut lesen können. */
.easy .news-entry__meta { font-size: 1.05rem; }

/* Die Karte ist schmaler als 60ch — Sätze dürfen die volle Breite nutzen. */
.easy .news-entry p { max-width: none; }

.easy .news-entry__link {
  min-height: 2.75rem;
  margin-top: .4rem;
}

/* Hinweis direkt unter dem Link: Die Zielseite ist in schwerer Sprache. */
.easy__link-note {
  margin: .2rem 0 0;
  font-size: .9em;
  color: var(--deep);
}

.news-journey .easy__button { margin-top: 1rem; }