/* Michaela Hänßler — Landingpage
   Farben: #9d6d67 (mauve)  #e6cbc7 (blush)  #725d55 (taupe) */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #faf4f0;
  color: #6b5750;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
::selection { background: #e6cbc7; color: #5b4a44; }

/* animierter Unterstrich bei Links */
.mh-link { position: relative; }
.mh-link::after {
  content: "";
  position: absolute;
  left: 0; bottom: -4px;
  width: 0; height: 1px;
  background: #9d6d67;
  transition: width .35s ease;
}
.mh-link:hover::after { width: 100%; }

/* Button-Hover */
.btn-primary { transition: background .25s ease; }
.btn-primary:hover { background: #89594f; }
.btn-cta { transition: background .25s ease; }
.btn-cta:hover { background: #f3e4e0; }

/* Responsive */
@media (max-width: 880px) {
  .grid-2,
  .grid-hero { grid-template-columns: 1fr !important; gap: 48px !important; }
  .grid-3 { grid-template-columns: 1fr !important; }
  .sticky-col { position: static !important; }
  .nav-links { gap: 18px !important; }
  .nav-hide { display: none !important; }
}