*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tahoma,'MS Sans Serif',Geneva,sans-serif;font-size:11px;background:#d4d0c8;color:#000;min-height:100vh}
.titlebar{background:linear-gradient(90deg,
#0a246a,#3a6ea5);
padding:3px 6px;display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:12px}.titlebar-icon{width:16px;height:16px;background:#c0c0c0;border:1px solid #808080;display:flex;
align-items:center;
justify-content:center;font-size:9px;font-weight:700;color:#0a246a}.menubar{background:#ece9d8;border-bottom:1px solid #808080;padding:2px 4px;display:flex;gap:2px}.menubar span{padding:2px 8px;
cursor:default;
font-size:11px}.menubar span:hover{background:#316ac5;color:#fff}.toolbar{background:#ece9d8;border-bottom:1px solid #808080;padding:3px 4px;display:flex;gap:2px;flex-wrap:wrap}.tb-btn{
display:inline-flex;
align-items:center;gap:3px;padding:2px 8px;background:#ece9d8;border:1px solid transparent;font-family:Tahoma,sans-serif;font-size:11px;cursor:pointer;color:#000}.tb-btn:hover{border:1px solid #fff;
border-right-color:#808080;
border-bottom-color:#808080}.tb-btn:active{border:1px solid #808080;border-right-color:#fff;border-bottom-color:#fff}.tb-sep{width:1px;background:#808080;margin:2px 4px;align-self:stretch}.tb-label{
font-size:11px;
font-weight:700;padding:2px 4px;color:#000}.tb-select{background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;font-family:Tahoma,sans-serif;font-size:11px;padding:1px 4px;
height:22px;min-width:200px;
color:#000;outline:none;cursor:pointer}fieldset{border:1px solid #808080;padding:8px 10px;margin:6px 8px;background:#ece9d8}fieldset legend{font-size:11px;padding:0 4px}input[type="text"],
input[type="number"],input[type="email"]{background:#fff;
border:2px solid;border-color:#808080 #fff #fff #808080;padding:2px 4px;font-family:Tahoma,sans-serif;font-size:11px;color:#000;outline:none}input:focus{
outline:1px dotted #000;outline-offset:-1px}.btn{
display:inline-flex;
align-items:center;gap:4px;padding:3px 12px;background:#ece9d8;border:2px solid;border-color:#fff #808080 #808080 #fff;font-family:Tahoma,sans-serif;font-size:11px;cursor:pointer;color:#000;
min-height:23px}
.btn:active{border-color:#808080 #fff #fff #808080;padding:4px 11px 2px 13px}input[type="checkbox"]{width:13px;height:13px;accent-color:#000;cursor:pointer;margin:0}.objekt-row{display:flex;
gap:6px;align-items:center;
padding:4px 0}.objekt-row label{font-weight:700;min-width:50px}.objekt-row input{flex:1;height:21px;max-width:400px}.mess-toggle-bar{display:flex;align-items:center;padding:2px 4px;
cursor:pointer;user-select:none;
background:#ece9d8;border-bottom:1px solid #808080}.mess-toggle-bar span.toggle-text{font-weight:700;font-size:11px;color:#0a246a}.mess-toggle-bar span.toggle-arrow{margin-left:4px;
font-size:10px;color:#0a246a}
.mess-body{display:none;padding:8px;gap:16px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;margin:4px}.mess-body.show{display:flex;
flex-wrap:wrap;align-items:flex-start}.mess-drawing{
flex:1;
min-width:300px}.mess-steps{flex:0 0 300px;font-size:11px;line-height:1.6}.mess-steps ol{padding-left:16px}.mess-steps li{margin-bottom:4px}.tip-box{margin-top:8px;padding:4px 6px;background:#ffffcc;
border:1px solid #c0c000;
font-size:11px}.input-fields{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap;padding:4px 0}.field{display:flex;flex-direction:column;gap:1px}
.field label{font-size:10px;color:#444}.field .f-tuer{
width:150px;
height:21px}.field .f-raum{width:70px;height:21px}.field .f-mass{width:60px;height:21px}.cb-row{display:flex;gap:6px;align-items:center;height:21px}.cb-pair{display:flex;flex-direction:column;
align-items:center;
gap:0}.cb-pair label{font-size:9px;font-weight:700}.cb-pair label.l-fd,.cb-pair label.l-co,.cb-pair label.l-zk,.cb-pair label.l-fh{color:#000}.cb-pair label.l-wp{color:#6eb9cf}.cb-pair label.l-ap{
color:#cc0000;
font-weight:700}.mail-row{display:flex;gap:6px;align-items:center;padding:4px 0;flex-wrap:wrap}.mail-row label{font-size:10px;color:#444}.mail-row input{width:200px;height:21px}.table-frame{
border:2px solid;
border-color:#808080 #fff #fff #808080;margin:6px 8px;background:#fff;overflow-x:auto}table{width:auto;min-width:100%;border-collapse:collapse;font-size:11px;table-layout:auto}thead th{
background:#ece9d8;
border:1px solid #808080;border-top:none;padding:3px 6px;text-align:left;font-weight:700;white-space:nowrap}thead th.h-wp{color:#666}thead th.h-ap{color:#cc0000}tbody td{padding:2px 6px;
border:1px solid #c0c0c0;
height:20px;vertical-align:middle}tbody tr:nth-child(4n+1){background:#d6e4f7}tbody tr:nth-child(4n+3){background:#e8f0fb}tbody tr:nth-child(4n+2){background:#eaf4e0}tbody tr:nth-child(4n+4){
background:#f4f9ee}
tbody tr:hover{background:#1e56b0;color:#fff}tbody tr:hover .del-btn{color:#ffcccc}tbody td.c-nr{text-align:center;color:#808080;font-size:10px;width:40px}tbody td.c-check{text-align:center;
width:30px}
.del-btn{background:none;border:none;color:#cc0000;cursor:pointer;font-size:12px;font-weight:700;padding:0 4px;font-family:Tahoma,sans-serif}.del-btn:hover{text-decoration:underline}.sidebar-tab{
position:fixed;
right:0;top:50%;transform:translateY(-50%);background:#ece9d8;border:2px solid;border-color:#fff #808080 #808080 #fff;border-right:none;padding:8px 4px;cursor:pointer;writing-mode:vertical-rl;
font-size:11px;
font-weight:700;color:#0a246a;z-index:100;font-family:Tahoma,sans-serif}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:150;display:none}.overlay.show{display:block}.sidebar{
position:fixed;
right:-320px;top:0;width:310px;height:100vh;background:#ece9d8;border-left:2px solid;border-color:#fff #808080 #808080 #fff;z-index:200;transition:right 0.25s ease;
display:flex;flex-direction:column}.sidebar.open{
right:0}
.sidebar-title{background:linear-gradient(90deg,#0a246a,#3a6ea5);color:#fff;padding:3px 6px;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:space-between}.sidebar-close{
background:#ece9d8;
border:2px solid;border-color:#fff #808080 #808080 #fff;color:#000;font-size:10px;font-weight:700;width:16px;height:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;
padding:0;
font-family:Tahoma,sans-serif}.sidebar-list{flex:1;overflow-y:auto;padding:4px;background:#fff;margin:4px;border:2px solid;border-color:#808080 #fff #fff #808080}.si{display:flex;align-items:center;
justify-content:space-between;
padding:3px 4px;cursor:pointer;border-bottom:1px solid #e0e0e0;font-size:11px}.si:hover{background:#316ac5;color:#fff}.si.active{background:#316ac5;color:#fff}.si-name{font-weight:700}.si-date{
font-size:10px;
color:#808080}.si:hover .si-date{color:#c0c0ff}.si-del{background:none;border:none;color:#cc0000;cursor:pointer;font-size:11px;font-weight:700;font-family:Tahoma,
sans-serif;opacity:0}.si:hover .si-del{
opacity:1;
color:#ffaaaa}.statusbar{background:#ece9d8;border-top:2px solid;border-color:#808080 #fff #fff #808080;padding:2px 8px;font-size:10px;color:#444;display:flex;justify-content:space-between;
position:fixed;
bottom:0;left:0;right:0}.statusbar .sb-section{border:1px solid;border-color:#808080 #fff #fff #808080;padding:0 6px}.toast{position:fixed;bottom:30px;
left:50%;transform:translateX(-50%) translateY(60px);
background:#ffffcc;color:#000;border:1px solid #c0c000;padding:6px 16px;font-size:11px;font-weight:700;opacity:0;transition:all 0.25s;z-index:999;font-family:Tahoma,sans-serif}.toast.show{
opacity:1;transform:translateX(-50%) translateY(0)}
.toast.error{background:#ffcccc;border-color:#cc0000}.ac-wrap{position:relative}.ac-list{position:absolute;top:100%;left:0;width:150px;background:#fff;border:1px solid #808080;max-height:120px;
overflow-y:auto;
z-index:50;display:none}.ac-list.show{display:block}.ac-list div{padding:2px 4px;font-size:11px;cursor:pointer}.ac-list div:hover{background:#316ac5;color:#fff}.share-overlay{display:none;
position:fixed;
inset:0;background:rgba(0,0,0,0.45);z-index:450;align-items:center;justify-content:center}.share-overlay.show{display:flex}.share-dialog{background:#ece9d8;
border:2px solid;border-color:#fff #808080 #808080 #fff;
width:500px;max-width:96vw;box-shadow:4px 4px 0 rgba(0,0,0,0.3)}.share-dlg-title{background:linear-gradient(90deg,#0a246a,#3a6ea5);color:#fff;padding:3px 8px;font-weight:700;font-size:12px;
display:flex;
align-items:center}.share-dlg-body{padding:10px 12px}@media print{body{background:#fff}.titlebar,.menubar,.toolbar,.sidebar-tab,.sidebar,.overlay,.statusbar,
.toast,.del-btn,.btn{display:none !important}
.input-fields,.mail-row{display:none !important}fieldset{border:1px solid #ccc;page-break-inside:avoid}.table-frame{border:1px solid #000}thead th{background:#eee;border:1px solid #000}thead th.h-ap{
color:red}
tbody td{border:1px solid #ccc}}body{padding-bottom:24px}.cell-edit{background:transparent;border:none;font-family:Tahoma,sans-serif;font-size:11px;color:inherit;padding:0 2px;width:100%;
min-width:0;box-sizing:border-box}
.col-nr{width:28px;min-width:28px;max-width:28px;text-align:center;white-space:nowrap}.col-text{white-space:nowrap}.col-ck{width:1px;white-space:nowrap;
text-align:center;padding:2px 4px !important}.col-del{
width:20px;
min-width:20px;max-width:20px}.col-filler{width:auto}td.col-nr{text-align:center;padding:0 2px}td.col-ck{text-align:center;padding:2px 4px}td.col-del{text-align:center;padding:2px}td.col-filler{
}.cell-edit:focus{background:#fff;
border:1px solid #316ac5;outline:none;color:#000}tbody tr:hover .cell-edit{background:#1e56b0 !important;color:#fff}tbody tr:hover .cell-edit:focus{background:#fff !important;
color:#000}tbody tr:nth-child(4n+1) .cell-edit{
background:#d6e4f7}
tbody tr:nth-child(4n+3) .cell-edit{background:#e8f0fb}tbody tr:nth-child(4n+2) .cell-edit{background:#eaf4e0}tbody tr:nth-child(4n+4) .cell-edit{background:#f4f9ee}.mail-compact{display:flex;
gap:6px;
align-items:flex-end;flex-wrap:wrap;padding:4px 0}.mail-compact .field label{font-size:10px;color:#444}.mail-compact .field input{height:21px}.mail-pw-tile{display:flex;flex-direction:column;
gap:2px;border:1px solid #808080;
padding:4px 6px;background:#fff;min-width:170px}.mail-pw-tile-head{font-size:10px;font-weight:700;color:#0a246a;border-bottom:1px solid #c0c0c0;padding-bottom:2px;
margin-bottom:3px}.mail-pw-tile .mt-row{
display:flex;
flex-direction:column;gap:1px;margin-bottom:3px}.mail-pw-tile .mt-row label{font-size:10px;color:#444}.mail-pw-tile .mt-row input{height:20px;width:100%;font-size:11px}.pw-hint{font-size:9px;
color:#888;
margin-top:2px}.pw-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:500;align-items:center;justify-content:center}.pw-overlay.show{display:flex}.pw-dialog{
background:#ece9d8;
border:2px solid;border-color:#fff #808080 #808080 #fff;min-width:260px;box-shadow:4px 4px 0 rgba(0,0,0,0.3)}.pw-dlg-title{background:linear-gradient(90deg,#0a246a,#3a6ea5);color:#fff;
padding:3px 8px;
font-weight:700;font-size:12px}.pw-body{padding:10px 12px}.pw-input{width:100%;height:22px;font-size:11px;margin-top:4px}.mail-overlay{display:none;position:fixed;inset:0;background:rgba(0,
0,0,0.45);z-index:400;
align-items:center;justify-content:center}.mail-overlay.show{display:flex}.mail-dialog{background:#ece9d8;border:2px solid;border-color:#fff #808080 #808080 #fff;width:660px;max-width:96vw;
box-shadow:4px 4px 0 rgba(0,0,0,0.3);
display:flex;flex-direction:column}.mail-dlg-title{background:linear-gradient(90deg,#0a246a,#3a6ea5);color:#fff;padding:3px 8px;font-weight:700;font-size:12px;
display:flex;align-items:center}.mail-dlg-body{
padding:8px 10px}
.mail-dlg-row{display:flex;gap:6px;padding:2px 0;font-size:11px}.mail-dlg-label{font-weight:700;min-width:55px;color:#444}.mail-dlg-sep{border-top:1px solid #c0c0c0;margin:5px 0}.mail-dlg-preview{
font-family:Tahoma,sans-serif;
font-size:11px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;padding:6px 8px;max-height:300px;overflow-y:auto;line-height:1.5}
.mail-dlg-preview table{border-collapse:collapse;
width:100%}.mail-dlg-preview th{background:#ece9d8;border:1px solid #999;padding:2px 4px;font-size:10px;white-space:nowrap}.mail-dlg-preview td{border:1px solid #d0d0d0;padding:2px 4px;
font-size:10px}
.mail-dlg-preview tr:nth-child(even) td{background:#f5f5f0}.chk-yes{color:#007700;font-weight:700;text-align:center}.chk-no{color:#ccc;text-align:center}thead th.sortable{cursor:pointer;
user-select:none}
thead th.sortable:hover{background:#d8d4c0}thead th.sort-asc::after{content:' ▲';font-size:9px;color:#0a246a}thead th.sort-desc::after{content:' ▼';font-size:9px;color:#0a246a}.search-wrap{
display:flex;
flex-direction:column;gap:1px}.search-wrap label{font-size:10px;color:#444}.search-wrap .s-row{display:flex;gap:2px}.search-wrap input{width:130px;height:21px}@media (max-width:700px){
body{font-size:13px}
.toolbar{padding:4px;gap:3px}.tb-btn{padding:5px 10px;font-size:12px;min-height:32px}.tb-select{min-width:140px;height:30px;font-size:12px}.tb-label{font-size:12px}fieldset{margin:4px;
padding:6px 8px}
#mail1,#mail2,#pwNew,#pwRepeat{width:100% !important}.objekt-row{flex-wrap:wrap;gap:4px}.objekt-row input{max-width:100% !important}.objekt-row button{width:100%;margin-left:0 !important}#dateInfo{
margin-left:0 !important;
width:100%;display:block !important}.field .f-tuer{width:100% !important}.field .f-raum{width:80px !important}.field .f-mass{width:70px !important}.cb-pair label{
font-size:10px !important}input[type="checkbox"]{
width:16px;
height:16px}.input-fields>.btn{width:100%;margin-top:4px;min-height:34px}.search-wrap{width:100%;margin-left:0 !important}.search-wrap input{width:100% !important;flex:1}.table-frame{
margin:4px}table{font-size:10px}
thead th{padding:3px 4px;font-size:10px}tbody td{padding:2px 3px;height:28px}tbody td.c-nr{width:24px}tbody td.c-check{width:22px}.cell-edit{font-size:10px;min-width:28px}.sidebar{width:85vw;
right:-85vw}
.sidebar-tab{padding:12px 5px;font-size:12px}.statusbar{font-size:11px;padding:3px 8px;flex-wrap:wrap}.mail-dialog{width:98vw !important}.share-dialog{width:98vw !important}.pw-dialog{
width:90vw !important;
min-width:unset}.mail-dlg-preview{max-height:200px;font-size:9px}.mail-dlg-preview th,.mail-dlg-preview td{padding:2px 3px;font-size:9px}.mess-drawing{min-width:unset;width:100%}.mess-steps{
flex:unset;
width:100%}.btn{min-height:30px;font-size:12px}fieldset>div[style*="display:flex"]{flex-wrap:wrap;gap:4px}#sbDates{display:block !important;font-size:10px}}

#pageWrap{position:relative;opacity:1;filter:none;transition:opacity 0.2s,filter 0.2s;}
body.show-bg{background:url('zyl2.png') center/cover fixed #d4d0c8;}
legend{background:#ece9d8;padding:0 4px;}
.cb-pair[data-tip]{position:relative;cursor:help;}
.cb-pair[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:10px;font-weight:400;padding:3px 7px;white-space:nowrap;border-radius:2px;z-index:60;pointer-events:none;margin-bottom:3px;box-shadow:1px 1px 3px rgba(0,0,0,.3);}
.price-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:500;align-items:center;justify-content:center;}
.price-overlay.show{display:flex;}
.price-dialog{background:#ece9d8;border:2px solid;border-color:#fff #808080 #808080 #fff;width:640px;max-width:96vw;max-height:90vh;box-shadow:4px 4px 0 rgba(0,0,0,0.3);display:flex;flex-direction:column;}
.price-dlg-title{background:linear-gradient(90deg,#0a246a,#3a6ea5);color:#fff;padding:3px 8px;font-weight:700;font-size:12px;display:flex;align-items:center;}
.price-dlg-body{padding:10px 12px;overflow-y:auto;flex:1;}
.price-tbl{border-collapse:collapse;width:100%;font-size:11px;}
.price-tbl th{background:#ece9d8;border:1px solid #808080;padding:3px 6px;text-align:left;font-weight:700;white-space:nowrap;}
.price-tbl td{border:1px solid #c0c0c0;padding:2px 6px;}
.price-tbl td input{width:80px;height:20px;text-align:right;font-size:11px;}
.price-tbl tr:nth-child(even){background:#f5f5f0;}.price-tbl tr:hover{background:#dce6ff !important;color:#000 !important;}.price-tbl tr:hover td{color:#000 !important;}.price-tbl tr:hover b{color:#000 !important;}
.price-tbl .desc{font-size:10px;color:#666;font-weight:400;}
.price-sep{background:#ddd !important;}
.price-sep td{font-weight:700;font-size:10px;color:#0a246a;padding:4px 6px !important;}
td.c-price{text-align:right;font-size:10px;white-space:nowrap;color:#006600;}
td.c-price-brutto{text-align:right;font-size:10px;white-space:nowrap;color:#0a246a;font-weight:700;}
th.h-price{color:#006600;white-space:nowrap;}
th.h-price-brutto{color:#0a246a;white-space:nowrap;}
.total-row{background:#ece9d8 !important;}
.total-row td{border-top:2px solid #808080 !important;padding:4px 6px;font-weight:700;}