.subnav{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(241,235,225,.94);
  border-bottom:1px solid rgba(26,20,15,.14);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px)
}
.subnav *{box-sizing:border-box}
.subnav__inner{
  max-width:1320px;
  min-height:82px;
  margin:0 auto;
  padding:0 34px;
  display:flex;
  align-items:center;
  gap:28px
}
.subnav__brand{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none
}
.subnav__brand img{
  display:block;
  width:96px;
  height:68px;
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 5px 10px rgba(20,15,11,.16))
}
.subnav__links{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(15px,2vw,30px);
  min-width:0
}
.subnav__links a,.subnav__appointment{
  color:#564B40;
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:.13em;
  line-height:1.2;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap
}
.subnav__links a{padding:10px 0;border-bottom:1px solid transparent}
.subnav__links a:hover,.subnav__links a:focus-visible{color:#1E777A;border-bottom-color:currentColor}
.subnav__appointment{
  flex:0 0 auto;
  padding:12px 18px;
  border:1px solid rgba(26,20,15,.18);
  border-radius:999px
}
.subnav__appointment:hover,.subnav__appointment:focus-visible{background:#1B1510;color:#FAF6EF}
.subnav__toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:64px;
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(26,20,15,.18);
  border-radius:999px;
  background:transparent;
  color:#564B40;
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
  cursor:pointer
}
.subnav__toggle-icon{display:grid;gap:3px;width:15px}
.subnav__toggle-icon i{display:block;height:1px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
.subnav__toggle:focus-visible{outline:2px solid #1E777A;outline-offset:3px}
.subnav.is-open .subnav__toggle-icon i:nth-child(1){transform:translateY(4px) rotate(45deg)}
.subnav.is-open .subnav__toggle-icon i:nth-child(2){opacity:0}
.subnav.is-open .subnav__toggle-icon i:nth-child(3){transform:translateY(-4px) rotate(-45deg)}
@media(max-width:1040px){
  .subnav__inner{min-height:76px;padding:0 22px;gap:18px}
  .subnav__links{gap:16px}
  .subnav__links a,.subnav__appointment{font-size:10px;letter-spacing:.1em}
  .subnav__appointment{padding:11px 14px}
}
@media(max-width:820px){
  .subnav__inner{min-height:76px;padding:8px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:0 12px}
  .subnav__brand img{width:84px;height:58px}
  .subnav__appointment{grid-column:2;grid-row:1;justify-self:end;font-size:0;padding:11px 15px}
  .subnav__appointment::after{content:'Termin';font-size:10px;letter-spacing:.12em}
  .subnav__toggle{display:inline-flex;grid-column:3;grid-row:1;justify-self:end}
  .subnav__links{
    display:none;
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-content:stretch;
    gap:0;
    margin-top:10px;
    padding:8px 0 4px;
    border-top:1px solid rgba(26,20,15,.12)
  }
  .subnav.is-open .subnav__links{display:grid}
  .subnav__links a{padding:11px 8px;white-space:normal;border-bottom:1px solid rgba(26,20,15,.08)}
}
@media(max-width:430px){
  .subnav__inner{padding-left:14px;padding-right:14px}
  .subnav__appointment{padding:10px 12px}
  .subnav__toggle{min-width:58px;padding:10px 9px}
  .subnav__toggle>span:first-child{display:none}
}