/* bindig.eu – ein Stylesheet, keine externen Anfragen */
:root{
  --paper:#ffffff;
  --ink:#000000;
  --muted:#6b6f73;
  --rule:#e4e6e7;
  --accent:#2f6b5e;
  --question:#d9541e;
  --measure:34rem;
}
@media (prefers-color-scheme: dark){
  :root{--paper:#111213;--ink:#f2f2f0;--muted:#9a9ea2;--rule:#2a2c2e;--accent:#7fb8a8;--question:#f08a4b;}
}
*{box-sizing:border-box}
html{font-size:112.5%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height:1.5;-webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.page{max-width:68rem;margin:0 auto;padding:1.5rem 1rem 3rem}
header.top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:3rem}
header.top .home{color:var(--ink);text-decoration:none;font-size:1rem}
header.top nav{display:flex;gap:1.25rem;font-size:.95rem}
header.top nav a{color:var(--muted);text-decoration:none}
header.top nav a[aria-current="page"]{color:var(--ink)}
header.top nav a:hover{color:var(--accent)}
main{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width:46rem){main{grid-template-columns:9.5rem 1fr;gap:3rem;align-items:start}}
figure.portrait{margin:0;width:9.5rem}
figure.portrait img{display:block;width:100%;height:auto;filter:grayscale(1);aspect-ratio:4/5;object-fit:cover}
figure.portrait figcaption{font-size:.8rem;color:var(--muted);margin-top:.5rem}
h1{font-weight:700;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1.5rem}
.bio p{max-width:var(--measure);margin:0 0 1rem;font-size:1rem}
.question{max-width:var(--measure);margin:2rem 0 0 1.5rem;padding-left:1rem;border-left:2px solid var(--question);color:var(--question)}
.question h2{font-size:.85rem;font-weight:400;margin:0 0 .4rem;color:var(--muted)}
.question p{margin:0;font-size:1.15rem;line-height:1.4;color:var(--question)}
@media (max-width:46rem){.question{margin-left:.5rem}}
.now-teaser{max-width:var(--measure);margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule);font-size:.95rem;color:var(--muted)}
.now-teaser a{color:var(--accent)}
.contact{max-width:var(--measure);margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule);font-size:.95rem}
.contact dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1.25rem}
.contact dt{color:var(--muted)}.contact dd{margin:0}
footer.bottom{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--rule);font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
footer.bottom a{color:var(--muted)}
.now h1{font-size:clamp(1.8rem,4vw,2.4rem)}
.now .stamp{color:var(--muted);font-size:.9rem;margin:-1rem 0 1.5rem}
.now ul{max-width:var(--measure);padding-left:1.1rem;margin:0}
.now li{margin-bottom:.6rem}
.sections{max-width:var(--measure);margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule);font-size:.95rem;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){a{transition:text-decoration-thickness .12s}}