/* georgdaxer.at - eine Datei, keine Abhängigkeiten, keine Schriften von fremden Servern */

:root{
  --papier:#faf8f4;
  --tinte:#1c1a17;
  --grau:#6f6a62;
  --linie:#e4dfd5;
  --akzent:#8a4b2a;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--papier:#15140f;--tinte:#e8e3d9;--grau:#9b948a;--linie:#32302a;--akzent:#c98a5e;}
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0 auto;padding:0 1.5rem;max-width:40rem;
  background:var(--papier);color:var(--tinte);
  font-family:var(--serif);font-size:1.0625rem;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* Kopf */
header{
  display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:baseline;
  justify-content:space-between;
  padding:2.5rem 0 1rem;margin-bottom:2.5rem;border-bottom:1px solid var(--linie);
}
.name{
  font-size:1rem;letter-spacing:.01em;color:var(--tinte);
  text-decoration:none;font-weight:600;
}
body.start .name{visibility:hidden}
header nav{display:flex;gap:1.4rem;font-family:var(--sans);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
header nav a{color:var(--grau);text-decoration:none;padding-bottom:3px;
  border-bottom:1px solid transparent}
header nav a:hover,header nav a.aktiv{color:var(--tinte);border-color:var(--akzent)}

/* Text */
h1{font-size:1.95rem;font-weight:400;line-height:1.25;letter-spacing:-.012em;
   margin:0 0 .5rem}
body.start h1{margin-bottom:.9rem}
body.start header{padding-bottom:.6rem;margin-bottom:2.8rem}
h2{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.17em;
   text-transform:uppercase;color:var(--grau);margin:3.2rem 0 1rem}
h3{font-size:1.15rem;font-weight:600;margin:2rem 0 .6rem}
p{margin:0 0 1.15rem}
a{color:var(--tinte);text-decoration:none;border-bottom:1px solid var(--linie)}
a:hover{border-color:var(--akzent)}
blockquote{margin:1.5rem 0;padding-left:1.2rem;border-left:2px solid var(--linie);
  color:var(--grau);font-style:italic}
hr{border:0;border-top:1px solid var(--linie);margin:2.5rem 0}
em{font-style:italic}
strong{font-weight:600}
img{max-width:100%;height:auto}

.lead{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}
.claim{display:inline-block;margin-top:.35rem;font-size:.95rem;color:var(--grau);
  font-style:italic;letter-spacing:.005em}
.datum{font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;
  color:var(--grau);margin:0 0 2rem}

/* Listen (Arbeiten, Texte, Archiv) */
.liste{list-style:none;margin:0;padding:0}
.liste li{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;
  padding:.85rem 0;border-top:1px solid var(--linie)}
.liste li:last-child{border-bottom:1px solid var(--linie)}
.liste .jahr{font-family:var(--sans);font-size:.78rem;color:var(--grau);
  padding-top:.32rem;white-space:nowrap}
.liste .t{font-size:1.08rem;margin:0}
.liste .t a{border-bottom-color:transparent}
.liste .t a:hover{border-bottom-color:var(--akzent)}
.liste .d{font-size:.92rem;color:var(--grau);margin:.2rem 0 0}
.mehr{font-family:var(--sans);font-size:.85rem;margin-top:1.3rem}

.jahrmarke{margin-top:2.8rem}
.archiv li:last-child{border-bottom:1px solid var(--linie)}

/* Zeller Weisheit */
.weisheiten{list-style:none;margin:2rem 0 0;padding:0}
.weisheiten li{padding:1.4rem 0;border-top:1px solid var(--linie)}
.weisheiten li:last-child{border-bottom:1px solid var(--linie)}
.weisheiten blockquote{margin:0;padding:0;border:0;font-style:normal;
  font-size:1.18rem;line-height:1.5;color:var(--tinte)}
.weisheiten .quelle{font-family:var(--sans);font-size:.74rem;color:var(--grau);
  margin:.5rem 0 0}
body.start blockquote{font-style:normal;font-size:1.1rem;color:var(--tinte)}

/* Bilder in alten Beiträgen */
article img{display:block;margin:2rem auto;max-width:100%;height:auto}

/* Blättern */
.blaettern{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  margin-top:3.5rem;padding-top:1.3rem;border-top:1px solid var(--linie);
  font-family:var(--sans);font-size:.83rem}
.blaettern a{color:var(--grau);border:0;max-width:48%}
.blaettern a:hover{color:var(--tinte)}
.blaettern .rechts{margin-left:auto;text-align:right}

/* Fuß */
footer{display:flex;gap:1.5rem;flex-wrap:wrap;
  margin:4rem 0 2.5rem;padding-top:1.2rem;border-top:1px solid var(--linie);
  font-family:var(--sans);font-size:.78rem;color:var(--grau)}
footer a{color:var(--grau);border:0}
footer a:hover{color:var(--tinte)}

@media (max-width:30rem){
  body{font-size:1rem;padding:0 1.2rem}
  h1{font-size:1.6rem}
  .liste li{grid-template-columns:3.6rem 1fr;gap:.7rem}
}