/* CSS Document */

table.termine_ausserhalb {border-radius: 4px; padding:2px; margin: 0px; border-spacing: 0; border-collapse: separate; }
table.termine_ausserhalb td, table.termine_ausserhalb th {  padding: 0px; border-bottom: 1px solid rgba(52,52,52,0.9); border-right: 1px solid rgba(52,52,52,0.9); background: #FFF }
table.termine_ausserhalb th {padding:4px; background: rgba(52,52,52,0.9); color: #FFFFFF; }
table.termine_ausserhalb tr:last-child td:first-child {
    border-bottom-left-radius:4px;
}
table.termine_ausserhalb tr:last-child td:last-child {
    border-bottom-right-radius:4px;
} 
table.termine_ausserhalb tr th:first-child,
table.termine_ausserhalb tr td:first-child {
   border-left: 1px solid rgba(52,52,52,0.9);
}
table.termine_ausserhalb tr:first-child th,
table.termine_ausserhalb tr:first-child td {
   border-top: 1px solid rgba(52,52,52,0.9);
}
table.termine_ausserhalb tr:first-child th:first-child,
table.termine_ausserhalb tr:first-child td:first-child {
    border-top-left-radius:4px
}
table.termine_ausserhalb tr:first-child th:last-child,
table.termine_ausserhalb tr:first-child td:last-child {
    border-top-right-radius:4px
}

table.termine_ausserhalb td.tagheute {
	background: #A5FF7B; color: #000; 
}

.kalender {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	font-size: 0.9rem;
}

.flexed {
   justify-content : center;
   flex-direction: row;
   flex-wrap: wrap;
   align-items : center;
   min-width: 3px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   display: flex;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;	
}

.flexedohne {
   display: flex;
   justify-content : center;
   flex-direction: row;
   flex-wrap: wrap;
   align-items : center;
   min-width: 3px;
   margin-left: auto;
   margin-right: auto;

}

.flexeditem{
	padding: 1px;
	
}
.flexeditem1{
	padding: 2px;
	background-color: #FFBF00;
}
.flexeditem2{
	padding: 2px;
}

/* The actual popup */
.flexed .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #FFFDC9;
  border: 1px solid #555;	
  color: #555;
  text-align: left;
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 10000;
  bottom: 125%;
  left: 50%;
  margin-left: -300px;
}

/* Popup arrow */
.flexed .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 100%;
  margin-left: -20px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}


/* Toggle this class - hide and show the popup */
.flexed .tooltiptextanzeigen {
  visibility: visible;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}


/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}