/* Helle Lernplattform Klimaanlage/Klimasystem — #0EA5E9 / #16A34A / #FFFFFF / #1F2937 */
:root {
  --imm-bg-deep: #ffffff;
  --imm-bg-panel: #f8fafc;
  --imm-text: #1f2937;
  --imm-muted: #6b7280;
  --imm-accent: #0ea5e9;
  --imm-accent-2: #16a34a;
  --imm-border: rgba(31, 41, 55, 0.12);
  --surface-primary: #ffffff;
  --surface-secondary: #f8fafc;
  --surface-accent: #e0f2fe;
  --text-primary: #1f2937;
  --text-secondary: #6b7280;
  --text-accent: #0ea5e9;
  --primary-500: #0ea5e9;
  --primary-600: #0284c7;
  --primary-rgb: 14, 165, 233;
  --accent-500: #16a34a;
  --button-primary-bg: #0ea5e9;
  --button-primary-text: #ffffff;
  --button-secondary-bg: #ffffff;
  --button-secondary-text: #0ea5e9;
  --shadow-card: 0 12px 40px rgba(31, 41, 55, 0.08);
}

html,
body {
  background-color: #ffffff !important;
  color: #1f2937 !important;
}

.site-header-light.site-header-bar {
  background: rgba(255, 255, 255, 0.97) !important;
  border-bottom: 1px solid var(--imm-border);
}

.site-header-light .nav-link,
.site-header-light .navbar-brand span {
  color: #1f2937 !important;
}

.site-header-light .nav-link:hover,
.site-header-light .nav-link.active {
  color: #0ea5e9 !important;
}

.site-header-light .navbar-toggler svg {
  stroke: #1f2937;
}

.site-header-light .dropdown-menu {
  background: #ffffff;
  border: 1px solid var(--imm-border);
  box-shadow: var(--shadow-card);
}

.site-header-light .dropdown-item {
  color: #1f2937;
}

.site-header-light .dropdown-item:hover {
  background: #e0f2fe;
  color: #0ea5e9;
}

.hero-professional-blue-01 {
  background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 55%, #ecfdf5 100%) !important;
}

.hero-professional-blue-01 .bold_hero_title,
.hero-professional-blue-01 .pro_hero_title {
  color: #1f2937 !important;
}

.hero-professional-blue-01 .base_hero_subtitle,
.hero-professional-blue-01 .hero-description {
  color: #4b5563 !important;
}

.btn-primary {
  background-color: #0ea5e9 !important;
  border-color: #0ea5e9 !important;
}

.btn-primary:hover {
  background-color: #0284c7 !important;
  border-color: #0284c7 !important;
}

.btn-outline-secondary {
  color: #0ea5e9 !important;
  border-color: #0ea5e9 !important;
}

.btn-outline-secondary:hover {
  background: #e0f2fe !important;
}

.usp-card,
.leadgen-form-card,
.about-feature,
.blog-card,
.service-item {
  background: #ffffff !important;
  border-color: var(--imm-border) !important;
}

.usp-value-badge .top_overline,
.usp-value-badge span {
  color: #16a34a !important;
}

.footer-primary {
  background: #f8fafc !important;
  color: #1f2937 !important;
}

.footer-primary .footer-brand-title,
.footer-primary .footer-section-title {
  color: #1f2937 !important;
}

.footer-primary .footer-brand-description,
.footer-primary .footer-disclaimer-text,
.footer-primary .footer-copyright-text {
  color: #4b5563 !important;
}

.footer-primary a {
  color: #0ea5e9 !important;
}

.footer-disclaimer-wrapper {
  background: #ffffff !important;
  border: 1px solid var(--imm-border) !important;
}

.dark_section_title,
.fresh_section_title {
  color: #1f2937 !important;
}

.theme_body_base,
.design_body_large {
  color: #1f2937;
}

.text-muted {
  color: #6b7280 !important;
}

.services-section-primary .section-title {
  color: #1f2937 !important;
}

.article-container h1,
.article-container h2 {
  color: #1f2937;
}

.contact-form-wrapper,
.contact-info-wrapper {
  background: #ffffff !important;
  border-color: var(--imm-border) !important;
}

.accordion-button:not(.collapsed) {
  background-color: #e0f2fe !important;
  color: #1f2937 !important;
}

.services-section-primary .header-column {
  background: #f0f9ff !important;
}

.services-section-primary .services-column {
  background: #ffffff !important;
}
