body { margin: 0; background: #fff; color: #262626; font: 15px/1.6 "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 40px 20px 60px; }
header img { width: 200px; }
h1 { font-size: 28px; margin: 24px 0 8px; } h2 { font-size: 18px; margin: 28px 0 6px; color: #2E6C8E; }
a { color: #C1622D; }
.draft { background: rgba(183, 121, 31, .13); border-radius: 10px; padding: 10px 14px; margin: 14px 0; }
dl { display: grid; grid-template-columns: 200px 1fr; gap: 6px 16px; } dt { color: #6B5B46; } dd { margin: 0; }
footer { margin-top: 40px; font-size: 13px; color: #6B5B46; }
@media (max-width: 600px) { dl { grid-template-columns: 1fr; } }
.luecke { background: #FFE9A8; border-radius: 4px; padding: 0 4px; }
code { background: rgba(0,0,0,.06); padding: 0 4px; border-radius: 4px; }
/* Kontaktformular (1.062) */
.kf { display: grid; gap: 14px; margin-top: 18px; }
.kf label { display: grid; gap: 4px; color: #6B5B46; font-size: 14px; }
.kf input, .kf textarea { font: inherit; color: #262626; padding: 9px 11px; border: 1px solid #D6C3AD; border-radius: 8px; background: #FFFCF8; }
.kf input:focus, .kf textarea:focus { outline: 2px solid rgba(193, 98, 45, .35); border-color: #C1622D; }
.kf button { justify-self: start; font: inherit; font-weight: 650; color: #fff; background: #C1622D; border: 0; border-radius: 8px; padding: 10px 18px; cursor: pointer; }
.kf button:disabled { opacity: .6; cursor: default; }
.kf-feld { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.kf-fein { font-size: 13px; color: #6B5B46; margin: 0; }
.kf-meldung { margin: 0; min-height: 1.4em; } .kf-meldung.ok { color: #2F8A57; font-weight: 600; } .kf-meldung.fehler { color: #C0392B; }