/* Oeffentliches Newsletter-Archiv - Ergaenzung zu hilfe.css */
main.wrap{max-width:52rem}
main.wrap.breit{max-width:56rem}
h1{font-size:1.7rem;margin:1.2rem 0 .6rem}
p.ein{color:var(--steel);margin:0 0 1.6rem}
.ausgaben{list-style:none;padding:0;margin:0}
.ausgaben li{background:var(--white);border:1px solid #E7EBEF;border-radius:18px;
  box-shadow:var(--shadow);padding:1.1rem 1.3rem;margin:0 0 1rem}
.ausgaben li>a{font-weight:800;font-size:1.15rem;color:var(--space);text-decoration:none}
.ausgaben li>a:hover{color:var(--cyan-deep)}
.ausgaben .d{display:block;color:var(--steel);font-size:.9rem;margin:.15rem 0 .5rem}
.ausgaben p{margin:0 0 .4rem;color:var(--steel)}
.ausgaben p.p{margin:0}
.ausgaben p.p a{color:var(--link)}
.werkzeuge{margin:1.4rem 0 .6rem;display:flex;gap:.6rem;flex-wrap:wrap}
.knopf{display:inline-flex;align-items:center;justify-content:center;font-weight:800;
  min-height:52px;padding:.4rem 1.4rem;border-radius:999px;text-decoration:none;
  background:var(--amber);color:var(--space);border:2px solid var(--amber);
  box-shadow:0 3px 0 var(--amber-dark),var(--shadow)}
.knopf:hover{background:#FFCE33;border-color:#FFCE33}
.knopf.leise{background:var(--white);border-color:var(--fog);box-shadow:none;color:var(--space)}
.knopf.leise:hover{border-color:var(--cyan-deep);color:var(--cyan-deep)}
@media print{.top,.foot,.werkzeuge{display:none}}

/* --- Einstiegsseite: bestellen und abbestellen (18.09.2026) --- */
/* Grosse Eingabefelder und Knoepfe, weil die Seite fuer Leserinnen und Leser
   gedacht ist, die mit kleinen Zielen Muehe haben. Mindesthoehe 52 Pixel. */
.nl-kasten{background:var(--white);border:1px solid #E7EBEF;border-radius:18px;
  box-shadow:var(--shadow);padding:1.3rem 1.4rem;margin:0 0 1.4rem}
.nl-kasten.leise{background:var(--mist);box-shadow:none}
.nl-kasten h2{font-size:1.3rem;margin:0 0 .6rem}
.nl-kasten p{margin:0 0 .9rem}
.nl-kasten .feld{margin:0 0 .9rem}
.nl-kasten label{display:block;font-weight:700;margin:0 0 .3rem}
.nl-kasten input[type=email]{width:100%;font:inherit;min-height:52px;padding:.4rem .8rem;
  border:2px solid var(--fog);border-radius:12px;background:var(--white);color:var(--space)}
.nl-kasten input[type=email]:focus-visible{outline:4px solid var(--focus);outline-offset:2px;
  border-color:var(--cyan-deep)}
.nl-wer{border:0;padding:0;margin:0 0 .9rem}
.nl-wer legend{font-weight:800;padding:0;margin:0 0 .4rem}
.nl-wer label{display:flex;align-items:center;gap:.6rem;font-weight:400;
  min-height:44px;margin:0}
.nl-wer input{width:24px;height:24px;flex:0 0 24px;accent-color:var(--cyan-deep)}
/* Der Einwilligungstext erbte das font-weight:700 der Beschriftungen und
   stand dadurch fetter und groesser da als der Absendeknopf darunter - er
   beherrschte die ganze Karte. Er muss lesbar sein, nicht laut. */
.nl-einwilligung{display:flex;gap:.7rem;align-items:flex-start;
  margin:0 0 1rem;line-height:1.5}
.nl-einwilligung>span{font-weight:400;font-size:.92rem;color:var(--steel)}
.nl-einwilligung input{width:26px;height:26px;flex:0 0 26px;margin-top:.15rem;
  accent-color:var(--cyan-deep)}
.nl-kasten button.knopf{font:inherit;font-weight:800;cursor:pointer}
.nl-kasten .status{margin:.8rem 0 0;font-weight:700}
.nl-kasten .status.ok{color:#0F7A3D}
.nl-kasten .status.err{color:#B3261E}
.nl-kasten .klein{font-size:.9rem;color:var(--steel);margin:.8rem 0 0}
.ausgaben.schlank li{padding:.8rem 1.1rem;margin:0 0 .6rem}

/* --- Überschrift einer Ausgabe (19.09.2026) ---
   Der Newsletter steht darunter als 680 Pixel breite, zentrierte Spalte.
   Die Überschrift lief bisher über die volle Breite von main.wrap.breit
   (56rem) und schlug links an - sie sah aus, als wäre sie verrutscht.
   Jetzt sitzt sie über derselben Spalte. */
main.wrap.breit>h1{max-width:680px;margin-left:auto;margin-right:auto;
  text-align:center;line-height:1.25}