/* Removable light color layer. Original layouts and motion stay in each HTML file. */
:root { --bg-white: #fff; --text-main: #17232c; --text-muted: #52616b; --accent-cyan: #00e5ff; --gray-bg: #f0f3f5; --border: #d2dbe1; }

body[data-page="index"] .scroll-line { background: #dfe6eb; }
body[data-page="index"] .btn-primary { background: #dfe6eb; color: var(--text-main); box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="index"] .btn-primary:hover { box-shadow: 0 10px 30px rgba(0,229,255,0.10); }
body[data-page="index"] .btn-secondary { color: var(--text-main); border: 1px solid #cdd6dc; }
body[data-page="index"] .btn-secondary::before { background: #dfe6eb; }
body[data-page="index"] .btn-secondary:hover { color: var(--text-main); }
body[data-page="index"] .btn-inverse { background: #edf0f3; box-shadow: 0 10px 30px rgba(23,35,44,0.10); }
body[data-page="index"] .btn-inverse:hover { box-shadow: 0 15px 40px rgba(23,35,44,0.10); color: var(--text-main); }
body[data-page="index"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="index"] .nav-links a { color: var(--text-main); }
body[data-page="index"] .nav-links a::after { background-color: #dfe6eb; }
body[data-page="index"] .hero-text { color: var(--text-main); }
body[data-page="index"] .hero-tag { border: 1px solid #cdd6dc; }
body[data-page="index"] .pulse-dot { background: #dfe6eb; }
body[data-page="index"] .hero-text h1 { text-shadow: none; }
body[data-page="index"] .hero-text p { color: var(--text-muted); text-shadow: none; }
body[data-page="index"] .hero-stats-row { border-top: 1px solid #cdd6dc; }
body[data-page="index"] .h-stat .val { text-shadow: none; }
body[data-page="index"] .h-stat .lab { color: var(--text-muted); }
body[data-page="index"] .sc-pill:hover { box-shadow: 0 5px 15px rgba(0,229,255,0.10); }
body[data-page="index"] .card:hover { box-shadow: 0 30px 60px rgba(23,35,44,0.10); }
body[data-page="index"] .dark-section { background: #edf0f3; color: var(--text-main); }
body[data-page="index"] .gewinn-letter { color: var(--text-muted); border: 2px solid #cdd6dc; background: #fff; }
body[data-page="index"] .gewinn-letter.active { box-shadow: 0 0 25px rgba(0,229,255,0.10), inset 0 0 10px rgba(0,229,255,0.10); background: #dfe6eb; }
body[data-page="index"] .gewinn-card { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="index"] .gewinn-card h4 { color: var(--text-main); }
body[data-page="index"] .gewinn-card p { color: var(--text-muted); }
body[data-page="index"] #gsap-konzept-container { background: #edf0f3; }
body[data-page="index"] .k-panel { color: var(--text-main); }
body[data-page="index"] .k-panel-1 { background: #edf0f3; border-bottom: 1px solid #cdd6dc; }
body[data-page="index"] .k-panel-2 { background: #edf0f3; border-bottom: 1px solid #cdd6dc; }
body[data-page="index"] .k-panel-3 { background: #edf0f3; }
body[data-page="index"] .k-panel-4 { background: #dfe6eb; color: var(--text-main); }
body[data-page="index"] .k-panel-4 .k-eyebrow { color: var(--text-main); }
body[data-page="index"] .k-panel-4 h2 { color: var(--text-main); }
body[data-page="index"] .k-panel p { color: var(--text-muted); }
body[data-page="index"] .k-metric-g { background: #edf0f3; border: 1px solid #cdd6dc; box-shadow: 0 20px 40px rgba(23,35,44,0.10); }
body[data-page="index"] .k-metric-g .lbl { color: var(--text-main); }
body[data-page="index"] .calculator-area { background: #edf0f3; color: var(--text-main); box-shadow: 0 40px 100px rgba(23,35,44,0.10); border-top: 1px solid #cdd6dc; }
body[data-page="index"] .calc-result { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="index"] input[type=range]::-webkit-slider-runnable-track { background: #b5c1c9; }
body[data-page="index"] .projects-grid .project-card:hover { box-shadow: 0 40px 80px rgba(0,229,255,0.10); }
body[data-page="index"] .project-label { color: var(--text-main); box-shadow: 0 10px 20px rgba(23,35,44,0.10); }
body[data-page="index"] .prog-bar { background: #dfe6eb; }
body[data-page="index"] .team-photo { box-shadow: 0 30px 60px rgba(23,35,44,0.10); }
body[data-page="index"] .testi-card:hover { box-shadow: 0 20px 40px rgba(23,35,44,0.10); }
body[data-page="index"] .testi-avatar { color: var(--text-main); }
body[data-page="index"] .contact-info-item:hover .contact-icon-box { background: #dfe6eb; }
body[data-page="index"] .input-group.floating label { color: var(--text-muted); }
body[data-page="index"] .input-group.floating input:focus, body[data-page="index"] .input-group.floating select:focus, body[data-page="index"] .input-group.floating textarea:focus { box-shadow: 0 0 0 3px rgba(0,229,255,0.10); }
body[data-page="index"] .huge-text-line2 { color: var(--text-main); background: #dfe6eb; box-shadow: 0 0 40px rgba(0,229,255,0.10); }
body[data-page="index"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="index"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="index"] .footer-bottom { color: var(--text-muted); }
body[data-page="index"] .footer-hover-link { color: var(--text-muted); }
body[data-page="index"] .footer-contact-item { color: var(--text-muted); }
body[data-page="index"] .gewinn-sticky-left { border-bottom: 1px solid #cdd6dc; }
body[data-page="index"] .projects-grid .project-card:hover { box-shadow: 0 20px 40px rgba(23,35,44,0.10); }
body[data-page="about"] { background: #edf0f3; color: var(--text-main); }
body[data-page="about"] .section-subtitle { color: var(--text-muted); }
body[data-page="about"] .scroll-line-container { background: #fff; }
body[data-page="about"] .scroll-line { background: #dfe6eb; }
body[data-page="about"] .btn-primary { background: #dfe6eb; color: var(--text-main); box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="about"] .btn-primary:hover { box-shadow: 0 10px 30px rgba(0,229,255,0.10); }
body[data-page="about"] .btn-secondary { color: var(--text-main); border: 1px solid #cdd6dc; }
body[data-page="about"] .btn-secondary::before { background: #dfe6eb; }
body[data-page="about"] .btn-secondary:hover { color: var(--text-main); }
body[data-page="about"] .btn-outline::before { background: #dfe6eb; }
body[data-page="about"] .btn-outline:hover { color: var(--text-main); }
body[data-page="about"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="about"] .nav-links a { color: var(--text-main); }
body[data-page="about"] .nav-links a::after { background-color: #dfe6eb; }
body[data-page="about"] .hero-text { color: var(--text-main); }
body[data-page="about"] .breadcrumb { color: var(--text-muted); text-shadow: none; }
body[data-page="about"] .breadcrumb a { color: var(--text-main); }
body[data-page="about"] .hero-text h1 { text-shadow: none; }
body[data-page="about"] .hero-text p { color: var(--text-muted); text-shadow: none; }
body[data-page="about"] .about-text p { color: var(--text-muted); }
body[data-page="about"] .about-text a:hover { color: var(--text-main); }
body[data-page="about"] .tilt-card { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="about"] .tilt-card:hover { box-shadow: 0 20px 50px rgba(23,35,44,0.10); }
body[data-page="about"] .company-box h3 { color: var(--text-main); }
body[data-page="about"] .cb-line { background: #dfe6eb; box-shadow: 0 0 10px rgba(0,229,255,0.10); }
body[data-page="about"] .cb-content p { color: var(--text-muted); }
body[data-page="about"] .cb-link:hover { color: var(--text-main); }
body[data-page="about"] .expertise-card h4 { color: var(--text-main); }
body[data-page="about"] .expertise-card p { color: var(--text-muted); }
body[data-page="about"] .tc-num { color: var(--text-muted); }
body[data-page="about"] .gewinn-item { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="about"] .gewinn-item:hover { background: #fff; box-shadow: 0 15px 30px rgba(23,35,44,0.10); }
body[data-page="about"] .g-letter { color: var(--text-muted); }
body[data-page="about"] .gewinn-item:hover .g-letter { color: var(--text-main); background: #dfe6eb; box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="about"] .g-content h4 { color: var(--text-main); }
body[data-page="about"] .g-content p { color: var(--text-muted); }
body[data-page="about"] .gw-key { background: #fff; border: 1px solid #cdd6dc; box-shadow: inset 0 -4px 0 rgba(23,35,44,0.10); }
body[data-page="about"] .team-avatar { box-shadow: 0 0 30px rgba(0,229,255,0.10); }
body[data-page="about"] .team-card h4 { color: var(--text-main); }
body[data-page="about"] .team-card p { color: var(--text-muted); }
body[data-page="about"] .cta-band { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="about"] .cta-band h2 { color: var(--text-main); }
body[data-page="about"] .cta-band p { color: var(--text-muted); }
body[data-page="about"] .huge-text-line2 { color: var(--text-main); background: #dfe6eb; box-shadow: 0 0 40px rgba(0,229,255,0.10); }
body[data-page="about"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="about"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="about"] .footer-bottom { color: var(--text-muted); }
body[data-page="about"] .footer-hover-link { color: var(--text-muted); }
body[data-page="about"] .footer-contact-item { color: var(--text-muted); }
body[data-page="haftung"] { background: #edf0f3; color: var(--text-main); }
body[data-page="haftung"] .btn-primary { background: #dfe6eb; color: var(--text-main); }
body[data-page="haftung"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="haftung"] .nav-links a { color: var(--text-main); }
body[data-page="haftung"] .subpage-hero { background: #edf0f3; border-bottom: 1px solid #cdd6dc; }
body[data-page="haftung"] .subpage-hero h1 { color: var(--text-main); }
body[data-page="haftung"] .legal-content { background: #fff; border: 1px solid #cdd6dc; box-shadow: 0 20px 40px rgba(23,35,44,0.10); }
body[data-page="haftung"] .legal-content p, body[data-page="haftung"] .legal-content ul { color: var(--text-muted); }
body[data-page="haftung"] .legal-content a:hover { color: var(--text-main); }
body[data-page="haftung"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="haftung"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="haftung"] .footer-bottom { color: var(--text-muted); }
body[data-page="haftung"] .footer-contact-item { color: var(--text-muted); }
body[data-page="haftung"] .footer-hover-link { color: var(--text-muted); }
body[data-page="investoren"] { background: #edf0f3; color: var(--text-main); }
body[data-page="investoren"] .section-subtitle { color: var(--text-muted); }
body[data-page="investoren"] .scroll-line-container { background: #fff; }
body[data-page="investoren"] .scroll-line { background: #dfe6eb; }
body[data-page="investoren"] .btn-primary { background: #dfe6eb; color: var(--text-main); box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="investoren"] .btn-primary:hover { box-shadow: 0 10px 30px rgba(0,229,255,0.10); }
body[data-page="investoren"] .btn-secondary { color: var(--text-main); border: 1px solid #cdd6dc; }
body[data-page="investoren"] .btn-secondary::before { background: #dfe6eb; }
body[data-page="investoren"] .btn-secondary:hover { color: var(--text-main); }
body[data-page="investoren"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="investoren"] .nav-links a { color: var(--text-main); }
body[data-page="investoren"] .nav-links a::after { background-color: #dfe6eb; }
body[data-page="investoren"] .hero-text { color: var(--text-main); }
body[data-page="investoren"] .breadcrumb { color: var(--text-muted); text-shadow: none; }
body[data-page="investoren"] .breadcrumb a { color: var(--text-main); }
body[data-page="investoren"] .hero-text h1 { text-shadow: none; }
body[data-page="investoren"] .hero-text p { color: var(--text-muted); text-shadow: none; }
body[data-page="investoren"] .feature-item { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="investoren"] .feature-item:hover { background: #fff; box-shadow: 0 10px 30px rgba(0,229,255,0.10); }
body[data-page="investoren"] .feature-icon { box-shadow: inset 0 0 10px rgba(0,229,255,0.10); }
body[data-page="investoren"] .feature-item h4 { color: var(--text-main); }
body[data-page="investoren"] .feature-item p { color: var(--text-muted); }
body[data-page="investoren"] .stat-box { background: #edf0f3; border: 1px solid #cdd6dc; box-shadow: 0 30px 60px rgba(23,35,44,0.10); }
body[data-page="investoren"] .sb-item { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="investoren"] .sb-item .l { color: var(--text-muted); }
body[data-page="investoren"] .info-box { color: var(--text-muted); }
body[data-page="investoren"] .iab-box { border: 1px solid #cdd6dc; box-shadow: 0 40px 80px rgba(23,35,44,0.10); }
body[data-page="investoren"] .iab-m { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="investoren"] .iab-m:hover { border-color: #cdd6dc; background: #fff; }
body[data-page="investoren"] .iab-m .v { color: var(--text-main); }
body[data-page="investoren"] .iab-highlight::before { background: #dfe6eb; }
body[data-page="investoren"] .iab-highlight .v { text-shadow: none; }
body[data-page="investoren"] .tax-card { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="investoren"] .tax-card p { color: var(--text-muted); }
body[data-page="investoren"] .sch-card { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="investoren"] .sch-card.highlight { box-shadow: 0 20px 50px rgba(0,229,255,0.10); color: var(--text-main); }
body[data-page="investoren"] .sch-card h4 { color: var(--text-main); }
body[data-page="investoren"] .sch-card.highlight h4 { color: var(--text-main); }
body[data-page="investoren"] .sch-row { border-bottom: 1px solid #cdd6dc; }
body[data-page="investoren"] .sch-row .val { color: var(--text-main); }
body[data-page="investoren"] .sch-card.highlight .sch-row .val { color: var(--text-main); }
body[data-page="investoren"] .timeline-line { background: #b5c1c9; }
body[data-page="investoren"] .timeline-progress { background: #dfe6eb; }
body[data-page="investoren"] .step-num { background: #edf0f3; border: 2px solid #cdd6dc; }
body[data-page="investoren"] .step-num.active { background: #dfe6eb; color: var(--text-main); box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="investoren"] .step-content { background: #fff; border: 1px solid #cdd6dc; box-shadow: 0 10px 30px rgba(23,35,44,0.10); }
body[data-page="investoren"] .konzept-step:hover .step-content { background: #fff; }
body[data-page="investoren"] .step-badge { color: var(--text-main); background: #dfe6eb; }
body[data-page="investoren"] .step-content h4 { color: var(--text-main); }
body[data-page="investoren"] .step-content p { color: var(--text-muted); }
body[data-page="investoren"] .partner-band { background: #edf0f3; border: 1px solid #cdd6dc; box-shadow: 0 40px 80px rgba(23,35,44,0.10); }
body[data-page="investoren"] .partner-list li { color: var(--text-muted); }
body[data-page="investoren"] .p-icon { box-shadow: inset 0 0 10px rgba(0,229,255,0.10); }
body[data-page="investoren"] .target-box { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="investoren"] .target-box h4 { color: var(--text-main); }
body[data-page="investoren"] .t-item { background: #fff; color: var(--text-muted); }
body[data-page="investoren"] .huge-text-line2 { color: var(--text-main); background: #dfe6eb; box-shadow: 0 0 40px rgba(0,229,255,0.10); }
body[data-page="investoren"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="investoren"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="investoren"] .footer-bottom { color: var(--text-muted); }
body[data-page="investoren"] .footer-hover-link { color: var(--text-muted); }
body[data-page="investoren"] .footer-contact-item { color: var(--text-muted); }
body[data-page="impressum"] { background: #edf0f3; color: var(--text-main); }
body[data-page="impressum"] .btn-primary { background: #dfe6eb; color: var(--text-main); }
body[data-page="impressum"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="impressum"] .nav-links a { color: var(--text-main); }
body[data-page="impressum"] .subpage-hero { background: #edf0f3; border-bottom: 1px solid #cdd6dc; }
body[data-page="impressum"] .subpage-hero h1 { color: var(--text-main); }
body[data-page="impressum"] .legal-content { background: #fff; border: 1px solid #cdd6dc; box-shadow: 0 20px 40px rgba(23,35,44,0.10); }
body[data-page="impressum"] .legal-content p { color: var(--text-muted); }
body[data-page="impressum"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="impressum"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="impressum"] .footer-bottom { color: var(--text-muted); }
body[data-page="impressum"] .footer-contact-item { color: var(--text-muted); }
body[data-page="impressum"] .footer-hover-link { color: var(--text-muted); }
body[data-page="kontakt"] { background: #edf0f3; color: var(--text-main); }
body[data-page="kontakt"] .section-title { color: var(--text-main); }
body[data-page="kontakt"] .scroll-line-container { background: #fff; }
body[data-page="kontakt"] .scroll-line { background: #dfe6eb; }
body[data-page="kontakt"] .btn-primary { background: #dfe6eb; color: var(--text-main); box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="kontakt"] .btn-primary:hover { box-shadow: 0 10px 30px rgba(0,229,255,0.10); }
body[data-page="kontakt"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="kontakt"] .nav-links a { color: var(--text-main); }
body[data-page="kontakt"] .nav-links a::after { background-color: #dfe6eb; }
body[data-page="kontakt"] .hero-text { color: var(--text-main); }
body[data-page="kontakt"] .breadcrumb { color: var(--text-muted); text-shadow: none; }
body[data-page="kontakt"] .breadcrumb a { color: var(--text-main); }
body[data-page="kontakt"] .hero-text h1 { text-shadow: none; }
body[data-page="kontakt"] .hero-text p { color: var(--text-muted); text-shadow: none; }
body[data-page="kontakt"] .direct-contact { background: #edf0f3; border-bottom: 1px solid #cdd6dc; }
body[data-page="kontakt"] .c-info h4 { color: var(--text-muted); }
body[data-page="kontakt"] .c-info p, body[data-page="kontakt"] .c-info a { color: var(--text-main); }
body[data-page="kontakt"] .c-info span { color: var(--text-muted); }
body[data-page="kontakt"] .map-section img { border: 1px solid #cdd6dc; box-shadow: 0 30px 60px rgba(23,35,44,0.10); }
body[data-page="kontakt"] .form-3d-card { background: #edf0f3; box-shadow: 0 40px 100px rgba(23,35,44,0.10), 0 0 40px rgba(0,229,255,0.10); }
body[data-page="kontakt"] .form-header h2 { color: var(--text-main); }
body[data-page="kontakt"] .form-header p { color: var(--text-muted); }
body[data-page="kontakt"] .topic-btn { background: #fff; border: 1px solid #cdd6dc; color: var(--text-muted); }
body[data-page="kontakt"] .topic-btn:hover { border-color: #cdd6dc; color: var(--text-main); }
body[data-page="kontakt"] .topic-btn.selected { box-shadow: 0 0 20px rgba(0,229,255,0.10); }
body[data-page="kontakt"] .form-control { background: #fff; border: 1px solid #cdd6dc; color: var(--text-main); }
body[data-page="kontakt"] .form-control:focus { box-shadow: 0 0 15px rgba(0,229,255,0.10); }
body[data-page="kontakt"] .form-control::placeholder { color: var(--text-muted); }
body[data-page="kontakt"] select.form-control option { background: #edf0f3; color: var(--text-main); }
body[data-page="kontakt"] .check-wrap label { color: var(--text-muted); }
body[data-page="kontakt"] .form-note { color: var(--text-muted); }
body[data-page="kontakt"] .faq-section { background: #fff; border-top: 1px solid #cdd6dc; }
body[data-page="kontakt"] .faq-item { background: #fff; border: 1px solid #cdd6dc; }
body[data-page="kontakt"] .faq-item:hover { background: #fff; }
body[data-page="kontakt"] .faq-item summary { color: var(--text-main); }
body[data-page="kontakt"] .faq-item p { color: var(--text-muted); }
body[data-page="kontakt"] .huge-text-line2 { color: var(--text-main); background: #dfe6eb; box-shadow: 0 0 40px rgba(0,229,255,0.10); }
body[data-page="kontakt"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="kontakt"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="kontakt"] .footer-bottom { color: var(--text-muted); }
body[data-page="kontakt"] .footer-hover-link { color: var(--text-muted); }
body[data-page="kontakt"] .footer-contact-item { color: var(--text-muted); }
body[data-page="datenschutz"] { background: #edf0f3; color: var(--text-main); }
body[data-page="datenschutz"] .btn-primary { background: #dfe6eb; color: var(--text-main); }
body[data-page="datenschutz"] header.scrolled { border-bottom: 1px solid #cdd6dc; }
body[data-page="datenschutz"] .nav-links a { color: var(--text-main); }
body[data-page="datenschutz"] .subpage-hero { background: #edf0f3; border-bottom: 1px solid #cdd6dc; }
body[data-page="datenschutz"] .subpage-hero h1 { color: var(--text-main); }
body[data-page="datenschutz"] .legal-content { background: #fff; border: 1px solid #cdd6dc; box-shadow: 0 20px 40px rgba(23,35,44,0.10); }
body[data-page="datenschutz"] .legal-content h3 { color: var(--text-main); }
body[data-page="datenschutz"] .legal-content p, body[data-page="datenschutz"] .legal-content ul { color: var(--text-muted); }
body[data-page="datenschutz"] footer { background: #edf0f3; color: var(--text-main); border-top: 1px solid #cdd6dc; }
body[data-page="datenschutz"] .footer-grid { border-bottom: 1px solid #cdd6dc; }
body[data-page="datenschutz"] .footer-bottom { color: var(--text-muted); }
body[data-page="datenschutz"] .footer-contact-item { color: var(--text-muted); }
body[data-page="datenschutz"] .footer-hover-link { color: var(--text-muted); }
[data-light-tone="beq-tone-1"] { color: var(--text-main) !important; }
[data-light-tone="beq-tone-2"] { color: var(--text-muted) !important; }
[data-light-tone="beq-tone-3"] { color: var(--text-muted) !important; border-top: 1px solid #cdd6dc !important; }
[data-light-tone="beq-tone-4"] { border-bottom: 1px solid #cdd6dc !important; }
[data-light-tone="beq-tone-5"] { border-top: 1px solid #cdd6dc !important; }
[data-light-tone="beq-tone-6"] { background: #fff !important; border-top: 1px solid #cdd6dc !important; border-bottom: 1px solid #cdd6dc !important; }
[data-light-tone="beq-tone-7"] { border-top: 2px solid #cdd6dc !important; }
[data-light-tone="beq-tone-8"] { background: #fff !important; border-top: 1px solid #cdd6dc !important; }

/* Deliberate alternation of white, pale grey and slate-grey surfaces. */
body[data-page] { background: #f7f8fa; color: var(--text-main); }
body[data-page="index"] { background: #fff; }
body[data-page] header, body[data-page] header.scrolled { background: rgba(248,250,251,.96); border-bottom: 1px solid #d2dbe1; box-shadow: 0 2px 20px rgba(23,35,44,.04); }
body[data-page] .logo img, body[data-page] .footer-logo img { filter: url(#beq-logo-on-light); opacity: 1; }
body[data-page] .nav-links a { color: #26353f; }
body[data-page] .nav-links a:hover { color: var(--accent-cyan); }
body[data-page] .hero, body[data-page] .subpage-hero { background: #e4e9ed; }
body[data-page] .hero-overlay { background: linear-gradient(110deg, rgba(242,245,247,.95) 0%, rgba(240,244,247,.90) 60%, rgba(226,233,237,.86) 100%); }
body[data-page] .hero-text, body[data-page] .hero-text h1, body[data-page] .hero-text p { color: #17232c; text-shadow: none; }
body[data-page] .hero-text h1 .reveal-text { color: #17232c; }
body[data-page] .hero-text h1 .delay-1 { color: var(--accent-cyan); }
body[data-page] .hero-tag { color: #334650; border-color: #a8b9c3; background: rgba(255,255,255,.7); }
body[data-page] .hero-stats-row { border-color: #bfcbd3; }
body[data-page] .h-stat .val { color: var(--accent-cyan); text-shadow: none; }
body[data-page] .h-stat .lab, body[data-page] .breadcrumb, body[data-page] .breadcrumb a { color: #435660; text-shadow: none; }
body[data-page] .pulse-dot, body[data-page] .scroll-line, body[data-page] .nav-links a::after { background: var(--accent-cyan); }
body[data-page] .dark-section { background: #e9eef2; color: #17232c; }
body[data-page] .gewinn-card, body[data-page] .tilt-card, body[data-page] .feature-item, body[data-page] .faq-item, body[data-page] .legal-content { background: #fff; border-color: #d2dbe1; box-shadow: 0 12px 30px rgba(23,35,44,.045); }
body[data-page] .gewinn-letter, body[data-page] .g-letter { color: #52616b; background: #f7f9fa; border-color: #c3cfd7; }
body[data-page] .gewinn-letter.active, body[data-page] .gewinn-item:hover .g-letter { background: var(--accent-cyan); color: #17232c; border-color: var(--accent-cyan); box-shadow: 0 0 22px rgba(0,229,255,.18); }
body[data-page] #gsap-konzept-container, body[data-page] .k-panel-1 { background: #f2f5f7; }
body[data-page] .k-panel-2 { background: #e4eaf0; }
body[data-page] .k-panel-3 { background: #d6dfe6; }
body[data-page] .k-panel-4 { background: #e9edf0; color: #17232c; }
body[data-page] .k-panel p { color: #354854; opacity: 1; }
body[data-page] .k-metric-g { background: #fff; border-color: #c1ced7; }
body[data-page] .calculator-area { background: #e4ebf0; color: #17232c; }
body[data-page] .calc-result { background: #fff; border-color: #cbd6de; }
body[data-page] #res-netto { color: var(--accent-cyan) !important; }
body[data-page] .form-3d-card, body[data-page] .contact-form { background: #f0f3f5; border-color: #cbd6de; box-shadow: 0 18px 45px rgba(23,35,44,.08); }
body[data-page] .direct-contact { background: #fff; }
body[data-page] .faq-section, body[data-page] .cta-band { background: #e8edf1; }
body[data-page] .huge-text-line2 { background: #dfe6eb; color: #17232c; box-shadow: none; }
body[data-page] footer { background: #dde4e9; color: #17232c; border-color: #c0ccd5; }
body[data-page] .footer-grid { border-color: #bac8d2; }
body[data-page] .footer-contact-item, body[data-page] .footer-hover-link, body[data-page] .footer-bottom { color: #435560; }
/* Buttons retain the existing shape, transitions and arrow motion. */
body[data-page] .btn-primary, body[data-page] .btn-inverse { background: var(--accent-cyan); color: #17232c !important; box-shadow: 0 6px 20px rgba(0,229,255,.14); }
body[data-page] .btn-primary:hover, body[data-page] .btn-inverse:hover { background: var(--accent-cyan); color: #17232c !important; }
body[data-page] .btn-secondary, body[data-page] .btn-outline { color: #253c49 !important; border-color: #8ca3b0 !important; background: transparent; }
body[data-page] .btn-secondary::before, body[data-page] .btn-outline::before { background: #dce5eb; }
body[data-page] .btn-secondary:hover, body[data-page] .btn-outline:hover { color: #17232c !important; }
body[data-page] .testi-avatar { color: #fff; background: #354d5c; }
body[data-page] .tc-num { color: #657783; }
body[data-page] .footer-bottom > div { flex-wrap: wrap; }

/* CI correction: original turquoise for accents; the large surfaces stay neutral. */
body[data-page] .cb-line,
body[data-page] .step-num.active,
body[data-page] .prog-bar { background: var(--accent-cyan); color: #17232c; }
body[data-page] .btn-secondary::before,
body[data-page] .btn-outline::before { background: var(--accent-cyan); }
body[data-page] .beq-submit { background: var(--accent-cyan); color: #17232c; }
body[data-page] .beq-submit:hover { background: var(--accent-cyan); color: #17232c; box-shadow: 0 8px 22px rgba(0,229,255,.25); }
/* Small copy on light surfaces remains dark; the actual brand hue is unchanged. */
body[data-page] .legal-content a,
body[data-page] .beq-privacy a,
body[data-page] .beq-notice a { color: #17232c; text-decoration: underline; text-decoration-color: var(--accent-cyan); text-decoration-thickness: 2px; text-underline-offset: 4px; }
body[data-page] #res-netto { color: #17232c !important; }
/* Show the existing solar-field photograph instead of covering it with white. */
body[data-page="index"] .hero-overlay { background: linear-gradient(180deg, rgba(15,28,40,.08) 0%, rgba(15,28,40,.18) 55%, rgba(15,28,40,.32) 100%); }
body[data-page="index"] .hero-text,
body[data-page="index"] .hero-text h1,
body[data-page="index"] .hero-text h1 .reveal-text,
body[data-page="index"] .hero-text p { color: #fff; text-shadow: 0 2px 14px rgba(0,0,0,.4); }
body[data-page="index"] .hero-text h1 .delay-1,
body[data-page="index"] .h-stat .val { color: var(--accent-cyan); }
body[data-page="index"] .hero-tag { color: #fff; background: rgba(15,28,40,.45); border-color: rgba(255,255,255,.4); }
body[data-page="index"] .h-stat .lab { color: #fff; }
body[data-page="index"] .hero-stats-row { border-color: rgba(255,255,255,.4); }

/* Approved palette: light surfaces, dark typography, unchanged CI accent. */
:root { --text-main: #243239; --text-muted: #526169; --gray-bg: #F5F6F3; --border: #D9DFDA; --accent-cyan: #00E5FF; --accent-surface: #E5FAFD; }

body[data-page="index"] .btn-inverse { color: var(--text-main) !important; }
body[data-page="index"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="index"] .hero-text h1 span { color: var(--text-main) !important; }
body[data-page="index"] .h-stat .val { color: var(--text-main) !important; }
body[data-page="index"] .sc-pill:hover strong { color: var(--text-main) !important; }
body[data-page="index"] .card li::before { color: var(--text-main) !important; }
body[data-page="index"] .card:hover .zg-link { color: var(--text-main) !important; }
body[data-page="index"] .gewinn-card h4 span { color: var(--text-main) !important; }
body[data-page="index"] .k-eyebrow { color: var(--text-main) !important; }
body[data-page="index"] .k-metric-g .val { color: var(--text-main) !important; }
body[data-page="index"] .calc-result h2 { color: var(--text-main) !important; }
body[data-page="index"] .team-author { color: var(--text-main) !important; }
body[data-page="index"] .contact-info-value:hover { color: var(--text-main) !important; }
body[data-page="index"] .input-group.floating input:focus ~ label, body[data-page="index"] .input-group.floating input:not(:placeholder-shown) ~ label, body[data-page="index"] .input-group.floating select:focus ~ label, body[data-page="index"] .input-group.floating select:not([value=""]) ~ label, body[data-page="index"] .input-group.floating textarea:focus ~ label, body[data-page="index"] .input-group.floating textarea:not(:placeholder-shown) ~ label { color: var(--text-main) !important; }
body[data-page="index"] .footer-hover-link:hover { color: var(--text-main) !important; }
body[data-page="index"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="about"] .eyebrow { color: var(--text-main) !important; }
body[data-page="about"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="about"] .breadcrumb a:hover { color: var(--text-main) !important; }
body[data-page="about"] .hero-text h1 span { color: var(--text-main) !important; }
body[data-page="about"] .about-text a { color: var(--text-main) !important; }
body[data-page="about"] .cb-content h4 { color: var(--text-main) !important; }
body[data-page="about"] .cb-link { color: var(--text-main) !important; }
body[data-page="about"] .etag { color: var(--text-main) !important; }
body[data-page="about"] .gw-key { color: var(--text-main) !important; }
body[data-page="about"] .team-avatar { color: var(--text-main) !important; }
body[data-page="about"] .team-card .role { color: var(--text-main) !important; }
body[data-page="about"] .footer-hover-link:hover { color: var(--text-main) !important; }
body[data-page="about"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="haftung"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="haftung"] .subpage-hero h1 span { color: var(--text-main) !important; }
body[data-page="haftung"] .legal-content h2 { color: var(--text-main) !important; }
body[data-page="haftung"] .legal-content a { color: var(--text-main) !important; }
body[data-page="haftung"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="haftung"] .footer-hover-link:hover { color: var(--text-main) !important; }
body[data-page="investoren"] .eyebrow { color: var(--text-main) !important; }
body[data-page="investoren"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="investoren"] .breadcrumb a:hover { color: var(--text-main) !important; }
body[data-page="investoren"] .hero-text h1 span { color: var(--text-main) !important; }
body[data-page="investoren"] .feature-icon { color: var(--text-main) !important; }
body[data-page="investoren"] .sb-item .v { color: var(--text-main) !important; }
body[data-page="investoren"] .info-box strong { color: var(--text-main) !important; }
body[data-page="investoren"] .iab-m .l { color: var(--text-main) !important; }
body[data-page="investoren"] .iab-highlight .v { color: var(--text-main) !important; }
body[data-page="investoren"] .tax-card h4 { color: var(--text-main) !important; }
body[data-page="investoren"] .sch-row.success .val { color: var(--text-main) !important; }
body[data-page="investoren"] .p-icon { color: var(--text-main) !important; }
body[data-page="investoren"] .footer-hover-link:hover { color: var(--text-main) !important; }
body[data-page="investoren"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="impressum"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="impressum"] .subpage-hero h1 span { color: var(--text-main) !important; }
body[data-page="impressum"] .legal-content h2 { color: var(--text-main) !important; }
body[data-page="impressum"] .legal-content a { color: var(--text-main) !important; }
body[data-page="impressum"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="impressum"] .footer-hover-link:hover { color: var(--text-main) !important; }
body[data-page="kontakt"] .eyebrow { color: var(--text-main) !important; }
body[data-page="kontakt"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="kontakt"] .breadcrumb a:hover { color: var(--text-main) !important; }
body[data-page="kontakt"] .hero-text h1 span { color: var(--text-main) !important; }
body[data-page="kontakt"] .c-icon { color: var(--text-main) !important; }
body[data-page="kontakt"] .c-info a:hover { color: var(--text-main) !important; }
body[data-page="kontakt"] .topic-btn.selected { color: var(--text-main) !important; }
body[data-page="kontakt"] .form-group label { color: var(--text-main) !important; }
body[data-page="kontakt"] .check-wrap a { color: var(--text-main) !important; }
body[data-page="kontakt"] .faq-icon { color: var(--text-main) !important; }
body[data-page="kontakt"] .footer-hover-link:hover { color: var(--text-main) !important; }
body[data-page="kontakt"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="datenschutz"] .nav-links a:hover { color: var(--text-main) !important; }
body[data-page="datenschutz"] .subpage-hero h1 span { color: var(--text-main) !important; }
body[data-page="datenschutz"] .legal-content h2 { color: var(--text-main) !important; }
body[data-page="datenschutz"] .legal-content a { color: var(--text-main) !important; }
body[data-page="datenschutz"] .footer-contact-item:hover { color: var(--text-main) !important; }
body[data-page="datenschutz"] .footer-hover-link:hover { color: var(--text-main) !important; }

[data-accent-text="true"] { color: var(--text-main) !important; }
body[data-page] { background: var(--gray-bg); color: var(--text-main); }
body[data-page="index"] { background: #fff; }
body[data-page] header, body[data-page] header.scrolled { background: rgba(245,246,243,.97); border-color: var(--border); }
body[data-page] .nav-links a, body[data-page] .nav-links a:hover { color: var(--text-main); }
body[data-page] .section-title, body[data-page] .eyebrow,
body[data-page] .hero-text, body[data-page] .hero-text h1,
body[data-page] .hero-text h1 .reveal-text { color: var(--text-main); }
body[data-page] .hero-text p { color: var(--text-muted); }
body[data-page] .subpage-hero { background: var(--gray-bg); }
body[data-page] .dark-section, body[data-page] .faq-section,
body[data-page] .cta-band, body[data-page] #investment-ablauf { background: var(--gray-bg); color: var(--text-main); }
body[data-page] .gewinn-card, body[data-page] .tilt-card,
body[data-page] .feature-item, body[data-page] .faq-item,
body[data-page] .legal-content, body[data-page] .tax-card,
body[data-page] .sch-card, body[data-page] .step-content,
body[data-page] .step-content:hover, body[data-page] .konzept-step:hover .step-content { background: #fff; border-color: var(--border); }
body[data-page] .stat-box, body[data-page] .partner-band,
body[data-page] .calculator-area { background: var(--gray-bg); border-color: var(--border); color: var(--text-main); }
body[data-page] .sb-item, body[data-page] .calc-result { background: #fff; border-color: var(--border); }
body[data-page] .info-box, body[data-page] .step-badge,
body[data-page] .step-num, body[data-page] .feature-icon,
body[data-page] .c-icon, body[data-page] .p-icon,
body[data-page] .contact-icon-box, body[data-page] .team-avatar,
body[data-page] .gw-key { background: var(--accent-surface); color: var(--text-main); border-color: #B7DDE2; }
body[data-page] .step-num.active { background: var(--accent-surface); color: var(--text-main); border-color: var(--accent-cyan); box-shadow: 0 0 18px rgba(0,229,255,.2); }
body[data-page] .timeline-line { background: var(--border); }
body[data-page] .timeline-progress { background: var(--accent-cyan); }
body[data-page] .form-3d-card, body[data-page] .contact-form { background: var(--gray-bg); border-color: var(--border); }
body[data-page] #gsap-konzept-container, body[data-page] .k-panel-1 { background: var(--gray-bg); }
body[data-page] .k-panel-2 { background: #ECEFEA; }
body[data-page] .k-panel-3 { background: #E3E8E1; }
body[data-page] .k-panel-4 { background: var(--gray-bg); }
body[data-page] .k-metric-g { background: #fff; border-color: var(--border); }
body[data-page] .k-panel p { color: var(--text-muted); }
body[data-page] .huge-text-line2 { background: #E6EAE4; color: var(--text-main); }
body[data-page] footer { background: #E6EAE4; color: var(--text-main); border-color: var(--border); }
body[data-page] .footer-contact-item, body[data-page] .footer-hover-link,
body[data-page] .footer-bottom { color: var(--text-muted); }
body[data-page] .btn-primary, body[data-page] .btn-primary:hover,
body[data-page] .btn-inverse, body[data-page] .btn-inverse:hover,
body[data-page] .beq-submit, body[data-page] .beq-submit:hover { background: var(--accent-cyan); color: var(--text-main) !important; }
body[data-page] .btn-secondary, body[data-page] .btn-outline { color: var(--text-main) !important; }
body[data-page] .contact-info-value, body[data-page] #res-netto { color: var(--text-main) !important; }
/* IAB: explicitly replace the previously missed dark gradient. */
body[data-page="investoren"] .iab-box { background: var(--gray-bg); color: var(--text-main); border-color: var(--border); }
body[data-page="investoren"] .iab-m { background: #fff; border-color: var(--border); }
body[data-page="investoren"] .iab-m .v { color: var(--text-main); }
body[data-page="investoren"] .iab-m .l { color: var(--text-muted) !important; }
body[data-page="investoren"] .iab-highlight { background: #fff; border: 2px solid var(--accent-cyan); }
body[data-page="investoren"] .iab-highlight::before { background: transparent; }
body[data-page="investoren"] .iab-highlight .v,
body[data-page="investoren"] .sch-row.success .val { color: var(--text-main) !important; }
body[data-page="investoren"] .sch-row.alert .val { color: #A63240 !important; }
body[data-page="investoren"] .after-purchase { max-width: 800px; margin: 32px auto 0; padding: 30px; background: #fff; border: 1px solid var(--border); border-left: 4px solid var(--accent-cyan); border-radius: 20px; }
body[data-page="investoren"] .after-purchase h3 { margin-bottom: 10px; font-size: 20px; color: var(--text-main); }
body[data-page="investoren"] .after-purchase p { font-size: 16px; line-height: 1.7; color: var(--text-muted); }
#investment-ablauf { scroll-margin-top: 115px; }
/* The existing dark photograph is the sole text-accent exception. */
body[data-page="index"] .hero-text,
body[data-page="index"] .hero-text h1,
body[data-page="index"] .hero-text h1 .reveal-text,
body[data-page="index"] .hero-text h1 span,
body[data-page="index"] .hero-text p { color: #fff !important; }
body[data-page="index"] .hero-text h1 .delay-1,
body[data-page="index"] .hero-text [data-accent-text="true"],
body[data-page="index"] .h-stat .val { color: var(--accent-cyan) !important; }
body[data-page="index"] .h-stat .lab { color: #fff; }

/* Updated offer copy uses the existing two-column layout and feature cards. */
body[data-page="investoren"] #modell .feature-list { margin-top: 0; list-style: none; }
body[data-page="investoren"] #modell .feature-item p { font-size: 16px; }
#modell { scroll-margin-top: 115px; }

/* CTA hierarchy: anthracite header button; turquoise hero action. */
body[data-page] header .btn-primary.btn-header {
    background: #243239;
    color: #fff !important;
    border: 1px solid #243239;
    box-shadow: none;
    text-transform: none;
}
body[data-page] header .btn-primary.btn-header:hover {
    background: #36474F;
    color: #fff !important;
    border-color: #36474F;
    box-shadow: 0 6px 16px rgba(36,50,57,.18);
}
body[data-page] header .btn-primary.btn-header:focus-visible {
    outline: 2px solid #243239;
    outline-offset: 4px;
}
body[data-page="index"] #hero-section .btn-primary {
    background: var(--accent-cyan);
    color: #243239 !important;
    text-transform: none;
}

/* Reuse the former project and property hero photographs with visible detail. */
body:is([data-page="investoren"], [data-page="about"]) .hero-overlay {
    background: linear-gradient(90deg, rgba(15,28,40,.50) 0%, rgba(15,28,40,.28) 55%, rgba(15,28,40,.10) 100%);
}
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .hero-text,
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .hero-text h1,
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .hero-text h1 span,
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .hero-text p,
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .breadcrumb,
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .breadcrumb a {
    color: #fff !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.55);
}
body:is([data-page="investoren"], [data-page="about"]) .subpage-hero .hero-text [data-accent-text="true"] {
    color: var(--accent-cyan) !important;
}