.hf-displaynone {
display:none; 
}
.hf-table-belegung {
width: 100%;
border-collapse: collapse;
}
.hf-table-belegung thead tr th {
text-align: center;   }
.hf-table-belegung tbody tr td {
padding: 0px;
line-height: 1.5; 
text-align: center;
vertical-align: middle; 
} button.hf-button {    width: 90%; 
height: auto;  align-items: center;
justify-content: center; cursor: pointer;
}
button.hf-button:hover  {
padding-right: 5px;
}  button.hf-button-frei {
background: green;  
}
button.hf-button-frei:focus, button.hf-button-frei:hover {
background: darkgreen; 
color: white;
}
button.hf-button-frei-db {
background: green;  
}
button.hf-button-frei-db:focus, button.hf-button-frei-db:hover  {
background: darkgreen; 
color: white;
} button.hf-button-meins {
background: blue; 
color: white;
}
button.hf-button-meins:focus, button.hf-button-meins:hover {
background: darkblue; 
}
button.hf-button-meins-db {
background: blue; 
color: white;
}
button.hf-button-meins-db:focus, button.hf-button-meins-db:hover {
background: darkblue; 
} button.hf-button-belegt {
background: red;  
color: white;
pointer-events: none;
}
button.hf-button-wartung {
background: grey;  
color: black;
pointer-events: none;
} .hf-sperre_button {
pointer-events: none;
opacity:0.4;  
}    .hf-table-meinetermine {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.hf-table-meinetermine , th, td{
border: 1px solid #cdcdcd;
}
.hf-table-meinetermine  th {
padding: 10px;
text-align: center;
color: black;
font-size: 1.2em;
font-weight: 600;
}
.hf-table-meinetermine  td {
padding: 5px;
text-align: center;
font-size: 1.2em;
font-weight: 500;
color: black;
}
.hf-eintrag-pickdate {
pointer-events: auto;
cursor: pointer;
}
table.hf-table-meinetermine tr.hf-eintrag-meins-db td {
color: blue;
}
table.hf-table-meinetermine tr.hf-eintrag-frei-db td {
color: white;
background-color: red;
}
table.hf-table-meinetermine tr.hf-eintrag-meins td {
color: white;
background-color: blue;
}