.jkc-cal {
    border-collapse: collapse;
    margin-bottom: 20px;
    border-radius: 15px;
    overflow:hidden;
    font-size: 0.8em;
}

.jkc-month {    max-width:350px;
    width:100%;
    margin:auto;}

.jkc-cal th {   background: #333;
                color:#eee;}

.jkc-cal th,
.jkc-cal td {
    width: 32px;
    height: 32px;
    text-align: center;
    border: 1px solid #ccc;
}

/* Anreise: untere Hälfte diagonal gefärbt */
.jkc-arrive {
    background: 
        linear-gradient(135deg, 
            transparent 50%, 
            #ff9999 50%
        );
}

/* Abreise: obere Hälfte diagonal gefärbt */
.jkc-depart {
    background: 
        linear-gradient(135deg, 
            #ff9999 50%, 
            transparent 50%
        );
}

/* Aufenthalt */
.jkc-booked {
    background: #ff9999;
}

/* Freie Tage */
.jkc-free {
    background: #fff;
}

h3.month {
          background-color: #333;
          color:#eee;
          text-align: center;
          border-radius: 15px;
          font-size: 1.2em;
          padding:5px;
        }

/* Navigation */
.jkc-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-weight:bold;
    max-width:350px;
    width:100%;
    margin:20px auto;
}

.jkc-nav a, .jkc-calendar-title {
    padding: 6px 12px;
    background: #eee;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    border-radius:15px;
    font-size: 0.8em;
}

.jkc-nav a:hover {
    background: #ddd;
    color:#333;
    text-decoration: none;
}

/* Copyright */
.jkc-footer {   
    text-align:center; 
    background: #eee;
    border: solid 1px #ccc;
    border-radius:50%;
    width:90px;
    height:90px;
    padding:20px 10px;
    margin:auto;
    font-size:45%;
    box-shadow: #ddd 2px 3px;
            }
.jkc-footer-logo {max-width:55px;}