/* Demo Naturheilpraxis Tamsen, Website nachher. Erfundene Praxis, gebaut von seorado. */
@font-face{font-family:"Figtree";src:url(fonts/figtree-var.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--ink:#1c2b26;--grau:#56655f;--gruen:#2f4a40;--gruen-d:#233a32;--salbei:#eaf1ec;--linie:#dbe4de;--warm:#c4672b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Figtree",system-ui,sans-serif;color:var(--ink);font-size:17px;line-height:1.6;background:#fff}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.demo-bar{background:#111;color:#e8e8e8;font-size:12.5px;padding:7px 16px;text-align:center}
.demo-bar a{color:#fff}
.kopf{border-bottom:1px solid var(--linie);background:#fff;position:sticky;top:0;z-index:10}
.kopf-in{display:flex;align-items:center;gap:26px;height:64px}
.logo{text-decoration:none;font-size:18px;color:var(--grau)}
.logo b{color:var(--gruen);font-weight:700}
.kopf nav{display:flex;gap:20px;font-size:15px}
.kopf nav a{text-decoration:none}
.kopf-tel{margin-left:auto;font-weight:700;text-decoration:none;color:var(--gruen)}
.held{background:var(--salbei);padding:44px 0}
.held-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:44px;align-items:center}
.ort{margin:0 0 8px;font-weight:700;color:var(--warm);font-size:15px;letter-spacing:.02em}
h1{font-size:40px;line-height:1.12;letter-spacing:-.02em;margin:0 0 14px;font-weight:750}
.lead{font-size:18.5px;color:var(--grau);margin:0 0 22px;max-width:56ch}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;background:var(--gruen);color:#fff;font-weight:700;text-decoration:none}
.btn:hover{background:var(--gruen-d)}
.btn.hell{background:#fff;color:var(--gruen);border:2px solid var(--gruen)}
.naechste{font-size:14.5px;color:var(--grau);margin:14px 0 0}
.foto{margin:0;border-radius:16px;overflow:hidden;position:relative}
.foto figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);font-size:13px;padding:4px 10px;border-radius:8px}
section{padding:52px 0}
h2{font-size:28px;letter-spacing:-.015em;margin:0 0 16px}
.karten{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.karten article{border:1px solid var(--linie);border-radius:14px;padding:20px}
.karten h3{margin:0 0 6px;font-size:18px}
.karten p{margin:0;color:var(--grau);font-size:16px}
.hinweis{font-size:14px;color:var(--grau);margin:16px 0 0}
.kosten{background:var(--salbei)}
.kosten-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.kosten p{color:var(--grau);margin:0}
.preise{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}
.preise th,.preise td{padding:14px 16px;border-bottom:1px solid var(--linie);text-align:left;font-weight:500}
.preise td{text-align:right;font-weight:750;white-space:nowrap}
.schritte{margin:0;padding-left:22px;display:grid;gap:10px;max-width:760px}
.ueber-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.ueber-grid img{border-radius:16px}
.ueber p{color:var(--grau)}
.bewertung{font-weight:700;color:var(--ink)!important}
.demo-hinweis{font-weight:400;font-size:13px;color:var(--grau)}
.anfahrt{background:var(--salbei)}
.anfahrt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.anfahrt h2{font-size:21px}
.anfahrt p{margin:0 0 8px}
.klein{font-size:13px;color:var(--grau)}
.sticky-cta{display:none}
.fuss{background:var(--gruen);color:#d6e2dc;font-size:13.5px;padding:24px 0}
.fuss a{color:#fff}
@media (max-width:860px){
  body{font-size:16px}
  .kopf nav{display:none}
  .held{padding:22px 0 26px}
  .held-grid{grid-template-columns:1fr;gap:18px}
  .foto{order:-1;max-height:250px}
  .foto img{object-fit:cover;object-position:50% 25%;height:250px;width:100%}
  h1{font-size:27px}
  .lead{font-size:16.5px;margin-bottom:16px}
  .btn{flex:1 1 100%}
  .karten,.kosten-grid,.ueber-grid,.anfahrt-grid{grid-template-columns:1fr}
  section{padding:36px 0}
  .sticky-cta{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 12px;background:#fff;border-top:1px solid var(--linie);z-index:20}
  .sticky-cta a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;text-decoration:none;border:2px solid var(--gruen);color:var(--gruen)}
  .sticky-cta .btn{color:#fff}
  .fuss{padding-bottom:84px}
}
.marke-nr{position:absolute;z-index:50;width:30px;height:30px;border-radius:50%;background:#e4002b;color:#fff;font:700 15px/30px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(0,0,0,.35);pointer-events:none}
.markiert{outline:3px solid #e4002b;outline-offset:3px;border-radius:8px}