zHausCalendar .entry-header
{
    width: 0%;
}

zhauscalendar .entry-content
{
    width: 100%;
}

zhauscalendar .entry-content + p
{
    margin:0;
    display:none;
}


zhauscalender .site-footer
{
    display: none;
}


.Belegungskalender #content .wrap{
	padding:0;
}

.Belegungskalender .wrap{
	padding: 0 !important;
	max-width:100%;
}


.zOccBigWindow{
    position: fixed;
    float:left;
    width: 99%;
    top: 30%;
    left: 1%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: white;
}

.zOccMonthHeader{
    display:grid;
    grid-template-columns: 40% 20% 40%;
    margin-bottom: 0;
    padding: 0;
    border:none;
    width:100%;
    background-color: black;
}   


.zOccHeader{
    display:grid;
    grid-template-columns: 50% 10% 10% 10% 10% 10%;
    margin-bottom: 0;
    padding: 0;
    border:none;
    width:90%;
    margin-left: 6%;
}
.zHCTimeSlot
{
  position: fixed;
  float:left;
  display: none;
  width: 50%;
  top: 33%;
  left: 40%;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;   
}

.zHCTimeSlotForm
{
  max-height: 80%;
  height: 320px;
}

.zOccMonthCell{
    color:white;
}

.zOccTableCell{
    text-align: center;
}

.zHCalMonthList
{
    width: 1000px;
}

.zHCalMonthView
{
    width: 90%;
}


div .zHCkalenderMonat{
    float:left;
    text-align:center;
    margin:0px 10px 10px 0px;
    padding:0;
    border:none;
    line-height:22px;
    background-color:white;
    position:relative;
    /*width:49%;*/
}

div .zHCkalenderMonatVeranstaltungen
{
    float:left;
    text-align:center;
    margin:0px 10px 10px 0px;
    padding:0;
    border:none;
    line-height:22px;
    background-color:white;
    position:relative;
    width:40%;
}

.zHCTable{
    grid-template-columns: repeat(50, 1fr) fit-content;    
    border: 1px dotted black;
}

.zHCTableRowGroup{
    display:grid;
    grid-template-columns: repeat(7, 1fr);    
    position:relative;
}

.zHCTableRowGroup >m1
{
    grid-area: m1;
}

.zHCTableRowGroup >m2
{
    grid-area: m2;
}

.zHCTableRowGroup >m3
{
    grid-area: m3;
}

.zHCTableRowGroup >m4
{
    grid-area: m4;
}

.zHCTableRowGroup >m5
{
    grid-area: m5;
}

.zHCTableRowGroup >m6
{
    grid-area: m6;
}

.zHCTableRowGroup >m7
{
    grid-area: m7;
}


.zHCTableCell{

    text-align: center;
    font-size: 12px;
    background-color:aliceblue;
    border: #dadce0 1px solid;
    border-bottom:0;
	line-height:1;
}

.zHCOvernightColor
{
    background-color: lavender;
}

.zHCTableCellSmall{
 /*   display: table-cell;*/
/*    height: 15px;*/
    /*font-size: 15px;*/
    display: flex;
    border-spacing: 5px;
    line-height: 100%;
    font-weight: 600;
    color: black;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    cursor:pointer;


   /* max-width: 61px;*/
}

.zHCTableCellTitle{
/*    display: table-cell;
    width: 200px;
    height: 30px;*/
    text-align: center;
    font-size: 11px;    
    background-color: #EEEEEE;
    border-right: #dadce0 1px solid;
    grid-template-rows: repeat(1, 1fr);  
	line-height:1.5;
}

.zHCWeekGrid{
    display: grid;
    grid-template-areas:         
        "m0 m1 m2 m3 m4 m5 m6 m7"
        "bottom0 bottom1  bottom2 bottom3 bottom4 bottom5 bottom6 bottom7";
    grid-template-rows: 1fr;
    grid-template-columns: 1.5em repeat(6, 14%) auto;
  /*  margin-bottom: 5px; */
}

.zHCBottom{
    grid-area: bottom1;
}

.zHCWeekGrid > m0
{
    grid-area: m0;
}

.zHCWeekGrid > m1
{
    grid-area: m1;
}

.zHCWeekGrid > m1
{
    grid-area: m1;
}

.zHCWeekGrid > m2
{
    grid-area: m2;
}
.zHCWeekGrid > m3
{
    grid-area: m3;
}
.zHCWeekGrid > m4
{
    grid-area: m4;
}
.zHCWeekGrid > m5
{
    grid-area: m5;
}
.zHCWeekGrid > m6
{
    grid-area: m6;
}
.zHCWeekGrid > m7
{
    grid-area: m7;
}

.zHCWeekGrid > bottom0{
    grid-area: bottom0;
}

.zHCWeekGrid > bottom1{
    grid-area: bottom1;
}

.zHCWeekGrid > bottom2{
  grid-area: bottom2;
}

.zHCWeekGrid > bottom3{
    grid-area: bottom3;
}

.zHCWeekGrid > bottom4{
  grid-area: bottom4;
}

.zHCWeekGrid > bottom5{
    grid-area: bottom5;
}

.zHCWeekGrid > bottom6{
  grid-area: bottom6;
}

.zHCWeekGrid > bottom7{
    grid-area: bottom7;
}

.zHCSeparator
{
    border: #dadcd0 1px solid;
}

.occSelect
{
    height:30px;
    border-radius: 10px;
    border:none;
    color: gray;
    background-color: transparent !important;
    padding:0px;
}

.zHCContainerDetails{
    width:100%;
	height: auto;
    overflow: hidden;
}

.zHCPagesDetails{
	display: flex;
	width: 3600%;
	box-sizing: border-box;
}

.zHCCalendar {
    /*display: grid;*/
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr);   
  }

.zHCFirstDay {
    grid-column-start: 3;
  }

.zHCCalendarWrapper{
    width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	flex-direction:column;
	gap: 10px;
}

.zHCCalendarWrapper >div
{
    max-width: 1100px;
    width:100%;
    /*text-align: center; */
}

.weekday{
    border: black dotted 1px;
}

.sunday .saturday{
    color:red;
}


.zHCul{
    list-style:none;
    display: grid;
    margin: 0 0 0.1em;
    width:100%;
  }

.zHCli{
    display: flex;
    overflow: hidden;
    height:1em;
    padding: 0 12px 0 12px;
    border-radius: 1em;
    justify-self: center;
}


.zHCul .zHCliOccupied::before {
    content:"\2022";
    font-size:20pt;
 /*   color: #f50612;*/ 
    color: black; 
    font-weight:bold;
    width: 0.5em;
    margin-left: 0em;
    padding-right: 20px;
}

  .zHCliVacant{
      color: white;
      background-color: #16a765;
  }

  /*
  .zHCliVacant::before {
    content:"\2022";
    font-size:20pt;
    color: #16a765; ; 
    font-weight:bold;
    width: 0.5em;
    margin-left: 0em;
    padding-right: 2px;
  } 
  */

  .zHCliBedDelete{
      color:white;
      background-color: #16a765;
  }

/*  .zHCliBedDelete::before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: "\f236";
    font-size:10pt;
    color: #16a765 ; 
    font-weight:bold;
    width: 0.5em;
    margin-right: 11px;
  }  
*/
  .zHCliBedBusy{
      color: white;
      background-color: gray;
  }
  /*
  .zHCliBedBusy::before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: "\f236";
    font-size:10pt;
    color: dimgray; 
    font-weight:bold;
    width: 0.5em;
    margin-right: 11px;
  } */ 

  .zHCliBusy{
      color: white;
      background-color: gray;
  }

  /*
  .zHCliBusy::before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: "\2022";
    font-size:20pt;
    color: dimgray; 
    font-weight:bold;
    width: 0.5em;
    margin-left: 0em;
    padding-right: 2px;
  } */ 

  .zHCliOvernight{
      color:white;
      background-color: #16a765;
  }

/*  .zHCliOvernight::before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: "\f236";
    font-size:10pt;
    color: #16a765  ; 
    font-weight:bold;
    width: 0.5em;
    margin-left: 0em;
    padding-right: 18px;
  }*/ 
  
  .arrowSelect::after{
    font-size:10pt;
    content: "\f236";
}
  
  .dayBookGrid{
    display: grid;
    grid-template-columns: 45% 45%;
    grid-row-gap:10px;
  }
 
  .hourRight{
      border-radius: 0 10px 10px 0;
      margin-left:-4px;
      border: 0.5px solid gray;
      -moz-appearance: none;
      -webkit-appearance: none;
      text-align: center;
      width: 35px;
      background: beige !important;
    }
  .hourLeft{
      border-radius: 10px 0 0 10px;
      border: 0.5px solid gray;
      -moz-appearance: none;
      -webkit-appearance: none;
      text-align: center;
      width: 35px;
      background: beige !important;
  }


/* smartphone */
@media only screen and (max-width: 700px) {
 /*   .zHCliVacant::before {
        content:"\2022";
        font-size:10pt;
        color: #16a765; 
        font-weight:bold;
        width: 0.5em;
        margin-left: 0em;
        padding-right: 2px;
      } 

    .zHCul .zHCliOccupied::before {
        content:"\2022";
        font-size:20pt;
        color: dimgray; 
        font-weight:bold;
        width: 0.5em;
        margin-left: 0em;
        padding-right: 20px;
    }
    .zHCliBusy::before {
        font-family: "Font Awesome 5 Free"; 
        font-weight: 400;
        content: "\2022";
        font-size:10pt;
        color: dimgray; 
        font-weight:bold;
        width: 0.5em;
        margin-left: 0em;
        padding-right: 2px;
    }*/
    .zHCTimeSlot
    {
      position:fixed;
      float:left;
      display: none;
      width: 100%;
      top: 30%;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      cursor: pointer; 
    }

    .zHCTimeSlotForm
    {
    max-height: 80%;
    width:100%;
    /*max-width: 80%;*/
    }
    
    .bigIcon
    {
        font-size: 1.4em;
    }

    .zOccMonthHeader{
        display:grid;
        grid-template-columns: 30% 40% 30%;
        margin-bottom: 0;
        padding: 0;
        border:none;
        width:100%;
        background-color: black;
    }   
}