.site-footer{display:flex;justify-content:center;gap:18px;padding:22px;color:var(--muted);font-size:.72rem}.site-footer a{color:inherit}.legal-page{width:min(760px,calc(100% - 32px));margin:34px auto 60px}.legal-card{padding:clamp(24px,5vw,42px)}.legal-card h1{margin-bottom:28px}.legal-card h2{margin:24px 0 6px;font-size:1rem;color:var(--red-dark)}.legal-card p,.legal-card li{line-height:1.65}.error-page{width:min(680px,calc(100% - 32px));margin:12vh auto;padding:35px;text-align:center}.error-page p{margin:18px 0 26px;color:var(--muted)}.error-page .btn{display:inline-block;text-decoration:none}
/* Navigation und Inhalte bleiben auch im Hochformat vollständig erreichbar. */
.topbar { flex-wrap: wrap; gap: 12px; }
.brand, .brand > span, .user-tools, .hello > div, .panel-head > div { min-width: 0; }
.brand { flex: 1 1 260px; }
.brand img, .avatar { flex-shrink: 0; }
.user-tools { flex-wrap: wrap; max-width: 100%; }
.backend-link { color: var(--yellow); font-weight: 700; line-height: 1.4; padding: 10px 0; }
.task, .panel-head, .messages, .detail-grid > div { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .topbar { position: relative; }
  .user-tools { width: 100%; gap: 10px 14px; }
  .user-tools .logout { display: inline-block; min-height: 44px; font-size: .9rem; }
  .backend-link { flex-basis: 100%; }
  .hello { flex-wrap: wrap; }
  .hello > div { flex: 1 1 180px; }
  .panel-head { flex-wrap: wrap; }
  .task-actions > form { min-width: 0; }
}