/* Mamaherz & Babyglück — shared design tokens & base reset
   Extracted from the common <style> block present in every source page.
   Page-specific rules (animations, component classes, media queries) live
   in a small inline <style> block in each page's own <head>. */

:root{
  --cream:#fbf6f0; --cream2:#f4ebe2; --rose:#bd8879; --rose-deep:#a06b5c;
  --ochre:#d1a25c; --ochre-deep:#b6863f; --ink:#3f3833; --muted:#8a7c72;
  --line:#e8dcd0; --white:#ffffff; --sage:#e3ebe0; --sage-ink:#6a7d63;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Mulish',system-ui,sans-serif;color:var(--ink);background:var(--cream);
  line-height:1.65;-webkit-font-smoothing:antialiased;font-size:17px}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0;line-height:1.14;letter-spacing:.2px}
p,li{margin:0}
img,video{display:block;max-width:100%}
a{color:var(--rose-deep);text-decoration:none;transition:color .2s}
a:hover{color:var(--ink)}
button{font:inherit}
input,select,textarea{font:inherit}
ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
dl{margin:0}
section{scroll-margin-top:90px}
details summary::-webkit-details-marker{display:none}
details summary{list-style:none}
details[open] .faq-plus{transform:rotate(45deg)}

/* Mobile nav dropdown (shared markup pattern used on pages with a hamburger menu) */
[data-mobile-nav][hidden]{display:none!important}