body{font-family:Arial,sans-serif;background:#f4f6f8;margin:0;color:#222}header{background:#fff;border-bottom:1px solid #ddd;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.nav a{margin-right:13px;color:#174f7a;text-decoration:none;font-weight:600}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.kpi{font-size:28px;font-weight:700}.muted{color:#666}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:top}th{background:#f7f7f7}input,select,textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #bbb;border-radius:6px}label{font-weight:600;display:block;margin-top:10px}button,.btn{background:#174f7a;color:#fff;border:0;border-radius:6px;padding:9px 13px;text-decoration:none;display:inline-block;cursor:pointer}.btn.secondary{background:#666}.btn.danger{background:#9d2d2d}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.flash{padding:12px;background:#e7f4e7;border:1px solid #a7d4a7;border-radius:6px;margin-bottom:15px}.right{text-align:right}.nowrap{white-space:nowrap}@media(max-width:700px){.row{grid-template-columns:1fr}header{display:block}.nav{margin-top:10px}}
.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form label{margin:0}.inline-form input{width:110px}.linkbutton{background:none;border:0;padding:0;color:#0b5ed7;text-decoration:underline;cursor:pointer;font:inherit}.linkbutton:hover{color:#084298}
.actions{display:flex;gap:8px;flex-wrap:wrap}.inline{display:inline}.narrow{max-width:520px}.tablewrap{overflow-x:auto}.badge{display:inline-block;padding:3px 7px;border-radius:12px;background:#ddd;font-size:.88em}.badge.entwurf{background:#eee}.badge.offen{background:#fff2b8}.badge.teilbezahlt{background:#d9ecff}.badge.bezahlt{background:#d9f2dd}.badge.storniert{background:#f7d4d4}.flash.warn,.warnbox{background:#fff3cd;border-color:#e6cc80}.warntext{color:#8a4b00}.checkbox{width:auto;margin-right:6px}.compact{grid-template-columns:100px 1fr}.danger{background:#9d2d2d!important}
.dangerlink{color:#9d2d2d!important}

/* Navigation 0.3.13 */
.site-header{gap:18px;position:relative;z-index:20}
.brand{color:#222;text-decoration:none;font-weight:700;white-space:nowrap}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a,.nav summary{color:#174f7a;text-decoration:none;font-weight:600}
.nav>a,.nav summary{display:block;padding:9px 10px;border-radius:6px}
.nav>a:hover,.nav summary:hover,.nav>a.active,.nav-group.active-group>summary{background:#edf4f9}
.nav-group{position:relative}
.nav-group summary{cursor:pointer;list-style:none;user-select:none;white-space:nowrap}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:" ▾";font-size:.82em}
.nav-group[open]>summary::after{content:" ▴"}
.nav-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#fff;border:1px solid #d8dde2;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;z-index:50}
.nav-menu-right{left:auto;right:0}
.nav-menu a{display:block;padding:10px 12px;border-radius:5px;white-space:nowrap}
.nav-menu a:hover,.nav-menu a.active{background:#edf4f9}
.nav-toggle{display:none;margin-left:auto;background:#174f7a}
@media(max-width:900px){
  .site-header{display:flex;flex-wrap:wrap;padding:12px 16px}
  .nav-toggle{display:inline-block;width:auto}
  .nav{display:none;flex:0 0 100%;margin:0;padding-top:8px;align-items:stretch;flex-direction:column;gap:2px}
  .nav.open{display:flex}
  .nav>a,.nav summary{padding:12px 10px;width:100%;box-sizing:border-box}
  .nav-group{width:100%;border-top:1px solid #eee}
  .nav-menu,.nav-menu-right{position:static;min-width:0;border:0;border-radius:0;box-shadow:none;padding:0 0 6px 14px;background:transparent}
  .nav-menu a{padding:11px 10px;white-space:normal}
  .nav-group[open]{background:#fafbfc;border-radius:6px}
}
@media(max-width:520px){
  .wrap{margin-top:16px;padding:0 10px}
  .site-header{padding:10px 12px}
  .brand{max-width:calc(100% - 96px);overflow:hidden;text-overflow:ellipsis}
  .nav-toggle{padding:9px 11px}
}
@media print {
  header.site-header,.nav,.nav-toggle,.card:not(.print-document),button,.btn{display:none!important}
  main,.print-document{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
  body{background:white!important;color:black!important}
}

/* Benutzerhinweis 0.3.29.3 */
.user-indicator{font-size:.84rem;color:#4c5964;background:#f4f6f8;border:1px solid #d8dee4;border-radius:999px;padding:5px 9px;white-space:nowrap}
.user-indicator strong{color:#222}
@media(max-width:900px){.user-indicator{margin-left:auto}.nav-toggle{margin-left:0}}
@media(max-width:620px){.user-indicator{order:3;flex:0 0 100%;width:max-content;margin:6px 0 0 0}.nav{order:4}.brand{order:1}.nav-toggle{order:2;margin-left:auto}}