/* Pennricher Schmiede – Referenzen-Plugin
   Bewusst altmodisch gehalten: vergilbtes Papier, sepiafarbene Fotos, doppelte
   Rahmenlinien mit Ecken-Ornamenten, Katalog-Nummerierung wie in einem alten
   Werkverzeichnis. Eigenständige Farbwerte (unabhängig vom Theme), abgestimmt
   auf dessen aktuelle Palette: Rot #8B2323 / #D9463A, Schwarz #171310,
   Dunkelgrau #4A4642, Beige #EDE3CE / #E1D3AE */

.psr-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:36px;
  max-width:1100px;
  margin:0 auto;
  counter-reset:psr-zaehler;
}

.psr-karte{
  position:relative;
  display:block;
  text-decoration:none;
  color:inherit;
  background:
    radial-gradient(ellipse at 20% 15%, rgba(139,35,35,0.05) 0%, transparent 45%),
    radial-gradient(ellipse at 85% 90%, rgba(74,70,66,0.06) 0%, transparent 50%),
    #EDE3CE;
  border:1px solid #8B2323;
  outline:1px solid #8B2323;
  outline-offset:4px;
  margin:5px;
  overflow:visible;
  transition:transform 0.15s ease, box-shadow 0.15s ease;
  counter-increment:psr-zaehler;
}
.psr-karte:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,0.22);
}
/* Ecken-Ornamente an der äußeren Linie */
.psr-karte::before,
.psr-karte::after{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border:1px solid #8B2323;
  top:-5px;
  left:-5px;
  border-right:none;
  border-bottom:none;
}
.psr-karte::after{
  left:auto;
  right:-5px;
  border-right:1px solid #8B2323;
  border-left:none;
  bottom:-5px;
  top:auto;
  border-top:none;
  border-bottom:1px solid #8B2323;
}

.psr-karte-bild{
  position:relative;
  aspect-ratio:4/3;
  background:linear-gradient(150deg,#4A4642,#171310);
  overflow:hidden;
}
.psr-karte-bild img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:sepia(0.4) contrast(1.05) brightness(0.96) saturate(0.85);
}
.psr-karte-bild::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 40px rgba(23,19,16,0.45);
  pointer-events:none;
}
.psr-karte-nr{
  position:absolute;
  top:10px;
  left:10px;
  font-family:'Cinzel', serif;
  font-size:0.7rem;
  letter-spacing:0.05em;
  color:#EDE3CE;
  background:rgba(23,19,16,0.72);
  border:1px solid rgba(237,227,206,0.5);
  padding:3px 9px;
}
.psr-karte-nr::before{ content:"N° "; }

.psr-karte-inhalt{padding:22px 24px 26px;text-align:center;}
.psr-karte-inhalt h3{
  font-family:'Cinzel', serif;
  font-variant:small-caps;
  font-size:1.15rem;
  letter-spacing:0.03em;
  color:#171310;
  margin:0 0 8px;
}
.psr-ornament{
  color:#8B2323;
  font-size:0.75rem;
  margin:0 0 10px;
  letter-spacing:0.3em;
}
.psr-meta{
  font-family:'EB Garamond', serif;
  font-size:0.88rem;
  color:#4A4642;
  font-style:italic;
  margin:0 0 14px;
}
.psr-link{
  display:inline-block;
  font-family:'Cinzel', serif;
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#8B2323;
  border-bottom:1px solid #8B2323;
  padding-bottom:2px;
}
.psr-karte:hover .psr-link{color:#D9463A;border-color:#D9463A;}

.psr-leer{
  font-family:'EB Garamond', serif;
  font-style:italic;
  color:#4A4642;
  text-align:center;
}

/* Einzelansicht */
.psr-einzel{
  max-width:740px;
  margin:0 auto;
  padding:70px 6% 100px;
  font-family:'EB Garamond', serif;
  color:#221F1B;
}
.psr-einzel-bild{
  position:relative;
  margin:0 0 34px;
  padding:10px;
  background:#EDE3CE;
  border:1px solid #8B2323;
  outline:1px solid #8B2323;
  outline-offset:6px;
}
.psr-einzel-bild img{
  width:100%;
  height:auto;
  display:block;
  filter:sepia(0.4) contrast(1.05) brightness(0.96) saturate(0.85);
}
.psr-einzel p{margin-bottom:18px;color:#3E3A34;font-size:1.08rem;line-height:1.7;}
.psr-einzel p:first-of-type::first-letter{
  font-family:'Cinzel', serif;
  font-size:3.2rem;
  line-height:0.8;
  float:left;
  margin:6px 8px 0 0;
  color:#8B2323;
}
.psr-einzel h2,.psr-einzel h3{
  font-family:'Cinzel', serif;
  font-variant:small-caps;
  letter-spacing:0.02em;
  margin:34px 0 16px;
  color:#171310;
  text-align:center;
}

@media (max-width:900px){
  .psr-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:600px){
  .psr-grid{grid-template-columns:1fr;}
}