/* Kompakt-Ansicht nur auf Mobile 26.08.25 */
@media (max-width: 768px) {
  .bb-compact-loop { margin: 12px 0; }
  .bb-compact-item { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.06); }
  .bb-compact-title { margin: 0 0 6px 0; font-size: 1.15rem; line-height: 1.2; }
  .bb-compact-teaser { margin: 0 0 8px 0; font-size: .95rem; opacity: .85; }
  .bb-compact-actions .bb-read-more { text-decoration: none; }
}
/* Mobile Fix für Single-Posts */
@media (max-width: 768px) {
  .custom-jobs-template,
  .custom-jobs-template .entry-header,
  .custom-jobs-template .entry-meta,
  .custom-jobs-template .entry-content,
  .custom-jobs-template .entry-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Sicherheit: keine schmalen Spalten */
  .custom-jobs-template .bb-meta,
  .custom-jobs-template .entry-meta span,
  .custom-jobs-template .entry-meta a {
    display: inline !important;
    white-space: normal !important; /* darf umbrechen */
  }
}
/* Mobile-Optimierung: Texte etwas größer machen 
@media (max-width: 480px) {
  p, li { font-size: var(--p-mobile); }
  h1 { font-size: var(--h1-mobile); }
  h2 { font-size: var(--h2-mobile); }
  h3 { font-size: var(--h3-mobile); }
}*/

/* iPhone-typische Breiten: 430/414/393/390 px */
@media (max-width: 768px) {
  /* leichte Basiserhöhung für alle rem-Werte (+6%) */
  html { font-size: 15px; }

  h1 { font-size: var(--h1-mobile); }
  h2 { font-size: var(--h2-mobile); }
  h3 { font-size: var(--h3-mobile); }

/*  h1 { font-size: clamp(2.4rem, 2rem + 3vw, 3rem); }      /* ~38–48px */
/*  h2 { font-size: clamp(2rem, 1.6rem + 2.5vw, 2.6rem); }  /* ~32–42px */
/*  h3 { font-size: clamp(1.6rem, 1.3rem + 2vw, 2.1rem); }  /* ~26–34px */

  p, li { 
    font-size: 1.2rem;    /* ~19px bei html 16px → durch 17px-Basis ~20px */
    line-height: 1.85;
  }
}