/* H² responsive system – page-specific to avoid cross-page conflicts */

@media (max-width:1024px){
  .nav{padding:15px 30px !important;}
  .page-index .hero,
  .page-differentiators .hero-new,
  .page-expertise .expertise-hero,
  .page-projects .section-header,
  .page-insights .insights-intro,
  .page-insights .ds-section,
  .page-playbook .article-header,
  .page-playbook .article-body,
  .page-playbook .article-footer-cta,
  .page-article-digitalisierung .article-header,
  .page-article-digitalisierung .article-body,
  .page-article-digitalisierung .article-footer-cta,
  .page-article-checkliste .article-header,
  .page-article-checkliste .article-body,
  .page-article-checkliste .article-footer-cta,
  .page-article-ki .article-header,
  .page-article-ki .article-body,
  .page-article-ki .article-footer-cta,
  .page-contact .contact-container{margin-left:30px !important;margin-right:30px !important;}

  .page-index .grid-container,
  .page-projects .main-grid,
  .page-projects .process-container,
  .page-differentiators .usp-container,
  .page-expertise .track-record,
  .page-insights .insights-grid{padding-left:30px !important;padding-right:30px !important;}

  .page-projects .impact-banner{margin-left:30px !important;margin-right:30px !important;padding:60px 40px !important;}
}

@media (max-width:768px){
  .nav{padding:15px 20px !important;}

  /* index */
  .page-index .hero{grid-template-columns:1fr !important;gap:36px !important;padding:60px 20px 40px !important;text-align:left !important;}
  .page-index .grid-container{grid-template-columns:1fr !important;padding-left:20px !important;padding-right:20px !important;}
  .page-index .card{padding:32px !important;min-height:auto !important;}
  .page-index .hero-text h1{font-size:clamp(34px,10vw,52px) !important;}
  .page-index .hero-text p{font-size:18px !important;}
  .page-index .usp-ci-container{flex-direction:column !important;}
  .page-index .usp-ci-card{min-width:0 !important;}

  /* project page */
  .page-projects .section-header{padding:80px 20px 30px !important;}
  .page-projects .core-values{gap:18px !important;}
  .page-projects .value-item{font-size:16px !important;}
  .page-projects .main-grid{grid-template-columns:1fr !important;padding-left:20px !important;padding-right:20px !important;}
  .page-projects .card{padding:32px !important;min-height:auto !important;}
  .page-projects .impact-banner{margin:40px 20px !important;padding:40px 24px !important;}
  .page-projects .impact-banner h2{font-size:30px !important;}
  .page-projects .impact-banner p{font-size:18px !important;max-width:none !important;}
  .page-projects .process-container{padding-left:20px !important;padding-right:20px !important;}
  .page-projects .process-grid{grid-template-columns:1fr !important;}
  .page-projects .phase-card{padding:28px !important;}
  .page-projects .phase-number{font-size:46px !important;right:22px !important;top:16px !important;}

  /* was uns abhebt - keep cards generous */
  .page-differentiators .hero-new{padding:80px 20px 30px !important;}
  .page-differentiators .hero-new .subline{display:block !important;gap:0 !important;font-size:18px !important;}
  .page-differentiators .hero-new .subline::before{display:none !important;}
  .page-differentiators .usp-container{padding-left:20px !important;padding-right:20px !important;margin-bottom:80px !important;}
  .page-differentiators .usp-grid-modern{grid-template-columns:1fr !important;gap:20px !important;}
  .page-differentiators .modern-card{padding:36px !important;min-height:340px !important;}
  .page-differentiators .modern-card h3{font-size:28px !important;}
  .page-differentiators .card-wide{grid-column:auto !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:24px !important;min-height:auto !important;}
  .page-differentiators .card-btn{align-self:flex-start !important;margin-top:8px !important;}

  /* expertise */
  .page-expertise .expertise-hero{padding:80px 20px 30px !important;}
  .page-expertise .metrics-bar{padding:24px 20px !important;}
  .page-expertise .metrics-inner{grid-template-columns:1fr 1fr !important;gap:18px !important;}
  .page-expertise .metric-item{padding:0 !important;text-align:left !important;}
  .page-expertise .track-record{padding-left:20px !important;padding-right:20px !important;grid-template-columns:1fr !important;gap:20px !important;}
  .page-expertise .exp-card{padding:30px !important;}
  .page-expertise .skill-tags{gap:8px !important;}
  .page-expertise .tag{font-size:12px !important;}

  /* insights landing */
  .page-insights .insights-intro{display:grid !important;grid-template-columns:1fr !important;gap:18px !important;align-items:start !important;margin:72px auto 36px !important;padding:0 20px !important;}
  .page-insights .insights-intro h1{font-size:clamp(38px,13vw,56px) !important;line-height:0.95 !important;max-width:none !important;}
  .page-insights .insights-intro p{max-width:none !important;}
  .page-insights .ds-section{padding:0 20px !important;margin-bottom:72px !important;}
  .page-insights .ds-featured-box{grid-template-columns:1fr !important;gap:28px !important;padding:36px 24px !important;border-radius:24px !important;}
  .page-insights .ds-content h2{font-size:clamp(30px,10vw,42px) !important;}
  .page-insights .ds-content p{font-size:18px !important;}
  .page-insights .ds-visual{min-height:220px !important;}
  .page-insights .insights-grid{grid-template-columns:1fr !important;padding:0 20px !important;gap:20px !important;}
  .page-insights .insight-card{min-width:0 !important;}
  .page-insights .insight-thumb{height:220px !important;}
  .page-insights .insight-body{padding:24px !important;}
  .page-insights .insight-body h3{font-size:28px !important;line-height:1.18 !important;word-break:normal !important;overflow-wrap:anywhere;}

  /* contact */
  .page-contact .contact-container{grid-template-columns:1fr !important;margin:20px !important;}
  .page-contact .contact-info-panel,.page-contact .form-panel{padding:32px !important;}
  .page-contact .radio-group{grid-template-columns:1fr !important;}

  /* article family */
  .page-playbook .article-header,
  .page-article-digitalisierung .article-header,
  .page-article-checkliste .article-header,
  .page-article-ki .article-header{margin-top:60px !important;padding-left:20px !important;padding-right:20px !important;}

  .page-playbook .article-meta,
  .page-article-digitalisierung .article-meta,
  .page-article-checkliste .article-meta,
  .page-article-ki .article-meta{flex-wrap:wrap !important;gap:10px 16px !important;justify-content:center !important;}

  .page-playbook .main-image,
  .page-article-digitalisierung .main-image,
  .page-article-checkliste .main-image,
  .page-article-ki .main-image{padding-left:20px !important;padding-right:20px !important;margin-bottom:36px !important;}

  .page-playbook .main-image img,
  .page-article-digitalisierung .main-image img,
  .page-article-checkliste .main-image img,
  .page-article-ki .main-image img{height:260px !important;}

  .page-playbook .article-body,
  .page-article-digitalisierung .article-body,
  .page-article-checkliste .article-body,
  .page-article-ki .article-body{padding-left:20px !important;padding-right:20px !important;font-size:18px !important;}

  .page-playbook .article-body h2,
  .page-article-digitalisierung .article-body h2,
  .page-article-checkliste .article-body h2,
  .page-article-ki .article-body h2{font-size:28px !important;margin-top:36px !important;}

  .page-playbook .quote-box,
  .page-article-digitalisierung .quote-box,
  .page-article-checkliste .quote-box,
  .page-article-ki .quote-box{padding:24px !important;font-size:20px !important;}

  .page-playbook .article-footer-cta,
  .page-article-digitalisierung .article-footer-cta,
  .page-article-checkliste .article-footer-cta,
  .page-article-ki .article-footer-cta{margin:60px 20px !important;padding:36px 24px !important;}

  .page-playbook .share-buttons,
  .page-article-digitalisierung .share-buttons,
  .page-article-checkliste .share-buttons,
  .page-article-ki .share-buttons{flex-direction:column !important;align-items:stretch !important;}

  .page-playbook .share-btn,
  .page-article-digitalisierung .share-btn,
  .page-article-checkliste .share-btn,
  .page-article-ki .share-btn{text-align:center !important;}

  .page-playbook .h2-playbook-container{padding-left:20px !important;padding-right:20px !important;}
  .page-playbook .h2-slide{padding:28px !important;}

  .page-article-checkliste .checklist-container{padding:24px !important;}

  /* footer, all pages */
  .footer{padding:70px 20px 40px !important;}
  .footer-inner{grid-template-columns:1fr !important;gap:28px !important;text-align:left !important;}
  .footer-bottom{margin-top:36px !important;padding-top:18px !important;}
}

@media (max-width:480px){
  .page-index .card,
  .page-projects .card,
  .page-differentiators .modern-card,
  .page-expertise .exp-card{padding:26px !important;}

  .page-projects .impact-banner h2,
  .page-insights .ds-content h2{font-size:28px !important;}

  .page-insights .insight-body h3{font-size:24px !important;}
  .page-differentiators .modern-card h3{font-size:24px !important;}
}