/* =========================================================
   Kalenderdarstellung
   Nur innerhalb von calender2.php im iframe
   ========================================================= */

html,
body{
    margin:0;
    padding:0;
    background:transparent;
    font-family:'Oswald', Arial, sans-serif;
}

body{
    color:#555f6b;
}

/* Gesamter Kalender */

.calender_mob{
    display:grid;
    grid-template-columns:repeat(7, minmax(0, 1fr));
    width:100%;
    box-sizing:border-box;
    background:transparent;
}

/* Monatsnavigation */

.pagination_mob{
    grid-column:1 / -1;
    margin:0 0 38px;
}

.pagihead_mob{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:42px;
    color:#555f6b;
}

.pagihead_mob span{
    font-size:1.55rem;
    font-weight:300;
    line-height:1;
    white-space:nowrap;
}

.pagihead_mob a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#555f6b;
    background:transparent;
    font-size:1.55rem;
    font-weight:300;
    line-height:1;
    text-decoration:none;
}

.pagihead_mob a:hover,
.pagihead_mob a:focus{
    color:#004b8c;
    background:transparent;
    text-decoration:none;
    outline:none;
}

/* Allgemeine Tagesfelder */

.day_mob{
    display:flex;
    min-width:0;
    height:62px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    color:#596674;
    background:transparent;
    border:0;
    font-size:1.45rem;
    font-weight:300;
    line-height:1;
}

.day_mob a{
    display:flex;
    width:100%;
    height:100%;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    color:#596674;
    background:transparent;
    text-decoration:none;
}

.day_mob a:hover,
.day_mob a:focus{
    color:#ffffff;
    background:#004b8c;
    text-decoration:none;
    outline:none;
}

/* Wochentagsleiste */

.day_mob.headline{
    height:64px;
    color:#ffffff;
    background:#244c91;
    font-size:1.45rem;
    font-weight:300;
}

/* Tage aus vorherigem oder folgendem Monat */

.day_mob.before a,
.day_mob.after a{
    color:#c7d8f5;
}

.day_mob.before a:hover,
.day_mob.before a:focus,
.day_mob.after a:hover,
.day_mob.after a:focus{
    color:#ffffff;
    background:#7897d4;
}

/* Aktueller Tag */

.day_mob.current a{
    color:#ffffff;
    background:#9ab0e3;
}

.day_mob.current a:hover,
.day_mob.current a:focus{
    color:#ffffff;
    background:#7897d4;
}

/* Altes Clearing wird nicht mehr benötigt */

.clear{
    display:none;
}

/* Anpassung für schmalere iframe-Breiten */

@media(max-width:700px){

    .pagination_mob{
        margin-bottom:24px;
    }

    .pagihead_mob span,
    .pagihead_mob a{
        font-size:1.25rem;
    }

    .day_mob{
        height:52px;
        font-size:1.15rem;
    }

    .day_mob.headline{
        height:54px;
        font-size:1.15rem;
    }
}

@media(max-width:420px){

    .pagination_mob{
        margin-bottom:18px;
    }

    .pagihead_mob{
        gap:7px;
    }

    .pagihead_mob span,
    .pagihead_mob a{
        font-size:1.1rem;
    }

    .day_mob{
        height:44px;
        font-size:1rem;
    }

    .day_mob.headline{
        height:46px;
        font-size:1rem;
    }
}
.beforeday{
    background:#f3f3f3;
    color:#999;
    opacity:.55;
}