/* Gemeinsame Kopf- und Fußzeile (kopf.js) für alle Tools */
.kh-kopf {
  height: 52px; flex: 0 0 52px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 0 20px; border-bottom: 1px solid #dde5ea; background: #ffffff;
  font-family: 'Lato', 'Segoe UI', sans-serif; font-size: 15px; color: #445662;
}
.kh-links, .kh-rechts { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kh-links { overflow: hidden; }
.kh-logo { flex: none; display: flex; margin-right: 8px; }
.kh-logo img { display: block; height: 32px; width: auto; }
.kh-rechts { flex: none; }
.kh-titel { font-weight: 700; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kh-leise { color: #8a9fad; text-decoration: none; white-space: nowrap; }
.kh-leise:hover { color: #445662; }
.kh-name { color: #8a9fad; white-space: nowrap; }
.kh-flaggen { display: flex; gap: 6px; margin-left: 4px; }
.kh-flagge { border: none; background: none; padding: 2px; cursor: pointer; line-height: 0; opacity: .45; }
.kh-flagge.aktiv, .kh-flagge:hover { opacity: 1; }
.kh-flagge.aktiv { cursor: default; }
.kh-flagge svg { display: block; width: 21px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(68, 86, 98, .15); }
.kh-fuss {
  flex: 0 0 auto; padding: 14px 20px; text-align: center;
  font-family: 'Lato', 'Segoe UI', sans-serif; font-size: 12px; color: #8a9fad;
}
@media (max-width: 480px) {
  .kh-kopf { padding: 0 16px; }
  .kh-name { display: none; }
}