/* br-landing-fixes.css
 * Kleine Layout-Korrekturen der Landing (nach brain-landing-extra.css geladen).
 */

/* Hero: width 100% + Innenabstand lief ohne border-box ueber den Rand (Handy: seitliches Scrollen). */
.br-hero { box-sizing: border-box; }

/* Kopfleiste am Handy: "App oeffnen" wurde rechts abgeschnitten. */
@media (max-width: 480px) {
  .br-topbar-inner { gap: 10px; padding-inline: 14px; }
  .br-brandbar { min-width: 0; flex: 1 1 auto; }
  .br-brandbar-mark { height: 36px; }
  .br-brandbar-gap { margin-inline: 8px; }
  .br-brandbar-product,
  .br-brandbar-word { min-width: 0; overflow: hidden; }
  .br-brandbar-name { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .br-topbar-right { gap: 6px; flex-shrink: 0; }
  .br-langdropdown-code { display: none; }
  .br-langdropdown-trigger { padding-inline: 8px; }
  #br-app-cta { padding: 8px 11px; white-space: nowrap; }
}
@media (max-width: 370px) {
  .br-brandbar-gap { margin-inline: 6px; }
  .br-brandbar-name { font-size: 13px; }
}

/* Haeufige Fragen: Karten hatten keinen Innenabstand, Text klebte am Rahmen. */
#faq .br-card { padding: 20px 24px 22px; }
#faq .br-card-title { margin-top: 0; }
#faq .br-card-desc { margin-bottom: 0; }
@media (max-width: 640px) {
  #faq .br-card { padding: 16px 18px 18px; }
}