/* Gemeinsames Aussehen der Pflichtseiten.
   Eigene Datei, keine Bausteine aus der App: diese Seiten muessen auch dann
   stehen, wenn am Aufbau der Startseite etwas kaputtgeht. */
/* EIGENE @font-face, weil diese Seiten global.css nicht kennen - das ist
   Absicht: die Pflichtseiten muessen auch dann stehen, wenn am Aufbau der
   Startseite etwas kaputtgeht.
   KEIN Michroma hier: der Markenname steht im Anschriftenblock auf Antons
   Ansage (30.08.) wieder normal im Fliesstext. In einer Pflichtangabe
   zaehlt Lesbarkeit, nicht Auszeichnung. */
/* Und die beiden Schriften, die den Text tragen. Ohne sie liefen die
   Pflichtseiten weiter auf System-Grotesk, waehrend die ganze uebrige
   Seite als Serifensatz steht - zwei Seiten, die aussehen wie von einer
   anderen Website. Jost und Shippori bleiben draussen: hier gibt es
   keine Zwischenueberschriften und keine Mikrobeschriftung, und jede
   Datei mehr ist Ladezeit auf einer Seite, die schnell da sein muss. */
@font-face{
  font-family:'Sorts Mill Goudy';
  font-style:normal; font-weight:400; font-display:swap;
  src:url('/schrift/goudy-400.woff2') format('woff2');
}
@font-face{
  font-family:'Sorts Mill Goudy';
  font-style:italic; font-weight:400; font-display:swap;
  src:url('/schrift/goudy-400-italic.woff2') format('woff2');
}
@font-face{
  font-family:'Prata';
  font-style:normal; font-weight:400; font-display:swap;
  src:url('/schrift/prata-400.woff2') format('woff2');
}
:root{
  --schwarz:#08080a; --gold:#d9a94e; --gold-tief:#8c6a3f;
  --platin:#f5f1e8; --platin-matt:#c9c7c1; --grau:#84848e;
}
*,*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100% }
body{
  margin:0; background:var(--schwarz); color:var(--platin-matt);
  font-family:'Sorts Mill Goudy','Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  -webkit-font-smoothing:antialiased;
  font-size:16px; line-height:1.75;
}
.blatt{ max-width:46rem; margin:0 auto; padding:clamp(48px,9vw,112px) clamp(20px,5.5vw,48px) }

.zurueck{
  display:inline-block; margin-bottom:clamp(40px,6vw,72px);
  font-size:12px; letter-spacing:.28em; text-transform:uppercase;
  color:var(--grau); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:3px;
  transition:color .3s, border-color .3s;
}
.zurueck:hover{ color:var(--platin); border-color:var(--gold-tief) }

h1{
  margin:0 0 .2em; font-size:clamp(28px,4.6vw,46px); font-weight:200;
  letter-spacing:.02em; line-height:1.15; color:var(--platin);
}
.stand{ margin:0 0 3.5em; font-size:12px; letter-spacing:.24em;
        text-transform:uppercase; color:var(--grau) }

h2{
  margin:3em 0 .9em; font-size:clamp(16px,1.6vw,20px); font-weight:400;
  letter-spacing:.03em; color:var(--platin);
  padding-top:1.6em; border-top:1px solid #ffffff0f;
}
h2:first-of-type{ border-top:none; padding-top:0 }
h3{ margin:2em 0 .5em; font-size:15px; font-weight:500; color:var(--platin-matt) }

p{ margin:0 0 1.2em }
ul{ margin:0 0 1.2em; padding-left:1.3em }
li{ margin-bottom:.5em }

a{ color:var(--platin); text-decoration:none;
   border-bottom:1px solid var(--gold-tief); transition:border-color .3s }
a:hover{ border-color:var(--gold) }

address{ font-style:normal }
.daten{ margin:0 0 1.2em; line-height:1.9 }
.daten b{ font-weight:500; color:var(--platin) }

/* Noch auszufuellende Stellen fallen ins Auge - eine Rechtsseite mit
   uebersehenem Platzhalter ist schlimmer als eine unfertige. */
.offen{
  display:inline-block; padding:1px 8px; border-radius:2px;
  background:#3a2a08; color:var(--gold); border:1px dashed var(--gold-tief);
  font-size:.92em; letter-spacing:.02em;
}

:focus-visible{ outline:2px solid var(--gold); outline-offset:3px }

@media (prefers-reduced-motion:reduce){
  *{ transition-duration:.01ms !important }
}

/* Dieselbe Ordnung wie auf der Startseite: Ueberschriften in der
   Titelschrift, alles andere im Fliesstext. */
h1,h2{ font-family:'Prata','Iowan Old Style',Georgia,serif; }