/* ==========================================================
   Pressehinweis pv magazine (seit 08.10.2026)
   Eingebunden auf wissen.html und den vier EKD-Beitraegen (B1, B2, 4a, 4b).
   Eigene Datei wie enthalten.css/ablauf.css: so brauchen stil.css und ekd.css
   keine neue Kennung. ekd-kunden.html bekommt nur .presse-leiste, und zwar
   inline in ihrem eigenen <style> (die Seite laedt bewusst keine Zusatzdatei).
   Gesetzt wird alles von material/arbeitsdateien/entwuerfe/ekd-beitrag4/presse.py.

   Wortlaut bewusst "Veroeffentlicht bei", nicht "Bekannt aus": Es ist unsere
   eigene Pressemitteilung, pv magazine kennzeichnet sie auch so. "Bekannt aus"
   wuerde einen redaktionellen Bericht nahelegen (Paragraf 5 UWG). Kein Logo von
   pv magazine (Markenrecht), nur der Name als Text.
   ========================================================== */

.presse-ico{width:1.15em;height:1.15em;flex:0 0 auto}
.presse-raus{width:.9em;height:.9em;flex:0 0 auto;transition:transform .2s ease}

/* ---- 1. Karte auf wissen.html ---- */
.presse-karte{position:relative;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px 48px;align-items:center;
  margin:40px 0 0;padding:34px 40px;border-radius:var(--r);background:var(--ink);color:#fff;
  text-decoration:none;box-shadow:0 18px 44px rgba(16,14,24,.14);
  transition:transform .25s ease,box-shadow .25s ease}
.presse-karte::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;
  border-radius:50%;background:radial-gradient(circle,rgba(232,163,61,.22),rgba(232,163,61,0) 70%);
  pointer-events:none}
.presse-karte > *{position:relative;z-index:1;min-width:0}
.presse-karte:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(16,14,24,.2)}
.presse-karte:hover .presse-raus{transform:translate(2px,-2px)}
.presse-kopf{display:flex;align-items:center;gap:9px;margin:0 0 14px;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sonne,#E8A33D)}
.presse-quelle{margin:0 0 8px;font-size:.84rem;color:rgba(255,255,255,.6)}
.presse-quelle b{color:#fff;font-weight:600}
.presse-titel{margin:0 0 18px;font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:clamp(1.1rem,2.1vw,1.38rem);line-height:1.3;color:#fff}
.presse-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;
  color:var(--sonne,#E8A33D)}
.presse-zitat{position:relative;margin:0;padding:6px 0 4px 30px;
  border-left:2px solid rgba(232,163,61,.55)}
.presse-zitat p{margin:0;font-size:1.04rem;line-height:1.6;font-style:italic;
  color:rgba(255,255,255,.88)}
.presse-zitat cite{display:block;margin-top:12px;font-style:normal;font-size:.8rem;
  color:rgba(255,255,255,.55)}
@media(max-width:780px){
  .presse-karte{grid-template-columns:minmax(0,1fr);padding:26px 22px;margin-top:30px}
  .presse-zitat{padding-left:20px}
  .presse-zitat p{font-size:.96rem}
}

/* ---- 2. Siegel im Kopf der EKD-Beitraege, unter Autor und Datum ---- */
.presse-siegel{display:inline-flex;align-items:center;gap:10px;max-width:100%;
  margin:-8px 0 32px;padding:10px 16px 10px 14px;border:1px solid rgba(116,117,70,.22);
  border-radius:999px;background:#fff;color:var(--text);font-size:.86rem;line-height:1.4;
  text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}
.presse-siegel .presse-ico{color:var(--sonne-dk,#C9821B)}
.presse-siegel b{font-weight:700}
.presse-siegel .presse-raus{color:var(--olive)}
.presse-siegel:hover{border-color:var(--olive);box-shadow:0 8px 22px rgba(16,14,24,.08)}
.presse-siegel:hover .presse-raus{transform:translate(2px,-2px)}
@media(max-width:560px){
  .presse-siegel{border-radius:14px;align-items:flex-start;font-size:.82rem}
  .presse-siegel .presse-ico{margin-top:1px}
}