/* Für die beiden Textseiten: Datenschutz und Hilfe. Sie liegen auf derselben
   Bühne wie die App, sollen sich aber lesen lassen wie ein Dokument. */

.blatttext {
    max-width: 660px;
    margin: 0 auto;
    padding: 28px 22px 60px;
    padding-bottom: calc(60px + env(safe-area-inset-bottom));
    line-height: 1.62;
    color: var(--schrift);
}

.zurueck {
    display: inline-block; margin-bottom: 26px;
    color: var(--leise); text-decoration: none; font-size: 14px;
}
.zurueck:active { color: var(--akzent); }

.blatttext h1 { font-size: 30px; margin: 0 0 6px; letter-spacing: -.4px; }
.blatttext h2 {
    font-size: 19px; margin: 34px 0 10px;
    padding-top: 18px; border-top: 1px solid var(--rand);
}
/* Die Website setzt h3 in Versalien — für eine Rubrik richtig, für eine
   Frage in einem Text zu laut. */
.blatttext h3 {
    font-size: 15.5px; margin: 22px 0 6px;
    text-transform: none; letter-spacing: 0;
    color: var(--schrift); font-weight: 600;
}
.blatttext p  { margin: 0 0 12px; font-size: 15px; }
.blatttext ul, .blatttext ol { margin: 0 0 14px; padding-left: 22px; font-size: 15px; }
.blatttext li { margin-bottom: 7px; }
.blatttext b { color: var(--schrift); }
.blatttext i { color: var(--leise); font-style: normal; }
.blatttext em { font-style: italic; }
.blatttext a { color: var(--akzent); }
.blatttext code {
    font-size: 13.5px; background: var(--karte); padding: 1px 5px;
    border-radius: 5px; border: 1px solid var(--rand);
}

.stand { color: var(--leise); font-size: 13.5px !important; margin-bottom: 22px !important; }

.fuss {
    margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--rand);
    color: var(--leise); font-size: 12px !important; opacity: .8;
}

/* Die Wege zwischen den Textseiten. Wer im Impressum steht, soll den
   Datenschutz nicht über den Rückweg suchen müssen. */
.fuss a { color: var(--leise); }
.fuss a:hover { color: var(--schrift); }