/* Central navigation, scoped to Pipo's base template. No external assets. */
.navigation { flex-basis: 100%; min-width: 0; }
.navigation nav { display: flex; flex-wrap: wrap; gap: .35rem .7rem; }
.navigation a { display: inline-flex; align-items: center; min-height: 44px;
  padding: .35rem .2rem; max-width: 100%; overflow-wrap: anywhere; }
.navigation .bereich-nav { gap: .2rem 1.1rem; }
.navigation .ort-nav { border-top: 1px solid #ffffff40; margin-top: .3rem;
  padding-top: .2rem; }
.navigation .ort-nav a { color: #fff; font-size: .92rem; }
.navigation .ort-nav a.aktiv { font-weight: 700; text-decoration: underline;
  text-underline-offset: .3em; }
.navigation .kontext-nav a { font-size: .85rem; }
.navigation a:focus-visible, .kopf .wer a:focus-visible, .kopf .marke:focus-visible {
  outline: 3px solid #fff; outline-offset: 3px; border-radius: 2px; }
.navigation .nav-zahl { margin-left: .35rem; }
.kopf-innen .navigation { order: 3; }
.kopf-innen .wer { margin-left: auto; }
.sprung-inhalt { position: absolute; left: 1rem; top: -10rem; z-index: 100;
  padding: .7rem 1rem; background: #fff; color: #111; border: 2px solid currentColor; }
.sprung-inhalt:focus { top: .5rem; }
@media (max-width: 420px) {
  .navigation .bereich-nav { gap: .2rem .8rem; }
  .navigation nav { gap: .15rem .65rem; }
  .kopf-innen .wer { width: 100%; margin-left: 0; overflow-wrap: anywhere; }
}
@media print { .navigation, .sprung-inhalt { display: none; } }

.tageszahlen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.tageszahl { min-width: 0; }
.tageszahl h2 { font-size: 1rem; margin-top: 0; }
.tageszahl strong { font-size: 1.5rem; }
@media(max-width: 600px) { .tageszahlen { grid-template-columns: 1fr; gap: .5rem; } }