.elementor-16095 .elementor-element.elementor-element-f7e4142{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-32ea42b *//* ===========================
   DESKTOP (Standard)
   =========================== */
.lehrkraft-tabelle {
  width: 100%;
  border-collapse: collapse;
}

.lehrkraft-tabelle th,
.lehrkraft-tabelle td {
  padding: 8px 10px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

/* Buchstaben-Gruppen optisch hervorheben */
.lehrkraft-tabelle .buchstaben-gruppe {
  background: #f5f5f5;
  font-size: 1.1rem;
  padding: 8px;
}


/* ===========================
   MOBILE (Reflow)
   Ab max-width: 768px
   =========================== */
@media (max-width: 768px) {

  /* Tabellenkopf ausblenden */
  .lehrkraft-tabelle thead {
    display: none;
  }

  /* Tabelle wird blockweise dargestellt */
  .lehrkraft-tabelle,
  .lehrkraft-tabelle tbody,
  .lehrkraft-tabelle tr,
  .lehrkraft-tabelle th[scope="row"],
  .lehrkraft-tabelle td {
    display: block;
    width: 100%;
  }

  /* Jede Tabellenzeile als "Karte" */
  .lehrkraft-tabelle tr {
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    background: white;
  }

  /* "Lehrkraft" Zellen */
  .lehrkraft-tabelle th[scope="row"] {
    border: none;
    padding: 6px 0 2px;
    font-size: 1.05rem;
  }

  /* Beschreibung (Unterrichtsfächer), inkl. data-label */
  .lehrkraft-tabelle td {
    border: none;
    padding: 4px 0;
    position: relative;
  }

  /* data-label anzeigen */
  .lehrkraft-tabelle td::before {
    content: attr(data-label);
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
    color: #333;
  }

  /* Buchstaben-Gruppen im Mobile als eigener Abschnitt */
  .lehrkraft-tabelle .buchstaben-gruppe {
    display: block;
    margin: 20px 0 10px;
    padding: 8px;
    border-radius: 4px;
    text-align: left;
    background: #eee;
    font-size: 1.1rem;
    border: 1px solid #ddd;
  }
}/* End custom CSS */