/* Zentrales responsives Grunddesign für alle Seiten */
*{box-sizing:border-box}
html{font-size:16px}
body{font-family:Arial,sans-serif;line-height:1.45;margin:0 auto;padding:16px;max-width:1100px;color:#222;background:#fafafa}
a{color:#0645ad}
h1{font-size:clamp(1.55rem,5vw,2.2rem);line-height:1.2}
h2{font-size:clamp(1.2rem,4vw,1.6rem)}
input,textarea,select,button{font:inherit;min-height:44px;padding:9px;max-width:100%}
input[type=checkbox]{min-height:0;width:auto}
button{touch-action:manipulation}
form{max-width:760px}
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
img{max-width:100%;height:auto}
.toolbar,.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.card{background:#fff}
@media(max-width:640px){
 body{padding:12px;background:#fff}
 input,textarea,select,button{font-size:16px!important;width:100%;min-width:0!important}
 .toolbar>a,.toolbar>button,.row>*{width:100%}
 .actions{display:flex;gap:8px;flex-wrap:wrap}
 .tree-list{padding-left:8px!important}
 .tree-node{width:100%;align-items:flex-start}
 .description{margin-left:8px!important}
 th,td{white-space:normal}
}
@media print{body{max-width:none;background:#fff}}