/* Herkunft: docs/brainstorming/website/unterseiten/presse/seite.css — wird als /landing/presse.css ausgespielt. */
/* seite.css — Unterseite /presse. Baut auf /landing/landing.css auf
   (Farben, Buttons, Sticker, Sektionen). Nur Presse-spezifische Klassen. */

/* ---------- Kopf ---------- */
.presse-kopf { padding-bottom: 1.5rem; }
.presse-kopf__kopf { margin-bottom: 1.6rem; }
.presse-kopf__titel {
  font-size: clamp(2.6rem, 7vw, 5.2rem);
  color: var(--koralle);
  text-shadow: 0.05em 0.05em 0 var(--aubergine);
  transform: rotate(-1.2deg);
}
.presse-kopf__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1rem;
}
.presse-kopf__sticker { transform: rotate(-3deg); }

/* Unterseiten-Sektionen kompakter als auf der Landing */
.presse-sektion { padding-top: 2.8rem; padding-bottom: 2.8rem; }
.presse-sektion .sektion__kopf { margin-bottom: 1.8rem; }

/* ---------- Boilerplate: Zettel zum Abtippen ---------- */
.presse-boiler {
  position: relative;
  max-width: 46rem;
  background: #fff;
  border: 4px solid var(--aubergine);
  border-radius: 20px;
  box-shadow: 8px 8px 0 var(--teal);
  padding: 1.8rem 1.9rem;
  transform: rotate(-0.5deg);
  display: grid;
  gap: 1rem;
}
.presse-boiler::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 2px dashed rgba(46, 33, 69, 0.3);
  border-radius: 13px;
  pointer-events: none;
}
.presse-boiler p { font-size: 1.02rem; font-weight: 500; }

/* ---------- Kurzfakten ---------- */
.presse-fakten {
  max-width: 46rem;
  border: 4px solid var(--aubergine);
  border-radius: 20px;
  background: var(--creme-tief);
  box-shadow: 8px 8px 0 var(--amber);
  overflow: hidden;
  transform: rotate(0.4deg);
}
.presse-fakt {
  display: grid;
  grid-template-columns: 9.5rem 1fr;
  gap: 1rem;
  padding: 0.7rem 1.2rem;
}
.presse-fakt + .presse-fakt { border-top: 2px dashed rgba(46, 33, 69, 0.35); }
.presse-fakt dt {
  font-family: var(--display);
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  align-self: baseline;
  padding-top: 0.15rem;
}
.presse-fakt dd { font-weight: 600; font-size: 0.98rem; }
.presse-fakt a { text-decoration-thickness: 2.5px; text-decoration-color: var(--koralle); }
@media (max-width: 560px) {
  .presse-fakt { grid-template-columns: 1fr; gap: 0.1rem; }
}

/* ---------- Logo-Downloads ---------- */
.presse-logos {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  align-items: stretch;
}
.presse-logo {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  background: var(--creme);
  border: 4px solid var(--aubergine);
  border-radius: 20px;
  padding: 1.1rem;
  box-shadow: 6px 6px 0 var(--aubergine);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.presse-logo:nth-child(odd) { transform: rotate(-0.7deg); }
.presse-logo:nth-child(even) { transform: rotate(0.6deg); }
.presse-logo:hover { transform: translateY(-5px) rotate(0deg); box-shadow: 9px 11px 0 var(--aubergine); }
.presse-logo__schau {
  display: grid;
  place-items: center;
  min-height: 9.5rem;
  border-radius: 12px;
  border: 3px solid var(--aubergine);
  padding: 1.1rem;
}
.presse-logo__schau--hell {
  /* Karo-Grund: zeigt, dass die Datei transparent ist */
  background:
    repeating-conic-gradient(rgba(46, 33, 69, 0.07) 0% 25%, transparent 0% 50%)
    0 0 / 22px 22px, #fff;
}
.presse-logo__schau--dunkel { background: var(--aubergine); }
.presse-logo__schau img { width: 100%; max-width: 15rem; height: auto; }
.presse-logo__schau--mark img { max-width: 5.5rem; }
.presse-logo__meta { display: grid; gap: 0.1rem; }
.presse-logo__meta strong {
  font-family: var(--display);
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: 0.03em;
}
.presse-logo__meta span { font-size: 0.85rem; font-weight: 600; opacity: 0.8; }
.presse-logo__btn {
  margin-top: auto;
  align-self: start;
  padding: 0.55rem 1.1rem;
  font-size: 0.85rem;
}

/* Regel-Karte in der Logo-Wand */
.presse-regeln {
  background: var(--aubergine);
  color: var(--creme);
  border: 4px solid var(--aubergine);
  border-radius: 20px;
  padding: 1.4rem 1.3rem;
  box-shadow: 6px 6px 0 var(--koralle);
  transform: rotate(0.8deg);
}
.presse-regeln h3 {
  text-transform: uppercase;
  font-size: 1.1rem;
  color: var(--amber);
  margin-bottom: 0.8rem;
}
.presse-regeln ul { list-style: none; display: grid; gap: 0.6rem; }
.presse-regeln li {
  display: flex;
  gap: 0.6rem;
  align-items: baseline;
  font-weight: 600;
  font-size: 0.92rem;
}
.presse-regeln li::before {
  content: "★";
  color: var(--koralle);
  flex-shrink: 0;
}
.presse-regeln li:nth-child(2)::before { color: var(--teal); }
.presse-regeln li:nth-child(3)::before { color: var(--amber); }
.presse-regeln li:nth-child(4)::before { color: var(--creme); }
@media (max-width: 900px) {
  .presse-logos { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .presse-logos { grid-template-columns: 1fr; }
}

/* ---------- Pressekontakt ---------- */
.presse-kontakt {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 2.4rem;
  align-items: center;
  background: var(--aubergine);
  color: var(--creme);
  border: 5px solid var(--aubergine);
  border-radius: 26px;
  box-shadow: 12px 12px 0 var(--teal);
  padding: 2.4rem 2.2rem;
  transform: rotate(-0.6deg);
}
.presse-kontakt__gang { width: min(340px, 100%); margin: 0 auto; }
.presse-kontakt__text h2 {
  text-transform: uppercase;
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  color: var(--amber);
  margin-bottom: 0.7rem;
}
.presse-kontakt__text p { font-weight: 600; max-width: 30rem; }
.presse-kontakt__cta { margin-top: 1.5rem; }
@media (max-width: 720px) {
  .presse-kontakt { grid-template-columns: 1fr; text-align: center; padding: 2rem 1.4rem; }
  .presse-kontakt__text p { margin: 0 auto; }
}