.flatpickr-innerContainer {
  position: relative;
  left:22px;
}
.flatpickr-months .flatpickr-month {
  height: 58px;
}
.flatpickr-current-month {
  padding: 11px;
  height: 100%;
}

.flatpickr-calendar, .flatpickr-months .flatpickr-month, span.flatpickr-weekday{
    background: transparent;
}
.flatpickr-calendar {
    border: none;
    box-shadow: none;
}
.flatpickr-days {
    overflow: visible;
}
.flatpickr-day {
  color: #fff !important;
  margin: 2px 0px;
  font-size: 20px;
  font-weight: 200;
}

.flatpickr-day.event {
  position: relative;
  font-weight: 800;
}
.flatpickr-day.event:after {
  content: '.';
  position: absolute;
  bottom: -13px;
  left: calc(50% - 6px);
  font-size: 40px;
  color: var(--after-bg, red);
}

.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay {
  color: #2563EB !important;
  font-weight: 100;
}
.flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:active, .flatpickr-day.nextMonthDay:focus 
.flatpickr-day.prevMonthDay:hover, .flatpickr-day.prevMonthDay:active, .flatpickr-day.prevMonthDay:focus {
  color: #fff !important;
}

.dayContainer{
    z-index: 10;
    width: 100% !important;
    max-width: initial !important;
    min-width: initial !important;
}

.flatpickr-months {
    margin-bottom: 20px;
}

.flatpickr-rContainer {
    width: 100%;
}

/* Kalender-Rahmen */
.flatpickr-calendar {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
    border: none;
    box-shadow: none;
  }
  
  /* Monate oben */
  .flatpickr-months,
  span.flatpickr-weekday {
    background: transparent;
  }
span.flatpickr-weekday {
    color: #2563EB;
  font-size: 20px;
  font-weight: 200;
}
.flatpickr-days {
    width: initial !important;
}

.flatpickr-weekdays {
    height: auto;
}

.flatpickr-weekdaycontainer {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr);
    gap: 12px;
    padding: 0 0 0.25rem;
    box-sizing: border-box;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  
  .flatpickr-weekday {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #c0c0c0;
  }

.dayContainer {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  padding: 0 0 0.25rem;
}

.flatpickr-day {
  width: 35px !important;
  height: 35px !important;
  max-width: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 35px;
}
.flatpickr-weekday {
  width: 35px !important;
  height: 35px !important;
  max-width: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 35px;
}

  .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover{
    background: rgba(255, 255, 255, .4) !important;
    border-color: transparent !important;
    color: #fff;
  }

  .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover
  {
    background: rgba(255, 255, 255, .4) !important;
    border-color: transparent !important;
  }


  .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .flatpickr-current-month select.flatpickr-monthDropdown-months {
    background: transparent;
    border-radius: 20px;
    color: #2563EB;
    border-right: 16px solid transparent !important;
    padding: 6px;
      outline: 2px solid #2563EB;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1c64f2;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #1c64f2;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.flatpickr-calendar:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month input.cur-year:focus, .flatpickr-days:focus {
  outline: 2px solid #2563EB;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: rgba(25,59,138);
  color: #fff;
}

.flatpickr-current-month .numInputWrapper {
  margin-left: 10px;
  color: #2563EB;
}

.flatpickr-current-month .numInputWrapper .numInput {
  outline: none;
  border: none;
  padding: 6px;
}

.flatpickr-current-month input.cur-year:focus, .flatpickr-calendar:focus {
  outline: none;
  border: none;
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  color: #2563EB;
  fill: #2563EB;
  top: 10px;
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
  width: 24px;
  height: 24px;
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #2563EB;
}