.leistungen-hero{opacity:0;justify-content:space-between;align-items:center;gap:60px;min-height:70vh;padding:60px 0;transition:all .8s;display:flex;position:relative;transform:translateY(30px)}.leistungen-hero.visible{opacity:1;transform:translateY(0)}.hero-visual{pointer-events:none;z-index:1;position:absolute;inset:0}.floating-cards{width:100%;height:100%;min-height:500px;position:relative}.float-card{white-space:nowrap;pointer-events:none;background:#fff;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.card1{color:#92400e;background:#fef3c7;animation-delay:0s;top:5%;left:5%}.card2{color:#5b21b6;background:#ede9fe;animation-delay:.5s;top:5%;right:5%}.card3{color:#065f46;background:#d1fae5;animation-delay:1s;top:45%;left:0%}.card4{color:#1e40af;background:#dbeafe;animation-delay:1.5s;top:45%;right:0%}.card5{color:#991b1b;background:#fee2e2;animation-delay:2s;bottom:5%;left:10%}.card6{color:#9d174d;background:#fce7f3;animation-delay:2.5s;bottom:5%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.service-tabs-section{margin:40px 0 20px}.service-tabs{background:var(--bg-secondary);border-radius:60px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:fit-content;margin:0 auto;padding:8px;display:flex}.service-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.service-tab:hover{background:var(--bg-card);color:var(--text-primary);transform:translateY(-2px)}.service-tab.active{background:var(--bg-card);color:var(--text-primary);border-bottom-color:var(--service-color,#2563eb);box-shadow:0 4px 12px var(--shadow-color)}.tab-icon{font-size:1.2rem}.service-detail-section{padding:40px 0}.service-detail{background:var(--bg-card);box-shadow:0 10px 30px var(--shadow-color);border:1px solid var(--border-color);border-radius:32px;overflow:hidden}.service-header-detail{background:var(--bg-secondary);border-bottom:4px solid var(--service-color,#2563eb);align-items:center;gap:24px;padding:40px;display:flex}.service-icon-large{background:var(--bg-card);width:100px;height:100px;box-shadow:0 10px 25px var(--shadow-color);border-radius:30px;justify-content:center;align-items:center;font-size:4rem;display:flex}.service-title-group h2{color:var(--text-primary);margin-bottom:8px;font-size:2rem}.service-subtitle{color:var(--text-secondary);font-size:1.1rem}.service-grid-detail{grid-template-columns:repeat(2,1fr);gap:24px;padding:40px;display:grid}.service-description-card,.service-features-card,.service-tech-card,.service-usecases-card,.service-platforms-card,.service-cta-card{background:var(--bg-secondary);border-radius:20px;padding:28px;transition:all .3s}.service-description-card:hover,.service-features-card:hover,.service-tech-card:hover,.service-usecases-card:hover,.service-platforms-card:hover,.service-cta-card:hover{box-shadow:0 8px 20px var(--shadow-color);transform:translateY(-4px)}.service-grid-detail h3{color:var(--text-primary);margin-bottom:20px;font-size:1.3rem}.service-features-list{padding:0;list-style:none}.service-features-list li{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:10px 0;display:flex}.service-features-list li:last-child{border-bottom:none}.feature-check{color:var(--service-color,#10b981);font-size:1.1rem;font-weight:700}.tech-stack-detail{flex-wrap:wrap;gap:10px;display:flex}.tech-badge{background:var(--bg-card);color:var(--service-color,#2563eb);border-radius:30px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s}.tech-badge:hover{background:var(--service-color,#2563eb);color:#fff;transform:translateY(-2px)}.usecases-grid{flex-direction:column;gap:20px;display:flex}.usecase-item{background:var(--bg-card);border-radius:16px;gap:14px;padding:12px;transition:all .3s;display:flex}.usecase-item:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translate(5px)}.usecase-icon{font-size:1.5rem}.usecase-item strong{color:var(--text-primary);margin-bottom:4px;display:block}.usecase-item p{color:var(--text-secondary);margin:0;font-size:.9rem}.platforms-list{flex-direction:column;gap:12px;display:flex}.platform-item-detail{background:var(--bg-card);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.platform-dot{background:var(--service-color,#2563eb);border-radius:50%;width:10px;height:10px}.service-cta-card{background:linear-gradient(135deg,var(--service-color,#2563eb)0%,var(--service-color,#7c3aed)100%);color:#fff}.service-cta-card h3{color:#fff}.service-cta-card p{color:#ffffffe6;margin-bottom:24px}.service-cta-button{color:var(--service-color,#2563eb);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.service-cta-button:hover{gap:12px;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.services-overview{padding:60px 0}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.overview-card{background:var(--bg-card);text-align:center;box-shadow:0 4px 15px var(--shadow-color);border:1px solid var(--border-color);border-radius:24px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.overview-card:hover{box-shadow:0 20px 35px var(--shadow-hover);transform:translateY(-8px)}.overview-card:before{content:"";background:var(--card-color,#2563eb);height:4px;position:absolute;top:0;left:0;right:0}.overview-icon{margin-bottom:20px;font-size:3rem}.overview-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1.3rem}.overview-card p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.overview-features{text-align:left;margin-bottom:24px;list-style:none}.overview-features li{color:var(--text-secondary);padding:6px 0;font-size:.85rem}.overview-button{cursor:pointer;background:0 0;border:2px solid;border-radius:40px;padding:10px 20px;font-weight:600;transition:all .3s}.overview-button:hover{background:var(--card-color,#2563eb);transform:translateY(-2px);color:#fff!important}@media (max-width:968px){.leistungen-hero{text-align:center;flex-direction:column;padding:40px 0}.service-grid-detail{grid-template-columns:1fr;padding:24px}.service-header-detail{text-align:center;flex-direction:column;padding:30px}.service-title-group h2{font-size:1.6rem}.service-icon-large{width:80px;height:80px;font-size:2.5rem}.overview-grid{grid-template-columns:1fr}}@media (max-width:768px){.service-tabs{border-radius:20px}.service-tab{flex:1;justify-content:center}}