#sammlung, #hoffmann {
     pointer-events: none;
   }

.container {

	margin-left: auto;
	margin-right: auto;
	max-width: 780px;
	width: 100%;
}

.table-container {
	width: 100%;
}

.table {
	width: 100%;
	/* border-collapse: collapse;*/
	border-collapse: separate;
	border-spacing: 0 8px;

	table-layout: auto;
}

.red {

    color: var(--red)
}    
.table td,
.table th {
	padding: 4px;
}
.content-width {
	max-width: 780px;
	margin-inline: auto;
	width: 100%;
}
.btn-book {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
    text-align: left;
    font: inherit !important;
}


.btn-book {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;

	text-align: left;
	font: inherit !important;
}

.btn-book.disabled-look {
	background: none !important;
	border: none !important;
	color: black !important;
	cursor: default;
}





/* table with Visits on mobile */

@media screen and (max-width: 600px) {

  .table thead {
    display: none;
  }

  .table,
  .table tbody,
  .table tr,
  .table td {
    display: block;
    width: 100%;
  }

  .table tr {
    border-top: 1px solid #eee;
    padding: 12px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "rundgang  zeit"
      "sprache   plaetze"
      "btn       btn";
    gap: 4px 12px;
    align-items: center;
  }

  .table td:nth-child(1) { grid-area: rundgang; font-weight: bold; }
  .table td:nth-child(2) { grid-area: zeit; text-align: right; }
  .table td:nth-child(3) { grid-area: sprache;   } /*font-size: 0.85em; color: #888; */
  .table td:nth-child(4) { grid-area: plaetze; text-align: right; } /*  font-size: 0.85em; color: #888; */
  .table td:nth-child(5) { grid-area: btn; }

  .btn-book {
    text-align: center;
  }
}