@charset "UTF-8";
/* ANPASSUNGEN FÜR SMARTPHONE */
@media only screen and (max-width: 769px) {
  .scroll-container {
    position: relative;
    direction: rtl;
  }
  .fixed-textbox {
    width: 18em; /* Adjust width for smaller screens */
  }
  body {
    font-size: 0.9em; /* Verringert die Schriftgröße auf mobilen Geräten */
  }
  .photo img {
    width: 120px; /* Verringert die Bildgröße */
  }
  .caption {
    font-size: 12px; /* Kleinere Schriftgröße für Bildunterschriften */
  }
  .fixed-textbox {
    width: 20em; /* Verringert die Breite der fixierten Textbox */
  }
  .scroll-container {
    padding-left: 20em; /* Passt den Padding der Scroll-Container an */
  }
}
@media only screen and (min-width: 770px) {
  /* Der bestehende river-Bereich */
  .scroll-container {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    direction: rtl;
  }
}