/* Catalogue and individual writing workspace in the logo's red/gold palette. */
.schreiben-catalogue{display:flex;align-items:end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:24px}
.schreiben-catalogue h2{margin:0 0 9px;color:var(--ink)}
.schreiben-catalogue p{margin:0;color:var(--muted)}
.schreiben-catalogue label{display:grid;gap:8px;font-weight:700;min-width:min(100%,260px)}
#schreiben-search{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 16px;background:#fff;color:var(--ink)}
#schreiben-search:focus-visible{outline:2px solid var(--red);outline-offset:2px}
#schreiben-topic-count{width:100%;font-size:14px}
body[data-page="schreiben"] #task-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
body[data-page="schreiben"] #task-pick .task-btn{width:100%;min-width:0;min-height:130px;text-align:start;overflow-wrap:anywhere;padding:22px;border-radius:18px}
body[data-page="schreiben"] #task-pick .task-btn:hover{border-color:var(--red);background:#fffaf3}
body[data-page="schreiben"] #task-pick .task-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.schreiben-back{border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--red);padding:13px 20px;margin:0 0 20px;min-height:48px;font-weight:700;scroll-margin-top:110px}
.schreiben-back:hover{border-color:var(--red);background:#fff7f0}
#schreiben-current{color:var(--ink);margin:0 0 24px;line-height:1.6;overflow-wrap:anywhere}
#schreiben-workspace{scroll-margin-top:110px}
@media(max-width:900px){body[data-page="schreiben"] #task-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body[data-page="schreiben"] #task-pick{grid-template-columns:1fr}.schreiben-catalogue{align-items:stretch}.schreiben-catalogue label{width:100%}body[data-page="schreiben"] #task-pick .task-btn{min-height:110px;padding:18px}#schreiben-current{font-size:22px}}