/* Presse und Auszeichnungen. Eine Seite, zwei Leserschaften: Redaktionen, die
   Material und eine Ansprechperson brauchen, und Investor*innen, die Belege von
   dritter Seite suchen. Deshalb steht oben, was andere über bloomnow gesagt
   haben, und darunter, was wir selbst liefern.
   Farben und Schriften kommen aus dem App-System (base.css / v2.css), hier
   stehen nur Anordnungen. Prefix bn-pr-. */

.bn-pr-hero {
  padding: 60px 24px 40px;
  background:
    radial-gradient(ellipse 80% 60% at 30% 0, rgba(123, 45, 80, .06) 0, transparent 70%),
    linear-gradient(180deg, #fff9f0 0, var(--bn-bg) 100%);
}
.bn-pr-hero-inner {
  max-width: var(--bn-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 32px;
  align-items: center;
}
.bn-pr-hero-art { justify-self: end; }
.bn-pr-hero-art img { display: block; width: 200px; height: auto; }
.bn-pr-hero h1 {
  font-family: "Bauhaus Bugler", var(--bn-sans);
  font-weight: 700;
  font-size: 42px;
  letter-spacing: .5px;
  line-height: 1.15;
  margin: 0 0 16px;
  color: var(--bn-burgundy);
}
.bn-pr-lead {
  font-size: 17px;
  line-height: 1.7;
  color: var(--bn-text-muted);
  margin: 0;
  max-width: 660px;
}

/* Abschnittsköpfe linksbündig, nicht zentriert wie auf den Familienseiten:
   diese Seite wird gescannt, nicht gelesen. */
.bn-pr-section { padding: 56px 24px; }
.bn-pr-section--cream { background: var(--bn-surface); }
.bn-pr-inner { max-width: var(--bn-max); margin: 0 auto; }
.bn-pr-h2 {
  font-family: "Bauhaus Bugler", var(--bn-sans);
  font-weight: 700;
  font-size: 28px;
  margin: 0 0 8px;
  color: var(--bn-burgundy);
}
.bn-pr-intro {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--bn-text-muted);
  max-width: 640px;
}

/* Auszeichnung. Eine Karte pro Preis, die erste trägt den Akzent. */
.bn-pr-award {
  background: #fff;
  border: 1px solid var(--bn-border);
  border-top: 3px solid var(--bn-amber);
  border-radius: var(--bn-radius);
  padding: 32px 32px 28px;
}
/* Die Gluehbirne ist seit dem 19.09.2026 aus der Karte raus: an ihrer Stelle
   steht jetzt das Foto vom Abend. Das Motiv bleibt in
   scripts/gen-manifest-art.py und in assets/img/ill/ erhalten. */
.bn-pr-award + .bn-pr-award { margin-top: 16px; }
.bn-pr-award-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 13px;
  color: var(--bn-text-muted);
  margin: 0 0 10px;
}
.bn-pr-award-meta span { display: inline-flex; align-items: center; }
.bn-pr-award h3 {
  font-family: "Bauhaus Bugler", var(--bn-sans);
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 12px;
  color: var(--bn-burgundy);
}
.bn-pr-award p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--bn-text-muted);
}
.bn-pr-award p:last-of-type { margin-bottom: 18px; }
.bn-pr-award-quote {
  margin: 0 0 18px;
  padding: 14px 18px;
  border-left: 3px solid rgba(125, 8, 69, .25);
  background: #faf7f2;
  border-radius: 0 10px 10px 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--bn-text);
}
.bn-pr-award-quote cite {
  display: block;
  margin-top: 6px;
  font-style: normal;
  font-size: 13px;
  color: var(--bn-text-muted);
}
.bn-pr-linkrow { display: flex; flex-wrap: wrap; gap: 10px; }
.bn-pr-link {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 10px;
  border: 1px solid rgba(125, 8, 69, .3);
  color: var(--bn-burgundy);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
.bn-pr-link:hover { background: #fdf5f3; border-color: var(--bn-burgundy); }
.bn-pr-link--solid { background: var(--bn-burgundy); color: #fff; border-color: transparent; }
.bn-pr-link--solid:hover { background: #5e2240; color: #fff; }

/* Pressestimmen. Datum, Medium, Überschrift. Bewusst eine Liste und kein
   Logo-Raster: Logos fremder Medien sind fremde Marken. */
.bn-pr-clips { list-style: none; margin: 0; padding: 0; }
.bn-pr-clip { border-top: 1px solid var(--bn-border); }
.bn-pr-clip:last-child { border-bottom: 1px solid var(--bn-border); }
.bn-pr-clip a {
  display: grid;
  grid-template-columns: 112px 1fr auto;
  gap: 4px 20px;
  align-items: baseline;
  padding: 18px 4px;
  text-decoration: none;
  color: inherit;
  transition: background .15s;
}
.bn-pr-clip a:hover { background: #faf7f2; }
.bn-pr-clip-date { font-size: 13px; color: var(--bn-text-muted); white-space: nowrap; }
.bn-pr-clip-text { min-width: 0; }
.bn-pr-clip-outlet {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--bn-burgundy);
  margin-bottom: 3px;
}
.bn-pr-clip-title { display: block; font-size: 16px; line-height: 1.5; color: var(--bn-text); }
.bn-pr-clip-arrow { font-size: 14px; color: var(--bn-text-muted); }
.bn-pr-clip a:hover .bn-pr-clip-arrow { color: var(--bn-burgundy); }

/* Kurzprofil zum Kopieren. */
.bn-pr-boiler {
  background: #fff;
  border: 1px solid var(--bn-border);
  border-radius: var(--bn-radius);
  padding: 28px 30px;
}
.bn-pr-boiler + .bn-pr-boiler { margin-top: 16px; }
.bn-pr-boiler h3 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--bn-text-muted);
  margin: 0 0 10px;
}
.bn-pr-boiler p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: var(--bn-text);
}
.bn-pr-boiler p + p { margin-top: 12px; }
.bn-pr-boiler ul { list-style: none; margin: 0; padding: 0; }
.bn-pr-boiler li {
  position: relative;
  padding: 0 0 0 18px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--bn-text-muted);
}
.bn-pr-boiler li + li { margin-top: 10px; }
.bn-pr-boiler li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  color: var(--bn-orange);
  font-weight: 700;
}
.bn-pr-boiler li strong { color: var(--bn-text); font-weight: 600; }

.bn-pr-facts {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1px;
  background: var(--bn-border);
  border: 1px solid var(--bn-border);
  border-radius: var(--bn-radius);
  overflow: hidden;
}
.bn-pr-facts li { background: #fff; padding: 18px 20px; }
.bn-pr-facts dt {
  font-size: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--bn-text-muted);
  margin-bottom: 6px;
}
.bn-pr-facts dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--bn-text);
  font-weight: 500;
}

/* Bildmaterial. */
.bn-pr-kit {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.bn-pr-kit-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--bn-border);
  border-radius: var(--bn-radius);
  padding: 20px;
  text-decoration: none;
  color: inherit;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.bn-pr-kit-card:hover {
  border-color: var(--bn-burgundy);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(123, 45, 80, .08);
}
.bn-pr-kit-thumb {
  height: 200px;
  border-radius: 10px;
  background: #faf7f2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 14px;
}
.bn-pr-kit-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.bn-pr-kit-card strong { font-size: 15px; color: var(--bn-text); display: block; margin-bottom: 4px; }
.bn-pr-kit-card span { font-size: 13px; color: var(--bn-text-muted); line-height: 1.5; }
.bn-pr-usage {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--bn-text-muted);
  max-width: 700px;
}

/* Kontakt. */
.bn-pr-contact {
  background: linear-gradient(135deg, var(--bn-deep), var(--bn-burgundy));
  color: #fff;
  border-radius: var(--bn-radius);
  padding: 36px 34px;
}
.bn-pr-contact h2 {
  font-family: "Bauhaus Bugler", var(--bn-sans);
  font-weight: 700;
  font-size: 26px;
  margin: 0 0 10px;
  color: #fff;
}
.bn-pr-contact p {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .88);
  max-width: 620px;
}
.bn-pr-contact a { color: var(--bn-amber); text-decoration: underline; text-decoration-color: rgba(255, 176, 0, .45); }
.bn-pr-contact a:hover { text-decoration-color: var(--bn-amber); }
.bn-pr-contact-note { font-size: 14px; color: rgba(255, 255, 255, .72); margin-top: 16px; }

@media (max-width: 768px) {
  .bn-pr-hero { padding: 40px 20px 28px; }
  .bn-pr-hero h1 { font-size: 32px; }
  .bn-pr-hero-inner { grid-template-columns: 1fr; gap: 20px; }
  .bn-pr-hero-art { justify-self: center; order: -1; }
  .bn-pr-hero-art img { width: 150px; }
  .bn-pr-section { padding: 44px 20px; }
  .bn-pr-h2 { font-size: 24px; }
  .bn-pr-award { padding: 24px 22px; }
  .bn-pr-boiler { padding: 22px 20px; }
  .bn-pr-contact { padding: 28px 22px; }
  .bn-pr-clip a { grid-template-columns: 1fr; gap: 6px; padding: 16px 4px; }
  .bn-pr-clip-arrow { display: none; }
}

/* ── Die Presseaussendung als eigene Seite ──────────────────────────────────
   Ein Dokument, kein Marketingtext: enge Spalte, ruhige Zwischentitel, die
   Zitate hervorgehoben. Der Wortlaut ist der, der am 18.09.2026 an die
   Redaktionen ging, deshalb steht das Datum oben und nicht im Kleingedruckten. */

.bn-rel { max-width: 720px; margin: 0 auto; padding: 0 24px; }
.bn-rel-hero { padding: 48px 24px 8px; }
.bn-rel-kicker {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--bn-orange);
  margin: 0 0 14px;
}
.bn-rel-hero h1 {
  font-family: "Bauhaus Bugler", var(--bn-sans);
  font-weight: 700;
  font-size: 38px;
  line-height: 1.18;
  letter-spacing: .3px;
  margin: 0 0 18px;
  color: var(--bn-burgundy);
}
.bn-rel-standfirst { font-size: 18px; line-height: 1.7; color: var(--bn-text); margin: 0; }
.bn-rel-body { padding: 24px 24px 8px; }
.bn-rel-body h2 {
  font-family: "Bauhaus Bugler", var(--bn-sans);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  margin: 40px 0 12px;
  color: var(--bn-burgundy);
}
.bn-rel-body p { font-size: 16px; line-height: 1.8; color: var(--bn-text-muted); margin: 0 0 16px; }
.bn-rel-body ul { margin: 0 0 16px; padding: 0; list-style: none; }
.bn-rel-body li {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--bn-text-muted);
  margin-bottom: 8px;
}
.bn-rel-body li::before { content: "\2022"; position: absolute; left: 0; color: var(--bn-orange); font-weight: 700; }
.bn-rel-body li strong, .bn-rel-body p strong { color: var(--bn-text); font-weight: 600; }
.bn-rel-quote {
  margin: 0 0 20px;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid var(--bn-border);
  border-left: 3px solid var(--bn-amber);
  border-radius: 0 12px 12px 0;
  font-size: 17px;
  line-height: 1.75;
  color: var(--bn-text);
}
.bn-rel-quote cite { display: block; margin-top: 10px; font-style: normal; font-size: 14px; color: var(--bn-text-muted); }
/* Die Blöcke am Fuß einer Aussendung: Über den Preis, über uns, Kontakt. */
.bn-rel-about { background: var(--bn-surface); padding: 40px 24px 8px; margin-top: 48px; }
.bn-rel-about h2 { font-size: 20px; margin-top: 0; }
.bn-rel-about section + section { margin-top: 28px; }
.bn-rel-about p { font-size: 15px; line-height: 1.75; }
.bn-rel-back { display: block; padding: 32px 24px 64px; font-size: 15px; }
.bn-rel-back a { color: var(--bn-burgundy); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(125, 8, 69, .3); }

@media (max-width: 768px) {
  .bn-rel, .bn-rel-hero, .bn-rel-body, .bn-rel-about, .bn-rel-back { padding-left: 20px; padding-right: 20px; }
  .bn-rel-hero { padding-top: 32px; }
  .bn-rel-hero h1 { font-size: 28px; }
  .bn-rel-standfirst { font-size: 16px; }
  .bn-rel-body h2 { font-size: 21px; }
  .bn-rel-quote { padding: 16px 18px; font-size: 16px; }
}

/* ── Das Foto von der Preisverleihung ───────────────────────────────────────
   Eigene Aufnahme vom 17.09.2026. Die Bildunterschrift steht unter dem Bild
   und nicht darin: anders als beim Blog-Cover ist hier Platz dafuer, und ein
   Pressefoto ohne Datum und Ort ist fuer eine Redaktion nur halb brauchbar. */

.bn-pr-award-photo, .bn-rel-photo { margin: 0; }
.bn-pr-award-photo img, .bn-rel-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.bn-pr-award-photo figcaption, .bn-rel-photo figcaption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--bn-text-muted);
}
/* In der Preiskarte steht das Foto ganz oben und ueber die volle Breite. */
.bn-pr-award-photo { margin-bottom: 20px; }
.bn-rel-photo { margin: 8px 0 4px; }