/* mobile.css */
@media (max-width: 600px) {
	  html, body {
    height: 100%;
    margin: 0;
  }
	nav a {
    font-size: 0.875rem;
    padding: 0.4rem 0.6rem;
  }
	

  #rahmen {
	display: flex;
    flex-direction: column;
	min-height: 100vh;   /* mindestens Bildschirmhöhe */
    margin: auto;
    padding: 5px;
    width: 98%;
  }
  section {
	flex: 1; 
    margin: 0px auto;
    padding: 1rem;
  }
  
  
  

  .table-responsive th,
  .table-responsive td {
    max-width: 30ch;           /* maximal 30 „Zeichen“ breit */
    white-space: nowrap;       /* keine Umbrüche */
    overflow: hidden;          /* alles jenseits von 30ch ausblenden */
    text-overflow: ellipsis;   /* mit „...“ abschneiden */
  }


h1 { font-size: 1.3rem; font-weight: 600; }
h2 { font-size: 1.2rem; font-weight: 600; }
h3 { font-size: 1.1rem; font-weight: 500; }


  /* ... alle weiteren mobilen Anpassungen ... */
}