/* CHOPAN shared header: deliberately loaded after page styles */
@font-face{font-family:"CHOPAN DM Sans";src:url("bestellen/fonts/DMSans-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
.chopan-header{position:relative;z-index:30;background:#FAF9F5;color:#1C352D}
.chopan-header .site-nav{box-sizing:border-box;max-width:1280px;min-height:83px;margin:0 auto;padding:12px clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:flex-end;gap:20px;position:relative;font:500 14px/1.4 "CHOPAN DM Sans",Arial,sans-serif}
.chopan-header .nav-links{display:flex;align-items:center;gap:clamp(14px,2.1vw,29px);margin-left:auto}
.chopan-header .nav-links a{color:#1C352D;text-decoration:none;font:500 14px/1.4 "CHOPAN DM Sans",Arial,sans-serif;white-space:nowrap}
.chopan-header .nav-links a:hover{text-decoration:underline;text-underline-offset:6px}
.chopan-header .nav-links a[aria-current="page"]{font-weight:500;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.chopan-header .lang-switch{display:flex;align-items:center;gap:5px;margin-left:8px}
.chopan-header .lang-switch button{font:500 12px/1.2 "CHOPAN DM Sans",Arial,sans-serif;border:1px solid #b8c1b9;border-radius:6px;padding:7px 9px;color:#1C352D;background:transparent;cursor:pointer}
.chopan-header .lang-switch button[aria-pressed="true"]{background:#1C352D;color:#FAF9F5}
.chopan-header .menu-toggle{display:none}
@media(max-width:760px){
 .chopan-header .site-nav{min-height:70px;padding:8px 18px;gap:12px}
 .chopan-header .menu-toggle{display:flex;align-items:center;justify-content:center;order:2;width:42px;height:42px;flex:0 0 42px;margin:0;border:1px solid #b8c1b9;border-radius:7px;background:transparent;color:#1C352D;font-size:23px;cursor:pointer}
 .chopan-header .lang-switch{order:1;margin:0}
 .chopan-header .nav-links{display:none;position:absolute;top:calc(100% - 1px);left:18px;right:18px;z-index:40;margin:0;padding:19px;background:#FAF9F5;border:1px solid #c6cfc5;border-radius:8px;box-shadow:0 8px 22px #1c352d20;flex-direction:column;align-items:stretch;gap:19px}
 .chopan-header .nav-links.is-open{display:flex}
 .chopan-header .nav-links a{font-size:15px}
}

/* Keep the original centered About Us logo and its spacing. */
.chopan-header + main .kefir-hero{padding-top:clamp(32px,5vw,65px)}

/* Mobile header: menu left, language switch right. Keep page branding clear. */
@media (max-width:760px){
  .chopan-header .site-nav{justify-content:space-between;min-height:76px;padding:12px 18px;gap:12px}
  .chopan-header .menu-toggle{order:0;margin-right:auto}
  .chopan-header .lang-switch{order:1;margin-left:auto}
  /* Override old homepage negative hero margins that clipped the Swiss cross. */
  .chopan-header + main .hero-layout{margin-top:0}
  .chopan-header + main{padding-top:18px}
}
@media (max-width:370px){
  .chopan-header + main .hero-layout{margin-top:0}
}

/* Mobile header controls: uniform 44px touch targets and alignment. */
@media (max-width:760px){
  .chopan-header .site-nav{align-items:center}
  .chopan-header .menu-toggle{
    box-sizing:border-box;
    width:44px;height:44px;flex:0 0 44px;
    padding:0;margin-top:0;margin-bottom:0;
    border:1px solid #b8c1b9;border-radius:7px;
    line-height:1;
  }
  .chopan-header .menu-toggle span{display:block;line-height:1;transform:translateY(-1px)}
  .chopan-header .lang-switch{align-items:center;gap:6px}
  .chopan-header .lang-switch button{
    box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    min-width:44px;height:44px;
    padding:0 10px;margin:0;
    border:1px solid #b8c1b9;border-radius:7px;
    font:500 14px/1 "CHOPAN DM Sans",Arial,sans-serif;
  }
}