/* Seite "About" - baut auf style.css auf.
   Bewusst schmaler als die Startseite: das hier ist Fliesstext, kein Schaufenster. */
.about{max-width:46em;padding-top:34px;padding-bottom:72px}
.about .zurueck{font-size:.8rem;color:var(--muted);margin:0 0 34px;
                letter-spacing:.04em}
/* Sprachumschalter - dieselbe Machart wie auf den Werkseiten. */
.sprachen{float:right}
.sprachen a,.sprachen .hier{margin-left:10px}
.sprachen .hier{color:var(--ink)}
@media(max-width:560px){.sprachen{float:none;display:block;margin-top:8px}
                        .sprachen a:first-child,
                        .sprachen .hier:first-child{margin-left:0}}
/* Die Herleitung der Zahl: eine Fussnote, kein Absatz im Fliesstext. */
.zahl{margin:6px 0 0;padding:16px 0 0;border-top:1px solid var(--line);
      color:var(--muted);font-size:.92rem;line-height:1.65}
.zahl b{color:var(--ink);font-weight:600}
.about header{padding:0 0 8px;text-align:left}
.about h1{text-align:left;font-size:clamp(2rem,5.4vw,3.1rem);margin:0 0 16px}
.about .thesis{margin:0;text-align:left}
.about h2{font-family:var(--serif);font-weight:400;font-size:1.4rem;
          color:var(--ink);margin:0 0 18px}
.about .prose{max-width:none;margin:0}
.about .prose p{margin:0 0 1.05em;font-size:1.02rem;line-height:1.7}
.about .prose em{color:var(--ink);font-style:italic}
.about section{margin:0 0 4px}

/* Die vier Pfeiler - nummeriert, weil sie zusammen eine Aussage ergeben. */
.piers ol{list-style:none;margin:0;padding:0;counter-reset:pfeiler}
.piers li{counter-increment:pfeiler;position:relative;
          padding:0 0 22px 46px}
.piers li::before{content:counter(pfeiler);position:absolute;left:0;top:-2px;
                  font-family:var(--serif);font-size:1.5rem;color:var(--gold-dim)}
.piers li b{display:block;font-weight:600;color:var(--ink);margin-bottom:5px}
.piers li span{display:block;color:var(--muted);line-height:1.65}
.piers li.last b{color:var(--gold)}

/* Die Regeln. Sie sind der Kern der Seite und duerfen so aussehen. */
.rules{list-style:none;margin:26px 0 30px;padding:0;
       border-left:2px solid var(--gold-dim)}
.rules li{padding:12px 0 12px 20px;color:var(--muted);line-height:1.65;
          font-size:.98rem}
.rules li b{color:var(--ink);font-weight:600}
.rules li i{font-style:normal;color:var(--gold);white-space:nowrap}

.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;
      color:var(--ink)}
.about footer{padding:34px 0 0;text-align:left}
.about footer .follow{justify-content:flex-start}

footer .wer{color:var(--muted);font-size:.8rem;margin:8px 0 0}