/**
 * main.css
 * Zentrale CSS-Datei für Assmann Consulting
 * Upload nach: /media/css/main.css
 */

@import url('variables.css');

@import url('hero_slideshow.css');
@import url('cards_grid.css');
@import url('cta_split.css');
@import url('cta_centered.css');
@import url('about_split.css');
@import url('testimonials.css');
@import url('partnerships.css');

@import url('hero_compact.css');
@import url('video_section.css');
@import url('services_compact.css');
@import url('benefits_flip.css');
@import url('customers_grid.css');
@import url('faq_cards.css');
@import url('package_tabs.css');

@import url('accordion.css');


.section {
  padding: 4rem 2rem;
  max-width: 1600px;
  margin: 3rem auto;
  position: relative;
  background: var(--bg);
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.section-header {
  text-align: center;
  margin-bottom: 4rem;
  padding-top: 3rem;
}

.section-header h1,
.section-header h2 {
  font-family: var(--font-heading);
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
  background: linear-gradient(135deg, var(--primary), var(--gold));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-header p {
  font-family: var(--font-main);
  font-size: 1.3rem;
  color: var(--text-light);
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
}

.divider {
  height: 2px;
  max-width: 120px;
  margin: 0 auto 3rem;
  background: linear-gradient(90deg, transparent, var(--primary), transparent);
  border-radius: 2px;
}