/* Text Schatten */
.schatten {
text-shadow: 1px 1px 1px rgba(0,0,0,.72),1px 1px 1px rgba(0,0,0,.72)!important;
}
/* Text Schatten */
.schatten2 {
text-shadow: 2px 2px 5px rgba(0,0,0,.72),2px 2px 5px rgba(0,0,0,.72)!important;
}

/* ==========================================================
   Text-Darstellung NUR für mobile Geräte
   In dein bestehendes Stylesheet einfügen (z.B. style.css)
   ========================================================== */

@media (max-width: 768px) {

  /* ---- HIER die Schriftgröße für mobile Geräte anpassen ---- */
  :root {
    --mobile-text-size: 17px;
  }
  /* ----------------------------------------------------------- */

  p,
  li,
  blockquote,
  figcaption,
  td,
  dd {
    font-size: var(--mobile-text-size);
    line-height: 1.65;
    max-width: 100%;

    /* korrektes Umbrechen langer Wörter / Links */
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;

    /* automatische, saubere Silbentrennung */
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  }

  ul, ol {
    padding-left: 1.2em;
  }

  a {
    overflow-wrap: anywhere;
  }

  img, iframe, video {
    max-width: 100%;
    height: auto;
  }

}