.waste-table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate; /* wichtig, damit Rahmen auf <tr> sauber funktionieren */
  border-spacing: 0;
  table-layout: fixed;       /* verhindert, dass Inhalte die Tabelle „aufspreizen“ */
}

/* Zellen: ohne eigene Border – Rahmen kommt von <tr> */
.waste-table th,
.waste-table td {
  padding: 0.4rem 0.6rem;
  border: none;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  text-align: left;
}

/* Jede Datenzeile als „Karte“ */
.waste-table tbody tr {
  border: 1px solid #eee;
  border-radius: 4px;
  margin-bottom: 0.75rem;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;      /* Spalte 1: Art, Spalte 2: Entsorgung */
  grid-template-areas:
    "art"
	"entsorgung"
    "anmerkung";            /* Anmerkung über die ganze Breite */
  gap: 0.1rem 1rem;
  padding: 0.5rem 0.75rem;
}

/* Zuordnung der Zellen zu den Grid-Bereichen */
.waste-table tbody th[scope="row"] {
  grid-area: art;
  font-weight: 700;
}

.waste-table tbody td:nth-of-type(1) {
  grid-area: entsorgung;
}

.waste-table tbody td:nth-of-type(2) {
  grid-area: anmerkung;
  margin-top: 0.3rem;
  font-size: 1rem;
  color: #666; /* optische Absetzung der Anmerkung */
}

@media (min-width: 600px) {
  .waste-table tbody tr {
    grid-template-columns: 1fr 2fr;      /* Spalte 1: Art, Spalte 2: Entsorgung */
    grid-template-areas:
      "art entsorgung"
      "anmerkung anmerkung";            /* Anmerkung über die ganze Breite */
  }
}

.waste-search-wrapper {
	margin-top:30px;
}
.waste-search-wrapper input {
	padding: 5px;
	width: 100%;
	font-size: 18px;
	border: 1px solid #dadada;
	margin: 10px 0 20px 0;
}
.waste-result-name {
	font-size: 1.25rem;
}
.waste-result-comment {
	font-size: 1rem;
}