:root {--color-primary: #2e6f9f;--color-secondary: #64748b;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-light: #f8fafc;--color-white: #ffffff;--color-text: #1e293b;--color-text-light: #64748b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);--radius: 12px;--radius-lg: 16px;}.leistungen-main {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.hero-section {width: 100vw;margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);padding: 6rem 0;text-align: center;position: relative;background-color: #f3f6f9;}.hero-section::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background: linear-gradient(to bottom, rgba(243,246,249,0) 0%, #f7f8fa 100%);pointer-events: none;}.hero-content {max-width: 1200px;margin: 0 auto;padding: 0 1rem;position: relative;}.hero-badge {display: inline-block;background: var(--color-primary);color: white;padding: 0.5rem 1.5rem;border-radius: 50px;font-size: 0.9rem;font-weight: 600;margin-bottom: 2rem;box-shadow: var(--shadow);}.hero-content h1 {font-size: 3.5rem;font-weight: 700;color: var(--color-text);margin-bottom: 1.5rem;line-height: 1.1;letter-spacing: -0.02em;}.hero-subtitle {font-size: 1.3rem;color: var(--color-text-light);line-height: 1.6;margin-bottom: 3rem;max-width: 600px;margin-left: auto;margin-right: auto;}.hero-stats {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 2rem;margin-top: 3rem;}.stat-item {display: flex;align-items: center;gap: 1rem;background: white;padding: 1.5rem;border-radius: var(--radius);box-shadow: var(--shadow);transition: all 0.3s ease;}.stat-item:hover {transform: translateY(-2px);box-shadow: var(--shadow-lg);}.stat-icon {font-size: 2rem;flex-shrink: 0;}.stat-text {display: flex;flex-direction: column;align-items: flex-start;}.stat-text strong {color: var(--color-text);font-weight: 600;margin-bottom: 0.25rem;}.stat-text span {color: var(--color-text-light);font-size: 0.9rem;}.section-header {text-align: center;margin-bottom: 4rem;padding: 0 1rem;}.section-header h2 {font-size: 2.8rem;font-weight: 700;color: var(--color-text);margin-bottom: 1rem;line-height: 1.2;}.section-header p {font-size: 1.2rem;color: var(--color-text-light);max-width: 600px;margin: 0 auto;line-height: 1.6;}.problem-solution-section {padding: 6rem 0;}.problem-solution-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 2rem;}.problem-card {background: white;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);transition: all 0.3s ease;border: 1px solid #e2e8f0;}.problem-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-xl);}.problem-header {padding: 1.5rem 1.5rem 1rem;display: flex;align-items: flex-start;gap: 1rem;}.problem-icon {font-size: 1.5rem;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50%;flex-shrink: 0;}.problem-icon.severe {background: rgba(239, 68, 68, 0.1);}.problem-icon.critical {background: rgba(245, 158, 11, 0.1);}.problem-icon.urgent {background: rgba(239, 68, 68, 0.15);}.problem-icon.moderate {background: rgba(59, 130, 246, 0.1);}.problem-header h3 {font-size: 1.3rem;font-weight: 600;color: var(--color-text);line-height: 1.3;margin: 0;}.problem-description {padding: 0 1.5rem 1rem;}.problem-description p {color: var(--color-text-light);line-height: 1.5;margin: 0;}.solution {background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);padding: 1.5rem;display: flex;gap: 1rem;align-items: flex-start;border-top: 1px solid #e2e8f0;}.solution-icon {color: var(--color-success);font-size: 1.2rem;flex-shrink: 0;margin-top: 0.1rem;}.solution-text {line-height: 1.5;color: var(--color-text);}.solution-text strong {color: var(--color-primary);font-weight: 600;}.services-section {padding: 6rem 0;background: var(--color-light);margin: 0 -1rem;padding-left: 1rem;padding-right: 1rem;}.services-categories {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;}.service-category {background: white;border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow);transition: all 0.3s ease;border: 1px solid #e2e8f0;}.service-category:hover {transform: translateY(-2px);box-shadow: var(--shadow-lg);}.category-header {display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 2px solid var(--color-light);}.category-icon {font-size: 2rem;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--color-primary) 0%, #3d8bcd 100%);border-radius: var(--radius);color: white;flex-shrink: 0;}.category-header h3 {font-size: 1.4rem;font-weight: 600;color: var(--color-text);margin: 0;}.service-list {list-style: none;padding: 0;margin: 0;}.service-list li {padding: 0.75rem 0;color: var(--color-text-light);border-bottom: 1px solid #f1f5f9;position: relative;padding-left: 1.5rem;line-height: 1.4;}.service-list li::before {content: '';position: absolute;left: 0;top: 1rem;width: 6px;height: 6px;background: var(--color-primary);border-radius: 50%;}.service-list li:last-child {border-bottom: none;}.why-choose-us {padding: 6rem 0;}.benefits-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}.benefit-card {text-align: center;padding: 2.5rem 1.5rem;background: white;border-radius: var(--radius-lg);box-shadow: var(--shadow);transition: all 0.3s ease;border: 1px solid #e2e8f0;}.benefit-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-xl);}.benefit-icon {display: block;width: 60px;height: 60px;margin: 0 auto 1.5rem;object-fit: contain;}.benefit-card h3 {font-size: 1.3rem;font-weight: 600;color: var(--color-text);margin-bottom: 1rem;}.benefit-card p {color: var(--color-text-light);line-height: 1.6;margin: 0;}.cta-section {background: linear-gradient(135deg, var(--color-primary) 0%, #3d8bcd 100%);color: #fff;padding: 6rem 1rem;margin: 4rem auto;border-radius: 1.5rem;text-align: center;max-width: 1200px;box-shadow: 0 8px 24px rgba(0,0,0,0.15);}.cta-content {text-align: center;max-width: 700px;margin: 0 auto;}.cta-icon {display: block;width: 80px;height: 80px;margin: 0 auto 1.5rem;object-fit: contain;transition: transform 0.3s ease;}.cta-icon:hover {transform: scale(1.1);}.cta-content h2 {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;}.cta-content p {font-size: 1.2rem;line-height: 1.6;margin-bottom: 3rem;opacity: 0.9;}.cta-buttons {display: flex;gap: 1rem;justify-content: center;margin-bottom: 3rem;flex-wrap: wrap;}.cta-button {display: inline-flex;align-items: center;gap: 0.5rem;padding: 1rem 2rem;border-radius: var(--radius);text-decoration: none;font-weight: 600;font-size: 1.1rem;transition: all 0.3s ease;min-width: 180px;justify-content: center;}.cta-button.primary {background: white;color: var(--color-primary);border: 2px solid white;}.cta-button.primary:hover {background: transparent;color: white;transform: translateY(-2px);box-shadow: var(--shadow-lg);}.cta-button.secondary {background: transparent;color: white;border: 2px solid white;}.cta-button.secondary:hover {background: white;color: var(--color-primary);transform: translateY(-2px);}.button-icon {font-size: 1rem;}.cta-contact-info {border-top: 1px solid rgba(255, 255, 255, 0.2);padding-top: 2rem;opacity: 0.9;}.cta-contact-info p {margin: 0.5rem 0;font-size: 1rem;}@media (max-width: 768px) {.leistungen-main {padding: 0 0.5rem;}.hero-section, .services-section, .cta-section {padding-left: 0.5rem;padding-right: 0.5rem;}.hero-content h1 {font-size: 2.5rem;}.hero-subtitle {font-size: 1.1rem;}.section-header h2 {font-size: 2.2rem;}.problem-solution-grid {grid-template-columns: 1fr;}.services-categories {grid-template-columns: 1fr;gap: 1.5rem;}.benefits-grid {grid-template-columns: 1fr;gap: 1.5rem;}.cta-buttons {flex-direction: column;align-items: center;}.cta-button {width: 100%;max-width: 280px;}.hero-stats {grid-template-columns: 1fr;gap: 1rem;}.stat-item {padding: 1.25rem;}}@media (max-width: 480px) {.hero-section {padding: 3rem 0.5rem 4rem;}.hero-content h1 {font-size: 2rem;}.section-header h2 {font-size: 1.8rem;}.problem-card, .service-category, .benefit-card {margin: 0 0.5rem;}.problem-header {flex-direction: column;text-align: center;gap: 0.5rem;}.problem-icon {align-self: center;}.category-header {flex-direction: column;text-align: center;gap: 0.5rem;}.cta-content h2 {font-size: 1.8rem;}.cta-content p {font-size: 1rem;}}