/* tm-mobile.css v1.2.0 (2026-01-05 19:54 Europe/Berlin)
   Nur Mobile/Tablet: Dropdown-Breite erhöhen, nach RECHTS öffnen, im Viewport halten.
*/

@media (max-width: 980px){
  /* Kein horizontaler Overrun im Header */
  .tm-header{ overflow-x:hidden; }

  /* 1. Ebene Dropdown: immer in den Viewport hinein */
  .tm-nav ul ul{
    width: min(380px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    transform: none !important;

    /* damit lange Menüs scrollbar bleiben */
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Texte nicht „senkrecht“ quetschen */
  .tm-nav ul ul li a{
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  /* Unter-Untermenüs: auf Mobile untereinander (nicht seitlich) */
  .tm-nav ul ul ul{
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none;
    overflow: visible;
    margin-top: 4px;
  }
}