/* ------------------------------------------------------------------------------- */
/* vmmdecke.css (c) 01.2026 Andreas Kirschbaum                                     */

body
{ background-color:white;
  font:.8em sans-serif;
  color:black;
  display:grid;
  margin-top:0;
  gap:0.5em
}
body.mod1 { grid-column:1/-1 }

/* 3-spaltiges Layout für breitere Viewports */
@media screen {
@media (min-width: 60em) { body.mod0 { grid-template-columns:1fr 1fr 1fr } }
#navx,#nav0,#bemess0 { display:inline }
#nav1,#quer1,#sg1,#lager1,#bemess1 { display:none }
}

header,footer,nav { grid-column:1/-1 }
main { min-width:20em }
nav { width:100%;background-color:linen;border-bottom:1px solid black;padding:0;position:sticky;top:0;left:0;right:0 }
table { padding:0;margin:0;border:0 }
td { padding:0.2em;vertical-align:top;margin:0;font:1em;background-color:white;font-weight:300 }
th { padding:0;vertical-align:top;margin:0;font:600 1em;text-align:left }
th.ou { border-top:1px solid black;border-bottom:2px solid black }
th.our { border-top:1px solid black;border-bottom:2px solid black;border-right:1px solid black }
td.u { border-bottom:1px solid black }
td.ur { border-bottom:1px solid black;border-right:1px solid black }
td.r { border-right:1px solid black }

ul { padding-top:1em;margin-bottom:0.2em }
li { display:inline;list-style-type:none;padding-left:1em;padding-right:1em;padding-bottom:0;background-color:white;margin-left:0.2em;margin-right:0.2em;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid white }

li.a { background-color:linen;cursor:pointer;border-bottom:1px solid black }
li.a:hover { background-color:antiquewhite }

h1,h2 { font-weight:600;font-size:1.2em;color:black }
h3 { font-weight:300;font-size:1em;color:black }
p { font-size:1em }
p.com { font-size:0.8em }
var { font-style:normal;color:black }

a:link { color:black;text-decoration:none }
a:visited { color:black;text-decoration:none }
a:active { color:black;text-decoration:none }
a:hover { color:black;text-decoration;underline }

input { background-color:linen;font:1em sans-serif;color:black;border:0;text-align:right;padding:0 }
select { background-color:linen;font:1em sans-serif;color:black;border:0;padding:0 }

img { border:0 }
svg { padding:0;background:white;border:0 }
#querBox { width:20em;padding-top:0.5em;padding-bottom:0.5em }
#systemBox,#mLinieBox,#vLinieBox { max-width:30em;padding-top:0.5em;padding-bottom:0.5em }
#lagerBox { width:6em;padding-top:0.5em;padding-bottom:0.5em;margin-right:1em;float:left }

@media print {
h1,h2,h3 { break-after: avoid }
table,svg { break-inside: avoid }
#navx,#nav0,#bemess0 { display:none }
#nav1,#quer1,#sg1,#lager1,#bemess1 { display:inline }
nav,input,select { background-color:white }
}