/* ─────────────────────────────────────────────
   Montique — Unterseiten-Layout (Impressum, Datenschutz, Journal, …)
   Design & Development · siondesign.de
   Nutzung: <main id="main" class="page"> … Prosa-Elemente … </main>
   ───────────────────────────────────────────── */

.page{max-width:860px;margin:0 auto;padding:clamp(140px,18vw,200px) var(--pad) clamp(80px,10vw,140px)}
.page h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1.04;letter-spacing:-.02em;margin:0 0 clamp(36px,5vw,56px)}
.page h2{font-family:var(--serif);font-weight:500;font-size:23px;margin:44px 0 12px}
.page p,.page li{margin:0 0 14px;color:var(--body);max-width:64ch}
.page ul{padding-left:20px}
.page li{margin-bottom:8px}
.page a{text-decoration:underline}
.page .meta{margin-top:36px;font-size:13.5px;color:var(--muted)}

/* Redaktions-Platzhalter (vor Live-Gang füllen) */
.todo{background:#F3E4BD;color:var(--ink);padding:1px 6px;border-radius:2px}

/* ── Formulare (Kontakt & künftige) ── */
.form-note{font-size:12.5px;line-height:1.55;color:var(--muted)}
.field{margin:0 0 26px}
.field label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.in{width:100%;box-sizing:border-box;background:transparent;border:0;border-bottom:1px solid #8A857A;padding:12px 0 13px;font-size:17px;color:var(--ink);outline:none;border-radius:0;transition:border-color .25s}
.in:focus{border-bottom-color:var(--ink)}
.in:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
textarea.in{min-height:140px;resize:vertical;line-height:1.55}
.seg{display:flex;flex-wrap:wrap;gap:10px}
.seg label{cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:inline-flex;padding:12px 20px;border:1px solid #8A857A;font-size:14px;color:var(--body);transition:background .2s,color .2s,border-color .2s}
.seg input:checked + span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.seg input:focus-visible + span{outline:2px solid var(--ink);outline-offset:3px}
.notice{border:1px solid var(--hairline);background:var(--panel);padding:18px 22px;font-size:15px;line-height:1.6;color:var(--body);margin:0 0 32px}
.notice.ok{border-color:#2E4034;color:var(--ink)}
.notice.err{border-color:var(--accent)}

/* Zwei-Karten-Weiche (z. B. Privat / Fachhandel) */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(20px,3vw,32px);margin:clamp(36px,5vw,56px) 0}
.split article{border:1px solid var(--hairline);padding:clamp(24px,3.5vw,36px)}
.split h2{margin:0 0 10px}
.split p{font-size:15.5px}

/* ── Fehlerseite (404) ── */
.error-body{min-height:100vh;display:flex;flex-direction:column}
.error-main{flex:1;display:flex;align-items:center;max-width:var(--wrap);width:100%;box-sizing:border-box;margin:0 auto;padding:clamp(140px,18vw,200px) var(--pad) 80px}
.error-main h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,7vw,96px);line-height:1.02;letter-spacing:-.022em;margin:0;max-width:16ch}
.error-main p{color:var(--body);max-width:46ch;font-size:clamp(16px,1.3vw,18px);line-height:1.66;margin:26px 0 0}
.error-main .kicker{margin-bottom:24px}
/* .cta-row/.btn-dark/.lnk-underline: global in shared.css */