@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url("/assets/fonts/gesundheit/cormorant-garamond-italic.woff2") format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/assets/fonts/gesundheit/cormorant-garamond.woff2") format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/gesundheit/manrope.woff2") format('woff2');
}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:#F4EFE6;color:#1B2620;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:#2C6E66;color:#F4EFE6}
  a{color:inherit;text-decoration:none}
  input{font-family:inherit}
  @keyframes fadeUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
  @keyframes slowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  details[open] .faq-mark{transform:rotate(45deg)}
  summary::-webkit-details-marker{display:none}
  .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:none;cursor:pointer;padding:0}
  .nav-toggle span{display:block;width:100%;height:2px;background:#1B2620;border-radius:2px;transition:transform .2s,opacity .2s}
  @media (max-width:760px){
    .nav-toggle{display:flex}
    .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start!important;gap:4px!important;background:#F4EFE6;border-bottom:1px solid rgba(27,38,32,0.10);padding:10px clamp(20px,5vw,64px) 22px;box-shadow:0 16px 30px rgba(20,28,24,0.12);max-height:0;overflow:hidden;visibility:hidden}
    .nav-links.is-open{max-height:70vh;overflow-y:auto;visibility:visible}
    .nav-links a{padding:10px 0;width:100%}
    .nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .nav-toggle.is-open span:nth-child(2){opacity:0}
    .nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  }

  /*
   * Ab hier: Ergaenzungen aus Task 3b, kein Teil des Original-Stylesheets.
   * Byte-Treue oben endet bewusst bei der letzten Original-Regel.
   */

  /*
   * .mel-skip lebt seit Task 3c NICHT mehr hier, sondern zentral in
   * shared.css - siehe dort. layout.php rendert den Skip-Link auf JEDER
   * Seite, das ist ein geteiltes Layout-Anliegen, kein seiteneigenes.
   */

  /*
   * Rechtslinks im Footer (Ruling K19). Die Seite gestaltet Footer-Links
   * sonst durchweg per Inline-style statt per Klasse - .mel-rechtslink
   * setzt fuer den injizierten <button> dieselbe Optik wie die Nachbar-<a>
   * (Buttons erben Schrift/Farbe standardmaessig NICHT vom Elternelement,
   * <a> schon - daher der explizite Reset, der bei <a> nichts aendert).
   */
  .mel-rechtslink{
    color:inherit;
    font:inherit;
    letter-spacing:inherit;
    background:none;
    border:none;
    padding:0;
    margin:0;
    cursor:pointer;
    text-decoration:none;
  }