/* Nachrichtenfeld -- steht auf jeder Seite. Bewusst gross, ruhig und ohne Raetsel. */
.nachricht{background:var(--white);border:1px solid var(--line);border-radius:0;
           padding:26px;max-width:none}
.nachricht .zeile{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nachricht label{display:block;font-size:13px;font-weight:600;color:var(--soft);
                 margin-bottom:5px;letter-spacing:.02em}
.nachricht input[type=text],
.nachricht input[type=email],
.nachricht textarea{width:100%;font:inherit;font-size:15.5px;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:0;padding:11px 13px}
.nachricht textarea{min-height:130px;resize:vertical;line-height:1.55}
.nachricht input:focus,.nachricht textarea:focus{outline:none;border-color:var(--sun);
  background:#fffdf8;box-shadow:0 0 0 3px rgba(245,166,35,.16)}
.nachricht .feld{margin-bottom:14px}
.nachricht .ok{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;
               color:var(--soft);margin:4px 0 18px}
.nachricht .ok input{margin-top:3px;width:17px;height:17px;accent-color:var(--sund);flex:none}
.nachricht button{font:inherit;font-weight:600;font-size:15px;cursor:pointer;border:none;
  background:var(--dark);color:#fff;padding:14px 30px;border-radius:0}
.nachricht button:hover{background:var(--sund);color:#3a2a06}
.nachricht .klein{font-size:12.5px;color:#8a978f;margin-top:14px}
/* Koederfeld -- fuer Menschen unsichtbar, auch fuer Screenreader ausgeblendet. */
.koeder{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:640px){.nachricht .zeile{grid-template-columns:1fr}.nachricht{padding:20px}}