/* Stardust Express — gemeinsame Gestaltung der Unterseiten.
   Die Startseite traegt ihr CSS inline (eine einzige Anfrage, sofort sichtbar);
   Impressum und Datenschutz teilen sich diese Datei. */

@font-face{
  font-family:'Fraunces';src:url('/fonts/fraunces.woff2') format('woff2-variations');
  font-weight:300 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'SourceSerif';src:url('/fonts/source-serif.woff2') format('woff2-variations');
  font-weight:200 700;font-style:normal;font-display:swap;
}

:root{
  --nacht:#12141b;
  --tiefe:#0c0e13;
  --stern:#ece8e1;
  --staub:#a9a49b;
  --bronze:#c9a87c;
  --linie:#2a2e39;
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  min-height:100svh;
  background:var(--nacht);
  color:var(--staub);
  font-family:'SourceSerif',Georgia,serif;
  font-weight:350;
  line-height:1.65;
  display:flex;
  flex-direction:column;
  background-image:radial-gradient(58rem 40rem at 50% -14%, rgba(201,168,124,.07), transparent 62%);
  background-repeat:no-repeat;
}

.huelle{
  flex:1;width:100%;max-width:44rem;margin:0 auto;
  padding:2.5rem 1.5rem 3rem;
}

.zurueck{margin-bottom:2.5rem;font-size:.9rem}
.zurueck a{
  color:var(--bronze);text-decoration:none;
  letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;
}
.zurueck a:hover,.zurueck a:focus{text-decoration:underline}

h1{
  font-family:'Fraunces',Georgia,serif;font-weight:400;
  font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.25;
  color:var(--stern);letter-spacing:-.01em;margin-bottom:1.75rem;
}

h2{
  font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:1.0625rem;color:var(--stern);
  margin:2rem 0 .5rem;letter-spacing:.005em;
}

.text{font-size:1rem;max-width:36rem}
.text p+p{margin-top:.85rem}
.text a{color:var(--bronze);text-decoration:none;border-bottom:1px solid #4a4238}
.text a:hover,.text a:focus{border-color:var(--bronze)}

.vorspann{
  padding:1rem 1.15rem;border-left:2px solid var(--bronze);
  background:rgba(201,168,124,.045);border-radius:0 4px 4px 0;
}
.vorspann strong{color:var(--stern);font-weight:600}

.stand{margin-top:2.5rem;font-size:.85rem;color:#837f76}

footer{
  padding:1.5rem;text-align:center;
  font-size:.8125rem;color:#807c73;background:var(--tiefe);
}
footer a{color:#8d887f;text-decoration:none;border-bottom:1px solid #33363f}
footer a:hover,footer a:focus{color:var(--bronze);border-color:var(--bronze)}
footer .trenner{opacity:.45;padding:0 .55rem}

@media (min-width:48rem){
  .huelle{padding:3rem 2rem 3.5rem}
}