﻿*: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;}
header{width:94%;max-width:1920px;margin:0 auto;}
.wm-nav{display:flex;justify-content:center;align-items:center;}
.wm-nav>ul{width:100%;padding:24px;list-style:none;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:48px;}
.wm-nav>ul>li:first-child{margin-right:auto;}
.wm-nav a,.wm-nav a:visited{color:#666;font-weight:300;text-decoration:none;border-bottom:none;}
.wm-nav a:hover{color:#1c1c1c;text-decoration:none;border-bottom:none;}
.cal-admin{width:94%;max-width:1920px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;}
.side-left{display:block;width:22%;}
.side-left h2{padding:6px 0;}
.side-right{display:block;width:70%;}
.objekte{display:block;margin:24px 0;padding:0 24px;border:#ccc 1px solid;border-radius:4px;}
#log{background:transparent;float:left;margin:0;padding:0;text-align:left;}
#log ul{list-style-type:none;margin:0;padding:0;}
#log li{float:left;}
#log ul li a{display:block;color:#300;font-weight:300;text-decoration:none;padding:2em;border-bottom:none;}
#log ul li a:hover{background:#300;color:#fff;}
h1{color:#000;font-size:1.8em;text-align:center;font-weight:600;margin-top:60px;padding:24px 0;}
h2{color:#000;font-size:1.4em;font-weight:600;padding:24px 0 12px 0;line-height:1.2em;}
h3{color:#000;font-size:1.2em;font-weight:600;}
.cal-wrapper{width:94%;max-width:1920px;margin:60px auto 0 auto;display:flex;justify-content:center;flex-direction:column;gap:24px;}

/* Table Belegung */
table{width:100%;font-size:86%;text-align:left;margin:24px auto;border:#ccc 1px solid;border-collapse:collapse;}
th{background:#ff6;height:2.6em;padding:8px;border:#ccc 1px solid;vertical-align:top;}
td{height:2.6em;padding:8px;border:#ccc 1px solid;vertical-align:top;}

/* Kalenderblatt */
.table-wrapper{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:24px;}
.cal_div{display:block;font-size:90%;width:240px;text-align:center;margin:24px 0 0 0;}
.cal_div span{display:block;margin:3px 0;}
.th{display:inline-block;background:#eee;font-size:90%;font-weight:600;width:32px;line-height:32px;margin:1px;padding:0;}
.td{display:inline-block;font-size:90%;width:32px;line-height:32px;margin:1px;padding:0;}
.th:nth-of-type(6),.td:nth-of-type(13),.td:nth-of-type(20),
.td:nth-of-type(27),.td:nth-of-type(34),.td:nth-of-type(41){color:#039;}
.th:nth-of-type(7),.td:nth-of-type(14),.td:nth-of-type(21),
.td:nth-of-type(28),.td:nth-of-type(35),.td:nth-of-type(42){color:#a60000;}
.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%);}
.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%);}
.td.belegt{background:#FFAD99;}
.td.frei{background:#C2FD82;}
.td.geschlossen{background:#FC3;}
.hidden{visibility:hidden;}
.rot{display:inline-block;background:#FFAD99;padding:.5em 1em;}
.gelb{display:inline-block;background:#FC3;padding:.5em 1em;}
.gruen{display:inline-block;background:#C2FD82;padding:.5em 1em;}

.form-admin{width:94%;max-width:600px;margin:3em auto;}
.form-admin a:link,.form-admin a:visited{border-bottom:#800 1px solid;}
.form-admin a:hover{border-bottom:#666 1px solid;}
.contact{display:none;}
input[type=text],input[type='email'],input[type='date'],input[type='search'],input[type='password'],input[type='file'],select{width:100%;padding:12px;border:1px solid #ccc;box-sizing:border-box;border-radius:4px;}
input[type='number']{width:80px;padding:12px;border:1px solid #ccc;box-sizing:border-box;border-radius:4px;}
label{padding:12px 12px 12px 0;display:inline-block;cursor:pointer;}
input[type='submit'],.plan a:link,.plan a:visited{display:block;background:#1D733A;color:#fff;font-size:90%;text-align:center;font-family:inherit;padding:12px 24px;margin-top:25px;border:none;border-radius:4px;}
input[type='submit']:hover,.plan a:hover{background:#666;cursor:pointer;}
.lab6 input[type='text']{width:4em;text-align:center;}
.lab5{width:6em;text-align:center;margin:10px 0;padding:8px;border:#ccc 1px solid;border-radius:4px;}
.selectliste {display:inline-block;min-width:80px;}
span.hilfetext{font-size:80%;color:#1D733A;}
.wm-ok {background:#EAFFEF;color:#360;padding:15px;outline:#360 1px solid;}
.wm-ko {background:#FFE8E8;color:#800;padding:15px;outline:#800 1px solid;}
.cal-legende{font-size:88%;text-align:center;margin:48px 0;}
.cal-legende li{padding:4px 0;}
.cal-center{color:#666;text-align:center;}
.retour{display:block;font-size:88%;margin-top:24px;}
.retour a:link,.retour a:visited{background:#ac4034;color:#fff;padding:8px 12px;text-decoration:none;border:none;border-radius:4px;}
.retour a:hover{color:#e5be01;border:none;}
.c-cent{text-align:center;}
.c-cent a:link,.c-cent a:visited{background:#eee;font-size:90%;padding:6px 12px;border:none;border-radius:4px;}
.c-cent a:hover{background:#666;color:#fff;}
.app {width:50%;}
.tdbreite {width:10em;}
.tdschmal {width:6em;}
.filterung{display:block;width:100%;margin:24px auto 0 auto;}
#tableFilter{display:block;width:100%;padding:8px 15px;border:#ccc 1px solid;border-radius:4px;}
.leeren{display:block;width:80px;float:right;margin-right:2%;}
.wm-ko input[type='submit']{display:inline-block;background:#fff;color:#222;font-size:90%;font-family:inherit;padding:4px 8px;border:none;}
.wm-ko input[type='submit']:hover{background:#eee;cursor:pointer;}
.wm-footer{font-size:90%;margin:4em 0;padding:2em 1em;text-align:center;border-top:#ccc 1px solid;}

@media screen and (max-width:980px){body{font-size:90%;}}
@media screen and (max-width:768px){.cal-admin{flex-direction:column;}.side-left,.side-right{width:100%;margin:12px auto;}}
@media screen and (max-width:600px){.cal-wrapper th,.cal-wrapper td{display:block;width:92%;text-align:left;margin:5px auto;padding:0 8px;}}