@font-face{font-family:'Inter';src:url('/schriften/Inter-latin.woff2') format('woff2');
  font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Inter';src:url('/schriften/Inter-latin-ext.woff2') format('woff2');
  font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'Playfair Display';src:url('/schriften/PlayfairDisplay-latin.woff2') format('woff2');
  font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Playfair Display';src:url('/schriften/PlayfairDisplay-latin-ext.woff2') format('woff2');
  font-weight:400 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

:root{
  --bronze:#9B7A4A; --bronze-dunkel:#7D6038; --tinte:#1A1A1A;
  --grund:#FBF9F6; --flaeche:#F3EEE7; --linie:#E2D9CC; --gedaempft:#6B6560;
  --breite:1100px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--grund);color:var(--tinte);
  font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.65}
a{color:var(--bronze-dunkel);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--bronze)}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.2;margin:0 0 .4em}
h1{font-size:clamp(2rem,4.5vw,3rem)}
h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-top:2.4em}
h3{font-size:1.15rem;margin-top:1.8em}
.band{max-width:var(--breite);margin:0 auto;padding:0 22px}

header.kopf{border-bottom:1px solid var(--linie);background:var(--grund);
  position:sticky;top:0;z-index:10}
.kopf .band{display:flex;align-items:baseline;gap:26px;padding-top:16px;padding-bottom:14px;flex-wrap:wrap}
.marke{font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;letter-spacing:.06em;
  color:var(--tinte);text-decoration:none}
.marke b{font-weight:400;color:var(--bronze)}
.kopf nav{margin-left:auto;display:flex;gap:18px;font-size:.95rem}
.kopf nav a{text-decoration:none;color:var(--gedaempft)}
.kopf nav a:hover,.kopf nav a[aria-current]{color:var(--bronze-dunkel)}

.leitsatz{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:var(--bronze-dunkel);
  font-size:1.25rem;margin:0 0 2rem}
.einstieg{padding:46px 0 10px}

.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin:26px 0 60px}
.kachel{background:#fff;border:1px solid var(--linie);border-radius:10px;overflow:hidden;
  text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .15s}
.kachel:hover{box-shadow:0 6px 22px rgba(120,96,56,.16)}
.kachel img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--flaeche)}
.kachel .text{padding:11px 13px 14px}
.kachel .name{font-family:'Playfair Display',Georgia,serif;font-size:1.12rem;display:block}
.kachel .unter{font-size:.83rem;color:var(--gedaempft);margin-top:2px}

.steinkopf{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px;
  align-items:start;margin:34px 0 10px}
@media(max-width:760px){.steinkopf{grid-template-columns:1fr}}
.steinkopf figure{margin:0}
.steinkopf img{width:100%;border-radius:10px;border:1px solid var(--linie);display:block}
figcaption{font-size:.78rem;color:var(--gedaempft);margin-top:7px;line-height:1.45}

.datenzeile{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid var(--linie)}
.datenzeile li{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--linie);font-size:.95rem}
.datenzeile dt,.datenzeile .was{flex:0 0 40%;color:var(--gedaempft)}
.datenzeile .wert{flex:1;min-width:0}

.hinweis{background:var(--flaeche);border-left:3px solid var(--bronze);
  padding:14px 18px;border-radius:0 8px 8px 0;font-size:.92rem;color:#4a453f;margin:14px 0 0}
.marker{display:inline-block;background:var(--flaeche);border:1px solid var(--linie);
  border-radius:99px;padding:2px 11px;font-size:.8rem;color:var(--gedaempft);margin-right:6px}

.stamm{font-size:.95rem;color:var(--gedaempft)}
footer{border-top:1px solid var(--linie);margin-top:70px;padding:30px 0 60px;
  font-size:.87rem;color:var(--gedaempft)}
footer a{color:var(--gedaempft)}
footer .band{display:flex;gap:26px;flex-wrap:wrap}