/* Aktiendepot24 – Seitenkopf (Hero) der LP/Ratgeber-Seiten
   Gemeinsame Datei: Änderungen hier wirken auf allen eingebundenen Seiten. Stand 24.10.2026 */
/* Hero-Feinschliff 24.10.2026 */
@media(min-width:1020px){.phero-cols{grid-template-columns:minmax(0,1fr) 360px;gap:64px}}
.phero{padding:0 0 48px}
.phero .lead{color:var(--ink);font-size:17.5px;line-height:1.6;margin-top:18px}
.phero .lead b{font-weight:600}
.hero-actions{align-items:center;gap:22px;margin-top:28px}
.hero-actions .btn{padding:14px 24px}
/* Hover wie bei „Zum …-Test →“: Unterstreichung nur unter dem Text, Pfeil bewegt sich */
.hero-link{display:inline-block;font-weight:600;font-size:var(--fs-md);color:var(--navy);padding:10px 2px;text-decoration:none}
.hero-link .ar{display:inline-block;margin-left:6px;transition:transform .15s}
.hero-link:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.hero-link:hover .ar{transform:translateX(3px)}
.hero-meta{gap:12px 20px;margin-top:30px;padding-top:22px;font-size:var(--fs-md);color:var(--ink)}
.hero-meta .who small{color:var(--ink)}
.hero-meta .av{width:42px;height:42px}
.hero-meta .it svg{color:var(--navy)}
/* Mini-Finder */
.finder{padding:26px 24px 22px}
.finder .fh small{color:var(--gold-deep);letter-spacing:.1em;font-size:var(--fs-sm)}
.finder .ftt{font-size:21px}
.finder .fsub{color:var(--ink);font-size:var(--fs-md);margin:6px 0 14px}
.fbtn{grid-template-columns:40px 1fr 16px;gap:14px;border:1px solid transparent;border-radius:14px;padding:12px 14px;transition:background .16s,border-color .16s}
.fbtn+.fbtn{margin-top:10px}
.fbtn:hover{border-color:var(--navy-line)}
.fbtn .fi{width:40px;height:40px;border-radius:11px;background:#fff}
.fbtn .fi svg{width:19px;height:19px}
.fbtn small{font-size:var(--fs-md)}
.fbtn .fa{align-self:center;transition:transform .16s}
.fbtn:hover .fa{transform:translateX(3px)}
.finder .fall{display:block;text-align:center;margin-top:16px;font-size:var(--fs-md);font-weight:600}
@media(max-width:640px){.hero-actions{gap:8px}.hero-actions .btn,.hero-link{width:100%;justify-content:center;text-align:center}}
@media(min-width:1020px){.phero h1.h1-long{font-size:40px;line-height:1.1}}
@media(max-width:1019px){.phero h1.h1-long{font-size:32px}}
.hero-meta{column-gap:14px}
.hero-meta .it{white-space:nowrap;font-size:var(--fs-md)}

/* 25.10.2026: Gemeinsamer Seitenkopf für LPs UND Reviews (außer review-trade-republic = Referenz).
   Änderungen hier wirken auf alle eingebundenen Seiten. */
/* Promo-Leiste: Tag, Text und „Zum Angebot“ bleiben auf Desktop in einer Zeile; langer Text bricht innerhalb um */
@media(min-width:621px){
  .promo{flex-wrap:nowrap;text-align:left}
  .promo .ptxt{flex:0 1 auto;min-width:0;line-height:1.45}
  .promo .tag,.promo .pcta{flex:none}
}

/* 25.10.2026: Autorenzeile im Seitenkopf – Foto größer, feiner Ring, Name/Rolle klarer */
.hero-meta .who{gap:14px}
.hero-meta .av{width:56px;height:56px;font-size:var(--fs-lg);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line-2)}
.hero-meta .who a{font-size:var(--fs-base);line-height:1.3}
.hero-meta .who small{font-size:var(--fs-md);line-height:1.35;margin-top:2px}
@media(max-width:640px){.hero-meta .av{width:48px;height:48px}.hero-meta .who a{font-size:var(--fs-md)}}

/* 27.10.2026: Mini-Finder im Hero kompakter, damit die Karte auf Laptop-Bildschirmen ganz sichtbar ist */
.finder{padding:18px 20px 16px}
.finder .ftt{font-size:18px;line-height:1.25}
.finder .fsub{font-size:var(--fs-sm);line-height:1.45;margin:4px 0 10px}
.fbtn{grid-template-columns:30px 1fr 14px;gap:10px;padding:8px 12px;border-radius:12px}
.fbtn+.fbtn{margin-top:6px}
.fbtn .fi{width:30px;height:30px;border-radius:9px}
.fbtn .fi svg{width:16px;height:16px}
.fbtn b{line-height:1.25}
.fbtn small{font-size:var(--fs-sm);line-height:1.35}
.finder .fall{margin-top:10px}
.finder .frisk{margin-top:8px;font-size:var(--fs-xs);line-height:1.4}