/* Ketshop V15: gemeinsame Navigation, stabile Hover-Farben und Tabletmenü */
.header .nav a.btn,
.header .nav a.btn:link,
.header .nav a.btn:visited,
.header .nav a.btn:hover,
.header .nav a.btn:focus-visible,
.header .nav a.btn[aria-current="page"] {
  color: #fff !important;
}
.header .nav a.btn:hover,
.header .nav a.btn:focus-visible {
  background-color: #890611;
  box-shadow: 0 10px 24px rgba(137, 6, 17, .17);
}
.header .nav a:not(.btn):hover,
.header .nav a:not(.btn):focus-visible,
.header .nav a:not(.btn)[aria-current="page"] {
  color: var(--red);
}
.header .nav { align-items: center; }
.header .nav a { white-space: nowrap; }
@media (max-width: 1100px) {
  .header .menu-toggle, .header .menu-btn { display: block; }
  .header .nav {
    display: none; position: absolute; top: calc(100% - 1px);
    left: max(14px, calc((100vw - 1300px)/2)); right: max(14px, calc((100vw - 1300px)/2));
    z-index: 50; flex-direction: column; align-items: stretch;
    padding: 18px; gap: 6px; background: #fffaf6;
    border: 1px solid #e4d4ca; border-radius: 0 0 15px 15px;
    box-shadow: 0 18px 36px rgba(25, 20, 16, .13);
  }
  .header .nav.is-open, .header .nav.open { display:flex; }
  .header .nav a:not(.btn) { display:block; padding: 12px; font-size: 1rem; }
  .header .nav .btn { width: 100%; margin-top: 6px; }
}
@media (min-width: 1101px) {
  .header .menu-toggle, .header .menu-btn { display:none; }
  .header .nav { display:flex; gap:clamp(13px,1.8vw,30px); }
}