.container.lock-plugin .calendar>.days-grid>.day.locked:not(.start):not(.end) {
  background-image: repeating-linear-gradient(135deg, transparent, #ff9800 2px, transparent 0, transparent 4px);
}
#datepicker.uk-button {
    font-size: 1.0em;
    background-color: #fff;
    width: 100%;
    /* width: calc(100% * 1 / 3.001 - 40px);
    margin-left: 40px;
    height: fit-content; */
}

/* Kalender Check in / check out */
/* .calendar>.days-grid>.day.locked::after {
	background: linear-gradient(to top left,rgb(80 78 69 / 0.2) 0,rgb(80 78 69 / 0.2) calc(50% - .8px),rgba(80,78,69,.4) 50%,rgb(80 78 69 / 0.2) calc(50% + .8px),rgb(80 78 69 / 0.2) 100%)!important;
} */

/* .calendar>.days-grid>.day .locked:last-of-type { */
/* .calendar>.days-grid>.day.locked::after { */
/* .calendar .day.locked:last-of-type { */
/* clip-path: polygon(0 0, 100% 0, 0 100%); */
/* 
.container.lock-plugin .calendar>.days-grid .day.locked.check_in:not(.start):not(.end){ 
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  background-image: repeating-linear-gradient(135deg, transparent, #ff9800 2px, transparent 0, transparent 4px); 
}  */

.container.lock-plugin .calendar>.days-grid .day.locked.check_in:not(.start):not(.end){ 
  /* clip-path: polygon(100% 100%, 100% 0, 0 100%); */
  background-image: none; 
} 

.container.lock-plugin .calendar>.days-grid .day.check_in:not(.check_out){
  position: relative; /* Für Pseudo-Element-Positionierung */
  overflow: hidden; /* Wichtig, um den überlappenden Hintergrund zu verstecken */
}

.container.lock-plugin .calendar>.days-grid .day.check_in:not(.check_out)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  background-image: repeating-linear-gradient(135deg, transparent, #ff9800 2px, transparent 0, transparent 4px); 
  /* z-index: -1; Damit der Hintergrund hinter dem Inhalt liegt */
}

.container.lock-plugin .calendar>.days-grid .day.check_out:not(.check_in){
  position: relative; /* Für Pseudo-Element-Positionierung */
  overflow: hidden; /* Wichtig, um den überlappenden Hintergrund zu verstecken */
}

.container.lock-plugin .calendar>.days-grid .day.check_out:not(.check_in)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background-image: repeating-linear-gradient(135deg, transparent, #ff9800 2px, transparent 0, transparent 4px); 
  /* z-index: -1; Damit der Hintergrund hinter dem Inhalt liegt */
}

/* Kalender Check in / check out */
.container.lock-plugin .calendar>.days-grid>.day.check_in.check_out {
  background-image: repeating-linear-gradient(135deg, transparent, #ff9800 2px, transparent 0, transparent 4px);
}