/* Demo Naturheilpraxis, Website vorher: feste Breite ohne Viewport, typische Schwächen. Erfundene Praxis. */
body{margin:0;background:#d8e6c8;font-family:Verdana,Geneva,sans-serif;font-size:11px;color:#444}
.demo-bar{background:#111;color:#e8e8e8;font-size:12.5px;padding:7px 16px;text-align:center;font-family:system-ui,sans-serif}
.demo-bar a{color:#fff}
.alt-seite{width:980px;margin:0 auto;background:#fff;border:1px solid #9cb586}
.alt-kopf{background:linear-gradient(#a7c88a,#7fa565);padding:18px 20px;color:#fff}
.alt-logo{font-family:"Comic Sans MS","Brush Script MT",cursive;font-size:30px;display:block}
.alt-motto{font-style:italic;font-size:13px}
.alt-nav{background:#6b8f52;padding:0 6px}
.alt-nav a{display:inline-block;color:#fff;padding:6px 9px;font-size:11px;text-decoration:none}
.alt-held{position:relative}
.alt-held img{width:100%;height:330px;object-fit:cover;display:block}
.alt-held-text{position:absolute;left:0;right:0;bottom:24px;text-align:center;font-family:"Brush Script MT",cursive;font-size:38px;color:#fff;text-shadow:2px 2px 4px #000;margin:0}
.alt-inhalt{display:grid;grid-template-columns:1fr 230px;gap:18px;padding:18px}
.alt-spalte h1{font-family:Georgia,serif;font-size:20px;color:#6b8f52;font-weight:normal}
.alt-spalte p{line-height:1.5;text-align:justify}
.alt-versprechen{color:#b00;font-weight:bold}
.alt-box{background:#f2f7ec;border:1px dashed #9cb586;padding:10px;margin-bottom:10px;line-height:1.6}
.alt-tel-bild{display:inline-block;background:#fff;border:1px solid #ccc;padding:2px 4px;font-family:"Courier New",monospace;letter-spacing:1px;user-select:none}
.alt-formular{padding:0 18px 18px}
.alt-formular h2{font-family:Georgia,serif;font-size:16px;color:#6b8f52;font-weight:normal}
.alt-formular label{display:inline-block;width:45%;margin:0 2% 8px 0;vertical-align:top}
.alt-formular input,.alt-formular select,.alt-formular textarea{display:block;width:100%;font-size:11px;border:1px solid #aaa;padding:2px;box-sizing:border-box}
.alt-formular textarea{height:60px}
.alt-formular button{background:#6b8f52;color:#fff;border:0;padding:4px 14px;font-size:11px}
.alt-pflicht{color:#b00}
.alt-fuss{background:#7fa565;color:#fff;text-align:center;padding:8px;font-size:10px}
.alt-fuss a{color:#fff}
.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}