/* pixelschmitt Frontend Build System
 * Social Media Agentur Erlangen · Post-ID 8281
 */

.ps-hero-content * { box-sizing: border-box; }
  .ps-hero-content { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 20px 0; }
  .ps-hero-content h1 { font-size: 64px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; color: #fff; }
  .ps-hero-content p { font-size: 18px; line-height: 1.4; margin: 0 0 12px; color: #ccd9e8; }
  .ps-hero-content p:last-of-type { margin-bottom: 32px; }
  .ps-hero-btn { display: inline-block; background: #e8a000; color: #fff !important; padding: 12px 24px; font-weight: 700; font-size: 16px; text-decoration: none !important; border-radius: 3px; }
  .ps-hero-btn:hover { background: #cc8c00; }
  @media (max-width: 640px) {
    .ps-hero-content h1 { font-size: 26px; }
  }

.ps-sma * { box-sizing: border-box; }
  /* BUTTON */
  .ps-sma-btn { display: inline-block; background: #e8a000; color: #fff !important; padding: 12px 24px; font-weight: 700; font-size: 18px; text-decoration: none !important; border-radius: 3px; }
  .ps-sma-btn:hover { background: #cc8c00; }
  /* DIVIDER */
  .ps-sma-divider { border: none; border-top: 1px solid #e8e8e8; margin: 8px 0; }
  /* SECTIONS */
  .ps-sma-section { padding: 28px 0; }
  .ps-sma-section h2 { font-size: 38px; font-weight: 700; margin: 0 0 16px; color: #1a5276; }
  .ps-sma-section p { font-size: 18px; line-height: 1.6; color: #333; margin: 0 0 12px; }
  .ps-sma-section p:last-child { margin: 0; }
  /* KACHELN */
  .ps-sma-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 16px; }
  .ps-sma-card { border-left: 3px solid #e8a000; padding: 18px; background: #fafafa; }
  .ps-sma-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 8px; color: #1a5276; }
  .ps-sma-card p { font-size: 18px; line-height: 1.4; margin: 0; color: #444; }
  /* LISTE */
  .ps-sma-list { list-style: none; padding: 0; margin: 12px 0 0; }
  .ps-sma-list li { list-style: none !important; font-size: 18px; line-height: 1.4; color: #333; padding: 8px 0 8px 18px; border-bottom: 1px solid #f0f0f0; position: relative; }
   .ps-sma-list li::marker { content: ""; }
  .ps-sma-list li:last-child { border-bottom: none; }
  .ps-sma-list li::before { content: ""; position: absolute; left: 0; top: 17px; width: 6px; height: 6px; background: #e8a000; border-radius: 50%; }
  .ps-sma-list strong { color: #1a5276; }
  /* LOGOS */
  .ps-sma-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 16px 24px; align-items: center; margin-top: 14px; }
  .ps-sma-logos img { width: 100%; height: 40px; object-fit: contain; filter: grayscale(100%); opacity: 0.5; transition: all 0.2s; }
  .ps-sma-logos img:hover { opacity: 1; filter: grayscale(0%); }
  /* SCHRITTE */
  .ps-sma-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 16px; }
  .ps-sma-step { padding: 18px; background: #fafafa; border-top: 3px solid #1a5276; }
  .ps-sma-step-num { font-size: 36px; font-weight: 700; color: #e8e8e8; line-height: 1; margin-bottom: 8px; }
  .ps-sma-step h3 { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #1a5276; }
  .ps-sma-step p { font-size: 18px; line-height: 1.6; margin: 0; color: #444; }
  /* CTA */
  .ps-sma-cta { background: #f5f5f5; border-top: 3px solid #e8a000; padding: 36px 32px; text-align: center; margin-top: 28px; }
  .ps-sma-cta p { font-size: 20px; color: #333; margin: 0 0 8px; }
  .ps-sma-cta-sub { font-size: 14px; color: #666; margin-top: 16px; }
  .ps-sma-cta-sub a { color: #e8a000; font-weight: 600; text-decoration: none; }
  .ps-sma-cta-sub a:hover { text-decoration: underline; }
  @media (max-width: 640px) {
    .ps-sma-cta { padding: 28px 16px; }
    .ps-sma-logos { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
  }

.ps-hero-content * { box-sizing: border-box; }
  .ps-hero-content { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 20px 0; }
  .ps-hero-content h1 { font-size: 64px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; color: #fff; }
  .ps-hero-content p { font-size: 18px; line-height: 1.4; margin: 0 0 12px; color: #ccd9e8; }
  .ps-hero-content p:last-of-type { margin-bottom: 32px; }
  .ps-hero-btn { display: inline-block; background: #e8a000; color: #fff !important; padding: 12px 24px; font-weight: 700; font-size: 16px; text-decoration: none !important; border-radius: 3px; }
  .ps-hero-btn:hover { background: #cc8c00; }

  @media (max-width: 640px) {
    .ps-hero-content h1 { font-size: 26px; }
  }

.ps-sma * { box-sizing: border-box; }

  /* BUTTON */
  .ps-sma-btn { display: inline-block; background: #e8a000; color: #fff !important; padding: 12px 24px; font-weight: 700; font-size: 18px; text-decoration: none !important; border-radius: 3px; }
  .ps-sma-btn:hover { background: #cc8c00; }

  /* DIVIDER */
  .ps-sma-divider { border: none; border-top: 1px solid #e8e8e8; margin: 8px 0; }

  /* SECTIONS */
  .ps-sma-section { padding: 28px 0; }
  .ps-sma-section h2 { font-size: 38px; font-weight: 700; margin: 0 0 16px; color: #1a5276; }
  .ps-sma-section p { font-size: 18px; line-height: 1.6; color: #333; margin: 0 0 12px; }
  .ps-sma-section p:last-child { margin: 0; }

  /* KACHELN */
  .ps-sma-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 16px; }
  .ps-sma-card { border-left: 3px solid #e8a000; padding: 18px; background: #fafafa; }
  .ps-sma-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 8px; color: #1a5276; }
  .ps-sma-card p { font-size: 18px; line-height: 1.4; margin: 0; color: #444; }

  /* LISTE */
  .ps-sma-list { list-style: none; padding: 0; margin: 12px 0 0; }
  .ps-sma-list li { list-style: none !important; font-size: 18px; line-height: 1.4; color: #333; padding: 8px 0 8px 18px; border-bottom: 1px solid #f0f0f0; position: relative; }
   .ps-sma-list li::marker { content: ""; }
  .ps-sma-list li:last-child { border-bottom: none; }
  .ps-sma-list li::before { content: ""; position: absolute; left: 0; top: 17px; width: 6px; height: 6px; background: #e8a000; border-radius: 50%; }
  .ps-sma-list strong { color: #1a5276; }

  /* LOGOS */
  .ps-sma-logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 16px 24px; align-items: center; margin-top: 14px; }
  .ps-sma-logos img { width: 100%; height: 40px; object-fit: contain; filter: grayscale(100%); opacity: 0.5; transition: all 0.2s; }
  .ps-sma-logos img:hover { opacity: 1; filter: grayscale(0%); }

  /* SCHRITTE */
  .ps-sma-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-top: 16px; }
  .ps-sma-step { padding: 18px; background: #fafafa; border-top: 3px solid #1a5276; }
  .ps-sma-step-num { font-size: 36px; font-weight: 700; color: #e8e8e8; line-height: 1; margin-bottom: 8px; }
  .ps-sma-step h3 { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #1a5276; }
  .ps-sma-step p { font-size: 18px; line-height: 1.6; margin: 0; color: #444; }

  /* CTA */
  .ps-sma-cta { background: #f5f5f5; border-top: 3px solid #e8a000; padding: 36px 32px; text-align: center; margin-top: 28px; }
  .ps-sma-cta p { font-size: 20px; color: #333; margin: 0 0 8px; }
  .ps-sma-cta-sub { font-size: 14px; color: #666; margin-top: 16px; }
  .ps-sma-cta-sub a { color: #e8a000; font-weight: 600; text-decoration: none; }
  .ps-sma-cta-sub a:hover { text-decoration: underline; }

  @media (max-width: 640px) {
    .ps-sma-cta { padding: 28px 16px; }
    .ps-sma-logos { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
  }