/* Produktvorstellung auf der Startseite - Shortcode [lp_broschuere] */

.lp-broschuere {
  --lp-akzent: #0f6e6e; --lp-akzent-dunkel: #0a5252;
  --lp-ink: #16211f; --lp-ink-leise: #55635f; --lp-flaeche: #f4f7f6;
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: 2.5rem 4.5rem; align-items: center;
}

/* ---------- Aufgefächerte Vorschau ---------- */

.lp-broschuere__vorschau { position: relative; display: block; aspect-ratio: 5 / 4; }
.lp-broschuere__seite {
  position: absolute; height: auto; border-radius: 3px; background: #fff;
  box-shadow: 0 12px 32px rgba(10, 40, 38, .2);
  transition: transform .35s ease;
}
.lp-broschuere__seite--innen-2 { width: 70%; right: 0; top: 2%; transform: rotate(5deg); }
.lp-broschuere__seite--innen-1 { width: 70%; right: 9%; top: 32%; transform: rotate(-3deg); }
.lp-broschuere__seite--titel   { width: 46%; left: 0; top: 7%; }

.lp-broschuere__vorschau:hover .lp-broschuere__seite--titel { transform: translateY(-6px); }
.lp-broschuere__vorschau:hover .lp-broschuere__seite--innen-2 { transform: rotate(7deg) translateX(6px); }

@media (prefers-reduced-motion: reduce) {
  .lp-broschuere__seite { transition: none; }
}

/* ---------- Text ---------- */

.lp-broschuere .lp-broschuere__kicker {
  margin: 0 0 .5rem; padding: 0; color: var(--lp-akzent);
  font-size: .85rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
}
.lp-broschuere .lp-broschuere__titel {
  margin: 0 0 1rem; padding: 0; color: var(--lp-ink);
  font-size: clamp(1.6rem, 2.4vw, 2.2rem); font-weight: 600; line-height: 1.2;
}
.lp-broschuere .lp-broschuere__absatz { margin: 0 0 1.1rem; padding: 0; color: var(--lp-ink-leise); font-size: 1.02rem; line-height: 1.65; }

.lp-broschuere .lp-broschuere__punkte { list-style: none; margin: 0 0 1.6rem; padding: 0; line-height: 1.5; }
.lp-broschuere .lp-broschuere__punkte li { position: relative; margin: 0 0 .45rem; padding: 0 0 0 1.7rem; color: var(--lp-ink); }
.lp-broschuere .lp-broschuere__punkte li::before {
  content: ""; position: absolute; left: .15rem; top: .3em;
  width: .45rem; height: .8rem; border: solid var(--lp-akzent); border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ---------- Knöpfe ---------- */

.lp-broschuere .lp-broschuere__wege { display: flex; flex-wrap: wrap; gap: .8rem; margin: 0; padding: 0; }
.lp-broschuere .lp-broschuere__knopf {
  display: inline-block; padding: .85rem 1.4rem; border: 1px solid var(--lp-akzent); border-radius: 3px;
  background: var(--lp-akzent); color: #fff; font-weight: 600; line-height: 1.3; text-decoration: none;
}
.lp-broschuere .lp-broschuere__knopf:hover,
.lp-broschuere .lp-broschuere__knopf:focus { background: var(--lp-akzent-dunkel); border-color: var(--lp-akzent-dunkel); color: #fff; }
.lp-broschuere .lp-broschuere__knopf:focus-visible { outline: 3px solid var(--lp-akzent); outline-offset: 3px; }
.lp-broschuere .lp-broschuere__knopf--leise { background: #fff; color: var(--lp-akzent); }
.lp-broschuere .lp-broschuere__knopf--leise:hover,
.lp-broschuere .lp-broschuere__knopf--leise:focus { background: var(--lp-flaeche); color: var(--lp-akzent-dunkel); }
.lp-broschuere__datei { font-weight: 400; opacity: .85; white-space: nowrap; }

/* ---------- Schmal ---------- */

@media (max-width: 980px) {
  .lp-broschuere { grid-template-columns: 1fr; gap: 2rem; }
  .lp-broschuere__vorschau { width: 100%; max-width: 30rem; margin: 0 auto; }
}
@media (max-width: 480px) {
  .lp-broschuere .lp-broschuere__knopf { display: block; text-align: center; }
  .lp-broschuere .lp-broschuere__wege { display: block; }
  .lp-broschuere .lp-broschuere__knopf + .lp-broschuere__knopf { margin-top: .7rem; }
}