/* Basis Einstellung */
*:focus {outline:none;}
*{margin:0;padding:0;outline:0;box-sizing:border-box;}
html,body,div,nav,header,footer,figure,h1,h2,h3,ol,ul,li,form{display:block;vertical-align:baseline;}
html{height:100%;}
body{background:#fff;font:1.2rem -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;color:#000;font-weight:300;text-align:left;line-height:1.8rem;min-height:100vH;}
p,ul{margin:24px 0;}
a:link,a:visited{color:#800;font-weight:normal;text-decoration:none;}
a:hover{color:#666;text-decoration:none;border-bottom:#666 1px solid;transition:all 1s ease-in-out;}

/* Login Navigation */
.cal-nav{display:flex;justify-content:flex-end;align-items:center;gap:24px;height:60px;background:#fff;font-size:80%;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .1);}
.cal-nav a,.cal-nav a:visited{color:#111;font-weight:300;margin:0 2em;padding:8px 16px;text-decoration:none;border-bottom:none;}
.cal-nav a:hover{background:#eee;color:#666;text-decoration:none;border-bottom:none;border-radius:4px;}

/* Startseite Kalender */
.wm-cal{width:100%;min-height:100vh;}
.wm-cal h1{color:#000;font-size:2.4em;text-align:center;font-weight:600;margin:60px 0 48px 0;padding:24px 0;}
.wm-cal-flex{width:94%;max-width:1876px;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:24px;margin:0 auto;}
.wm-cal-flex>.cal-card{width:33%;max-width:400px;padding:24px;display:flex;justify-content:flex-start;flex-direction:column;margin-top:12px;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .1);}
.cal-card>ul{margin:0 0 24px 0;}
.modal-content h2{color:#000;font-size:1.8em;font-weight:600;padding:24px 0 12px 0;line-height:1.2em;}
.modal-content h3{color:#000;font-size:1.4em;font-weight:600;padding-top:12px;}
.wm-cal-flex > .cal-card a:link,.wm-cal-flex > .cal-card a:visited{display:inline-block;background:#1D733A;color:#fff;font-size:90%;text-align:center;font-family:inherit;padding:12px 24px;margin-top:auto;border:none;border-radius:4px;}
.wm-cal-flex > .cal-card a:hover{background:#666;cursor:pointer;}
.cal-legende{font-size:88%;margin:48px 0;}
.cal-legende li{padding:6px 0;}

/* Kalenderblatt */
.modal{display:none;}
.modal:target{position:absolute;display:block;font-size:90%;left:0;top:0;width:100%;height:100%;z-index:101;}
.modal .close::before{left:0;top:0;width:100%;height:100%;position:fixed;background:rgba(0,0,0,.7);content:"";cursor:default;z-index:-1;}
.modal-content {display:block;background:#fff;width:90%;max-width:1400px;margin:24px auto;padding:3%;}
.modal-content .close {display:block;text-align:right;}
.modal-content .close a:link,.modal-content .close a:visited{background:#333;color:#fff;font-family:inherit;padding:8px;border:none;}
.modal-content .close a:hover{background:#666;cursor:pointer;}
.modal-content form{background:#fff;margin-top:25px;padding:0;}
.modal-content select{width:100%;padding:8px;border:#ccc 1px solid;border-radius:4px;}
.modal-content select:hover{background:#f9f9f9;cursor:pointer;}
.modal-content .table-wrapper{font-size:86%;margin:24px 0;padding:0;}
.modal-content .tr{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;}
.modal-content .th{background:#ff6;width:134px;line-height:32px;padding:0 8px;margin:1px;}
.modal-content .tdhidden{display:none;}
.modal-content .td{text-align:center;width:32px;line-height:32px;margin:1px;}
.modal-content .td.start{background-image:-ms-linear-gradient(135deg, #C2FD82 50%, #FFAD99 50%);background-image:-moz-linear-gradient(135deg, #C2FD82 50%, #FFAD99 50%);background-image:-o-linear-gradient(135deg, #C2FD82 50%, #FFAD99 50%);background-image:-webkit-gradient(135deg, #C2FD82 50%, #FFAD99 50%);background-image:-webkit-linear-gradient(135deg, #C2FD82 50%, #FFAD99 50%);background-image:linear-gradient(135deg, #C2FD82 50%, #FFAD99 50%);}
.modal-content .td.ende{background-image:-ms-linear-gradient(135deg, #FFAD99 50%, #C2FD82 50%);background-image:-moz-linear-gradient(135deg, #FFAD99 50%, #C2FD82 50%);background-image:-o-linear-gradient(135deg, #FFAD99 50%, #C2FD82 50%);background-image:-webkit-gradient(135deg, #FFAD99 50%, #C2FD82 50%);background-image:-webkit-linear-gradient(135deg, #FFAD99 50%, #C2FD82 50%);background-image:linear-gradient(135deg, #FFAD99 50%, #C2FD82 50%);}
.modal-content .td.belegt{background:#FFAD99;}
.modal-content .td.frei{background:#C2FD82;}
.modal-content .td.geschlossen{background:#FC3;}
.modal-content .rot{display:inline-block;background:#FFAD99;padding:.5em 1em;}
.modal-content .gelb{display:inline-block;background:#FC3;padding:.5em 1em;}
.modal-content .gruen{display:inline-block;background:#C2FD82;padding:.5em 1em;}

@media screen and (max-width:970px){body{font-size:90%;}
.wm-cal h1{font-size:1.5em;}
.wm-cal-flex{flex-direction:column;align-items:center;}
.wm-cal-flex>.cal-card{width:100%;}}