.K-KALENDAR
{
     border-width: 3px 2px 2px 3px;
     border-style: solid;
     border-color: var(--basic-fg);
     margin: 0 0 75px 0;
     box-shadow: 3px 3px 3px 1px var(--basic-fg);
}


.K-KALENDAR .K-TYDEN
{
     width: 100%;
     display: block;
     white-space: nowrap;
     border-width: 0 0 1px 0;
     border-style: solid;
     border-color: var(--basic-fg);
}

.K-KALENDAR HEADER
{
     white-space: normal;
     text-align: center;
     display: block;
     border-width: 0 1px 3px 0;
     border-style: solid;
     border-color: var(--cr);
     padding: 25px 0;
     background-color: var(--basic-bg-hover);
}

.K-KALENDAR .K-TYDEN DIV
{
     white-space: normal;
     width: calc(100% / 7);
     text-align: center;
     display: inline-block;
     border-width: 0 1px 0 0;
     border-style: solid;
     border-color: var(--basic-fg);
     vertical-align: top;
}

.K-KALENDAR .K-TYDEN DIV.K-ZAHLAVI
{
     border-width: 0 3px 3px 0;
     vertical-align: middle;
     padding: 25px 0;
}

.K-KALENDAR .K-TYDEN DIV DIV
{
     width: 100%;
     display: block;
     border-width: 0;
}

.K-KALENDAR .K-TYDEN DIV DIV:nth-child(1)
{
     min-height: 35px;
}

.K-KALENDAR .K-TYDEN .SOBOTA
{
     background-color: var(--diff1-bg);
}

.K-KALENDAR .K-TYDEN .NEDELE
{
     background-color: var(--diff2-bg);
}

.K-KALENDAR .K-TYDEN .DNES
{
     background-color: var(--diff-bg-hover);
}

.K-KALENDAR .K-TYDEN DIV DIV SPAN,
.K-KALENDAR .K-TYDEN DIV DIV A
{
     padding: 2px;
     cursor: pointer;
}

/* pro všechny dny barevně stejná */
.K-KALENDAR .K-TYDEN DIV DIV SPAN
{
     background-color: var(--basic-bg-hover);
     transition: .3s;
     border-width: 1px;
     border-style: dotted;
     border-color: var(--basic-fg);
}

.K-KALENDAR .K-TYDEN DIV DIV:hover SPAN
{
     background-color: var(--basic-bg);
}

/* pro jednotlivé dny o odstín tmvaší */
.K-KALENDAR .K-TYDEN DIV DIV A
{
     background-color: var(--basic-bg-hover);
     border-width: 1px;
     border-style: dotted;
     border-color: var(--basic-fg);
     visibility: hidden;
}

.K-KALENDAR .K-TYDEN DIV:hover DIV A
{
     background-color: var(--basic-bg);
     visibility: visible;
}

@media (max-width: 450px) {

     .K-KALENDAR .K-TYDEN DIV
     {
          min-height: 105px;
     }

     .K-KALENDAR .K-TYDEN DIV DIV SPAN,
     .K-KALENDAR .K-TYDEN DIV DIV A
     {
          width: 30px;
          height: 30px;
          border-radius: 30px;
          display: block;
          margin: 2px auto;
     }

     .K-KALENDAR .K-TYDEN DIV DIV:nth-child(2)
     {
          min-height: 68px;
     }

}

@media (min-width: 450px) {

     .K-KALENDAR .K-TYDEN DIV
     {
          min-height: 125px;
     }

     .K-KALENDAR .K-TYDEN DIV DIV SPAN,
     .K-KALENDAR .K-TYDEN DIV DIV A
     {
          width: 38px;
          height: 38px;
          border-radius: 40px;
          display: block;
          margin: 2px auto;
     }

     .K-KALENDAR .K-TYDEN DIV DIV:nth-child(2)
     {
          min-height: 88px;
     }

}






.K-DA
{
     display: block;
     margin: 0 0 75px 0;
     padding: 25px;
     background-color: var(--basic-bg-hover);
     transition: .3s;
}

.K-DA:hover H2
{
     box-shadow: inset 0 -5px 0 var(--basic-fg);
}