/* Nur was Impressum und Datenschutz zusätzlich zu seite.css brauchen:
   eine lesbare Textspalte in der Blueprint-Optik. Alle Farben kommen aus
   den Token von seite.css, hier steht keine einzige eigene Farbe. */

.blatt{
  width:100%;max-width:44rem;
  margin:0 auto;
  padding:3rem clamp(20px,5vw,72px) 1rem;
}

.zurueck-link{
  display:inline-block;margin-bottom:2rem;
  font-size:.9rem;text-decoration:none;
  color:color-mix(in srgb, var(--color-text) 70%, transparent);
}
.zurueck-link:hover{color:var(--color-accent-700)}

.blatt h1{
  font-size:clamp(1.9rem,5vw,2.6rem);
  text-transform:uppercase;letter-spacing:.02em;
  line-height:1.12;margin:0 0 2rem;
}

.blatt h2{
  margin:2.5rem 0 .75rem;
  font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;
  color:var(--color-accent-700);
}

.blatt h3{
  margin:1.75rem 0 .5rem;
  font-size:1.05rem;
}

.blatt p,.blatt li{
  font-size:1rem;line-height:1.7;color:var(--color-text);
}
.blatt p{margin:0 0 1rem}

.blatt ul{margin:0 0 1rem;padding-left:1.25rem}
.blatt li{margin-bottom:.4rem}

.blatt a{color:var(--color-accent-700)}
.blatt a:hover{color:var(--color-accent)}

.blatt address{
  font-style:normal;line-height:1.8;
  padding:1.25rem 1.4rem;margin:0 0 1rem;
  background:var(--color-surface);border:1px solid var(--color-divider);
}

.stand{
  margin-top:3rem;padding-top:1.5rem;
  border-top:1px solid var(--color-divider);
  font-size:.85rem;color:color-mix(in srgb, var(--color-text) 55%, transparent);
}

/* Fußzeile der Unterseiten sitzt in der Textspalte. */
.blatt+.fuss{max-width:44rem;margin:0 auto;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}

/* Instagram im Fuss der Textseiten: Symbol und Name auf einer Linie.
   Die Regeln aus seite.css greifen hier auch, das hier ist nur die
   Ausrichtung in der flachen Fusszeile mit den Trennpunkten. */
.fuss{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.fuss .insta{display:inline-flex;align-items:center;gap:6px}
.fuss .insta svg{flex:none}