/* Hapticmotion — helle Reifen-/Räder-Lernplattform #2563EB / #F59E0B / #F8FAFC / #111827 */
:root {
  --primary-500: #2563eb;
  --primary-600: #1d4ed8;
  --primary-rgb: 37, 99, 235;
  --accent-500: #f59e0b;
  --surface-primary: #f8fafc;
  --surface-secondary: #ffffff;
  --text-primary: #111827;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --imm-bg-deep: #f8fafc;
  --imm-bg-panel: #ffffff;
  --imm-text: #111827;
  --imm-muted: #6b7280;
  --imm-accent: #2563eb;
  --imm-accent-2: #f59e0b;
  --imm-border: rgba(17, 24, 39, 0.12);
  --button-primary-bg: #2563eb;
  --button-primary-text: #ffffff;
  --shadow-card: 0 12px 40px rgba(17, 24, 39, 0.08);
}

html,
body {
  background-color: #f8fafc !important;
  color: #111827 !important;
}

.header-clean,
.site-header-light.site-header-bar {
  background: rgba(255, 255, 255, 0.97) !important;
  border-bottom: 1px solid var(--imm-border);
}

.header-clean .navbar,
.site-header-light .navbar {
  background: transparent !important;
}

.header-clean .navbar-dark .nav-link,
.header-clean .navbar-dark .navbar-brand,
.site-header-light .nav-link,
.site-header-light .navbar-brand span {
  color: #111827 !important;
}

.header-clean .navbar-dark .nav-link:hover,
.header-clean .navbar-dark .nav-link.active,
.site-header-light .nav-link:hover,
.site-header-light .nav-link.active {
  color: #2563eb !important;
}

.header-clean .dropdown-menu-dark,
.site-header-light .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid var(--imm-border);
  box-shadow: var(--shadow-card);
}

.header-clean .dropdown-menu-dark .dropdown-item,
.site-header-light .dropdown-item {
  color: #111827 !important;
}

.header-clean .dropdown-menu-dark .dropdown-item:hover,
.site-header-light .dropdown-item:hover {
  background: #eff6ff !important;
  color: #2563eb !important;
}

.header-clean .custom-toggler .line {
  background: #111827 !important;
}

.hero-section,
.hero-professional-blue-01 {
  background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 50%, #fffbeb 100%) !important;
}

.hero-section .fresh_hero_title,
.hero-section .prime_hero_subtitle,
.hero-professional-blue-01 .bold_hero_title,
.hero-professional-blue-01 .base_hero_subtitle,
.hero-professional-blue-01 .hero-description {
  color: #111827 !important;
}

.core_section_title,
.dark_section_title,
.best_section_title {
  color: #111827 !important;
}

.page_section_subtitle,
.top_body_base,
.theme_body_base,
.fresh_body_base {
  color: #4b5563 !important;
}

.usp-item,
.usp-card,
.service-card,
.blog-card,
.about-feature-card,
.leadgen-form-card,
.info-card,
.site9-team-card {
  background: #ffffff !important;
  border: 1px solid var(--imm-border) !important;
  box-shadow: var(--shadow-card);
}

.btn-primary,
.btn-leadgen-submit {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

.btn-outline-primary,
.btn-outline-secondary {
  color: #2563eb !important;
  border-color: #2563eb !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
  background: #eff6ff !important;
}

.site-disclaimer-section {
  background: #fff7ed;
  border-top: 1px solid rgba(245, 158, 11, 0.25);
  border-bottom: 1px solid var(--imm-border);
}

.site-disclaimer-section p {
  color: #374151;
  font-size: 0.9rem;
  line-height: 1.65;
  margin-bottom: 0.85rem;
}

.footer-professional-blue-01,
.footer-primary,
.footer-pro {
  background: #111827 !important;
  color: #e5e7eb !important;
}

.footer-professional-blue-01 .core_section_title,
.footer-professional-blue-01 .top_body_base,
.footer-professional-blue-01 .premium_caption,
.footer-professional-blue-01 a,
.footer-primary a,
.footer-pro a {
  color: #e5e7eb !important;
}

.footer-professional-blue-01 a:hover,
.footer-primary a:hover {
  color: #f59e0b !important;
}

.footer-professional-blue-01 .footer-divider {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.article-container,
.legal-content {
  color: #111827;
}

.map-embed-wrap iframe {
  width: 100%;
  min-height: 360px;
  border: 0;
  border-radius: 0.5rem;
}

@media (max-width: 991.98px) {
  .header-clean .navbar-collapse,
  .site-header-light .navbar-collapse {
    background: #ffffff;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    box-shadow: var(--shadow-card);
  }
}