body { font-family: sans-serif; padding: 20px; }
tr.tag-block td {
    border-top: 2px solid #555;
}

tr.tag-block + tr td {
    border-bottom: 2px solid #555;
}

.scroll-container {
    overflow: auto;
    max-height: 80vh; /* oder was du willst */
    border: 1px solid #ddd;
    margin-top: 10px;
}
table {
    border-collapse: collapse;
    /*width: max-content;*/
    font-size: 13px;
    table-layout: fixed;
    min-width: 100%;
}
th, td {
    border: 1px solid #ccc;
    padding: 6px;
    text-align: center;
   /* height: 28px; */
    white-space: nowrap;
    overflow: hidden;
    background-color: white;
}
th {
    position: sticky;
    top: 0;
    z-index: 3;
}
th:first-child, th:nth-child(2) { z-index: 4; }
th:first-child { left: 0; position: sticky; background-color: #f0f0f0; width: 40px; }
th:nth-child(2) { left: 40px; position: sticky; background-color: #f9f9f9; width: 80px; }
td:first-child { left: 0; position: sticky; background-color: #ffffff; z-index: 2; width: 40px; }
td.datum { left: 40px; position: sticky; background-color: #f9f9f9; z-index: 2; width: 80px; }
tr.heute { background-color: #ffffcc; }
td.samstag { background-color: #ffecec; }
td.sonntag { background-color: #ffd6d6; }
td.belegt { background-color: #9fb6cd; font-weight: bold; color: white; }
td.anreise { background-color: #9fb6cd; font-weight: bold; color: yellow; }
td.abreise { background-color: #9fb6cd; font-weight: bold; color: blue; }
th.platz-H1 { background-color: #add8e6; }
th.platz-H2 { background-color: #ffff99; }
th.platz-H3 { background-color: #90ee90; }
th.platz-H4 { background-color: #d3d3d3; }
  th.platz-62  { background-color: #7EC0EE; }
    th.platz-61  { background-color: #7EC0EE; }
    th.platz-60  { background-color: #7EC0EE; }
    th.platz-59  { background-color: #7EC0EE; }
    th.platz-58  { background-color: #7EC0EE; }
    th.platz-57  { background-color: #7EC0EE; }
    th.platz-56  { background-color: #7EC0EE; }
    th.platz-55  { background-color: #7EC0EE; }
    th.platz-54  { background-color: #7EC0EE; }
    th.platz-53  { background-color: #7EC0EE; }
    th.platz-53  { background-color: #7EC0EE; }
    th.platz-52  { background-color: #7EC0EE; }
    th.platz-51  { background-color: #7EC0EE; }
    th.platz-50  { background-color: #7EC0EE; }
    th.platz-49  { background-color: #7EC0EE; }
    th.platz-48  { background-color: #4f94cd; }
    th.platz-47  { background-color: #7EC0EE; }
    th.platz-46  { background-color: #7EC0EE; }
    th.platz-45  { background-color: #4f94cd; }
    th.platz-17  { background-color: #90EE90; }
    th.platz-18  { background-color: #90EE90; }
    th.platz-19  { background-color: #90EE90; }
    th.platz-20  { background-color: #90EE90; }
    th.platz-21  { background-color: #90EE90; }
    th.platz-22  { background-color: #90EE90; }
    th.platz-23  { background-color: #90EE90; }
    th.platz-24  { background-color: #90EE90; }
    th.platz-25  { background-color: #90EE90; }
    th.platz-30  { background-color: #7ccd7c; }
    th.platz-31  { background-color: #7ccd7c; }
    th.platz-32  { background-color: #7ccd7c; }
    th.platz-33  { background-color: #7ccd7c; }
    th.platz-34  { background-color: #7ccd7c; }
    th.platz-35  { background-color: #7ccd7c; }
    th.platz-36  { background-color: #ee7600; }
    th.platz-37  { background-color: #ee7600; }
    th.platz-38  { background-color: #ee7600; }
    th.platz-39  { background-color: #ee7600; }
    th.platz-40  { background-color: #ee7600; }
    th.platz-41  { background-color: #ff8c00; }
    th.platz-42  { background-color: #ff8c00; }
    th.platz-43  { background-color: #ff8c00; }
    th.platz-44  { background-color: #ff8c00; }
    th.platz-2  { background-color: #7ccd7c; }
    th.platz-3  { background-color: #7ccd7c; }
    th.platz-4  { background-color: #548b54; }
    th.platz-5  { background-color: #548b54; }
    th.platz-6  { background-color: #548b54; }
    th.platz-7  { background-color: #548b54; }
    th.platz-8  { background-color: #ee6a50; }
    th.platz-9  { background-color: #ee6a50; }
    th.platz-10  { background-color: #ee6a50; }
    th.platz-11  { background-color: #ee6a50; }
th.blau { background-color: #63B8FF; }
th.hellgruen { background-color: #e0ffe0; }
th.az-bereich { background-color: #90EE90; }
th:not(:first-child):not(:nth-child(2)),
td:not(:first-child):not(:nth-child(2)) {
    width: 40px;
}
td.feiertag {
    background-color: #ffeb9e !important;
    font-weight: normal;
    color: #000;
}
td.spaet-checkout {
    background-color: #ff0000;
    color: darkred;
    font-weight: bold;
}
td.spaet-anreise {
    background-color: #90EE90 !important;  /* z. B. grelles Grün für Test */
    border: 1px solid #3399cc;
    color: #003300;
    font-weight: bold;
}
td.anreise.spaet-anreise {
    background-color: #90EE90 !important;
    border: 1px solid #3399cc;
    color: #003300 !important;
    font-weight: bold;
}