html {
  scroll-behavior: smooth;
}

.object-fit-cover{
  object-fit: cover;
}


.kCalendar-tile-actual{
  max-width: 100% !important;
}
@media (min-width: 640px){
  .kCalendar-tile-actual{
    max-width: 66% !important;
  }
}
@media (min-width: 992px){
  .kCalendar-tile-actual{
    max-width: 74.8% !important;
  }
}
@media (min-width: 1200px){
  .kCalendar-tile-actual{
    max-width: 48% !important;
  }
}


.kCalendar-tile-inner{
  overflow: hidden;
}

.kCalendar-tile-inner img{
  z-index: 1;
}

.kCalendar-tile-title{
  z-index: 2;
}

.kCalendar-tile-number{
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--bs-light-rgb),0.6);
  border-radius: 100%;
  height: 35px;
  margin: 5px;
  color: var(--bs-dark);
  font-weight: 600;
  z-index: 3;
}
/*============================================================================*/
/*----------------------------------------------------------------------------*/
.tile-headline-stripe{
  z-index: 1;
  top: -5px;
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-inner{
  border-width: 4px;
  border-style: solid;
  aspect-ratio: 1;
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-actual-inner{
  border-color: var(--bs-info);
}
.kCalendar-tile .kCalendar-tile-actual-inner .kCalendar-tile-title{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kCalendar-tile .kCalendar-tile-actual-inner .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-info);
  color: var(--bs-white);
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-actual-inner.isEnded{
  border-color: var(--bs-gray-400);
  cursor: pointer;
}
.kCalendar-tile .kCalendar-tile-actual-inner.isEnded .kCalendar-tile-title{
  backdrop-filter: grayscale(1);
  -webkit-backdrop-filter: grayscale(1);
}
.kCalendar-tile .kCalendar-tile-actual-inner.isEnded .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-gray-400);
  color: var(--bs-dark);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-past{
  border-color: var(--bs-gray-400);
  cursor: pointer;
}
.kCalendar-tile .kCalendar-tile-past .kCalendar-tile-title{
  backdrop-filter: grayscale(1);
  -webkit-backdrop-filter: grayscale(1);
}
.kCalendar-tile .kCalendar-tile-past .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-gray-400);
  color: var(--bs-dark);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-knowlegeended{
  border-color: var(--bs-darkblue);
  cursor: pointer;
}
.kCalendar-tile:not(.kCalendar-tile-actual) .kCalendar-tile-knowlegeended .kCalendar-tile-title{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kCalendar-tile .kCalendar-tile-knowlegeended .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-darkblue);
  color: var(--bs-white);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-ended{
  border-color: var(--bs-gray-400);
  cursor: pointer;
}
.kCalendar-tile .kCalendar-tile-ended .kCalendar-tile-title{
  backdrop-filter: grayscale(1);
  -webkit-backdrop-filter: grayscale(1);
}
.kCalendar-tile .kCalendar-tile-ended .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-gray-400);
  color: var(--bs-dark);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-future{
  border-color: var(--bs-white);
  cursor: pointer;
}
.kCalendar-tile .kCalendar-tile-future .kCalendar-tile-title{
  backdrop-filter: grayscale(1) blur(5px);
  -webkit-backdrop-filter: grayscale(1) blur(5px);
  background-color: #00a1e942;
}
.kCalendar-tile .kCalendar-tile-future.kCalendar-tile-inner .kCalendar-tile-contenttext{
  filter: grayscale(1) blur(5px);
  -webkit-filter: grayscale(1) blur(5px);
  pointer-events: none;
  -webkit-pointer-events: none;
}
.kCalendar-tile .kCalendar-tile-future .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-white);
  color: var(--bs-dark);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-active{
  border-color: var(--bs-info);
  cursor: pointer;
}
.kCalendar-tile .kCalendar-tile-active .kCalendar-tile-title{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kCalendar-tile .kCalendar-tile-active .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-info);
  color: var(--bs-white);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile .kCalendar-tile-error{
  border-color: var(--bs-danger);
  cursor: not-allowed;
}
.kCalendar-tile .kCalendar-tile-error .kCalendar-tile-title{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kCalendar-tile .kCalendar-tile-error .kCalendar-tile-title .tile-headline-stripe{
  background-color: var(--bs-danger);
  color: var(--bs-white);
}
/*----------------------------------------------------------------------------*/
.kCalendar-tile-actual.haslink{
  cursor: pointer;
}
/*============================================================================*/
.btn-play{
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--bs-light-rgb),0.6);
  border-radius: 100%;
  height: 60px;
  margin: 5px;
  color: var(--bs-dark);
  font-weight: 600;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.kCalendar-tile:not(.kCalendar-tile-actual) a{
  pointer-events: none;
}
.kCalendar-tile:not(.kCalendar-tile-actual) .kCalendar-tile-contenttext *{
  font-size: 60%;
  margin: 0 !important;
  color: var(--bs-dark);
}
.kCalendar-tile:not(.kCalendar-tile-actual) .kCalendar-tile-contenttext .btn{
  padding: 1px !important;
}
.kCalendar-tile:not(.kCalendar-tile-actual) .kCalendar-tile-contenttext p{
  font-size: 30%;
}

.kCalendar-tile .kCalendar-tile-inner img{
  margin-top: 19px;
  object-fit: contain;
  object-position: top;
  background: #fff;
}

.kCalendar-tile-actual.stamp{
  transform: translateX(2px);
}
@media (min-width: 1200px){
  .kCalendar-tile-actual.stamp{
    transform: translateX(12px);
  }
  .kCalendar-tile:not(.kCalendar-tile-actual):nth-child(-n+9){
    margin-bottom: 21px !important;
  }
}

.tile-half{
  height: 60%;
}
.tile-half-text{
  height: 40%;
}

@media (max-width: 992px){
  .kCalendar-tile.kCalendar-tile-actual .kCalendar-tile-contenttext *{
    font-size: 100%;
  }
  .kCalendar-tile.kCalendar-tile-actual .kCalendar-tile-contenttext p{
    font-size: 90%;
  }
}