.story-hero{background:white;padding:80px 20px;text-align:center;position:relative}.story-hero.with-image{background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.story-hero.with-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/50%) 0,rgb(0 0 0/60%) 50%,rgb(0 0 0/70%));z-index:1}.hero-content{max-width:1400px;margin:0 auto;background:white;padding:60px 50px;position:relative;z-index:2}.story-hero.with-image .hero-content{background:transparent;box-shadow:none;border-radius:0;color:white}.story-hero.with-image .hero-content h1{color:white;text-shadow:2px 2px 8px rgb(0 0 0/50%)}.story-hero.with-image .hero-content .subheading{color:rgb(255 255 255/95%);text-shadow:1px 1px 4px rgb(0 0 0/50%)}.story-hero.with-image .hero-stats{border-top-color:rgb(255 255 255/30%)}.story-hero.with-image .hero-stats .stat-value{color:white;text-shadow:2px 2px 6px rgb(0 0 0/50%)}.story-hero.with-image .hero-stats .stat-label{color:rgb(255 255 255/90%);text-shadow:1px 1px 3px rgb(0 0 0/50%)}.story-logo{margin-bottom:30px}.story-logo img{max-width:200px;height:auto}.story-hero.with-image .story-logo img{background:white;padding:20px 30px;border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0/30%)}.story-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2;color:#333}.story-hero .subheading{font-size:1.2rem;font-weight:400;color:#666;max-width:800px;margin:0 auto 40px;line-height:1.6}.hero-stats{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:40px;border-top:2px solid #f0f0f0;flex-wrap:wrap}.hero-stats .stat-item{text-align:center;flex:1 1;min-width:120px;display:flex;flex-direction:column;align-items:center}.hero-stats .stat-value{font-size:1.8rem;font-weight:700;color:#b61f29;margin-bottom:8px}.hero-stats .stat-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:1px}.stats-bar{background:white;padding:40px 20px;box-shadow:0 4px 20px rgb(0 0 0/8%);margin-top:-30px;position:relative;z-index:2}.stats-container{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px}.stat-item{text-align:center;flex:1 1;min-width:150px}.stat-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-value{font-size:1.8rem;font-weight:700;color:#b61f29}.story-section{padding:80px 20px}.story-section.visible{opacity:1;transform:translateY(0)}.about-box.visible,.about-image.visible,.campus-image-wrapper.visible,.hero-content.visible,.quote-container.visible,.result-card.visible{opacity:1;transform:translateY(0)}.result-card:first-child{transition-delay:.1s}.result-card:nth-child(2){transition-delay:.15s}.result-card:nth-child(3){transition-delay:.2s}.result-card:nth-child(4){transition-delay:.25s}.result-card:nth-child(5){transition-delay:.3s}.result-card:nth-child(6){transition-delay:.35s}.story-section .container{max-width:1400px;margin:0 auto}.story-section h2{font-size:2.2rem;font-weight:700;margin-bottom:40px;color:#b61f29;text-align:center}.story-section p{font-size:1.05rem;line-height:1.7;color:#555;margin-bottom:15px}.about-section{background:#f9f9f9;padding:80px 20px}.about-section h2{text-align:center;color:#b61f29;font-size:2.2rem;margin-bottom:50px;font-weight:700}.about-section .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;align-items:stretch;max-width:1400px;margin:0 auto}.about-section .container.text-only{grid-template-columns:1fr}.about-box{background:white;padding:40px 50px;border-radius:12px;box-shadow:0 2px 15px rgb(0 0 0/6%);display:flex;flex-direction:column;justify-content:center;height:100%}.about-section .container.text-only .about-box{max-width:1100px;margin:0 auto}.about-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0/15%);height:100%;min-height:400px}.about-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.about-image:hover img{transform:scale(1.05)}.about-box p{font-size:1.1rem;line-height:1.8;color:#444;margin-bottom:20px}.about-box p strong{font-weight:600;color:#333}.industry-tag{display:inline-block;padding:8px 16px;background:#f0f0f0;color:#666;font-size:.9rem;border-radius:20px;margin-bottom:25px;font-weight:500}.campus-section{background:white;padding:80px 20px 40px}.campus-section .container{max-width:1400px;margin:0 auto}.campus-section h2{color:#b61f29;text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:700}.campus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px}.campus-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0/10%);aspect-ratio:16/10;transition:all .3s ease}.campus-image-wrapper:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgb(182 31 41/20%)}.campus-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .3s ease}.campus-image-wrapper:hover img{transform:scale(1.05)}.campus-image-wrapper.portrait-style{aspect-ratio:3/4}.campus-image-wrapper.portrait-style img{object-fit:contain;background:#f5f5f5}.challenge-solution-section{background:white;padding:80px 20px}.challenge-solution-section>h2{text-align:center;color:#b61f29;font-size:2.2rem;margin-bottom:50px;font-weight:700}.challenge-solution-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;max-width:1400px;margin:0 auto}.challenge-box,.solution-box{padding:40px;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0/5%)}.challenge-box{background:rgb(182 31 41/8%)}.solution-box{background:rgb(40 167 69/8%)}.challenge-box.visible,.solution-box.visible{opacity:1;transform:translateX(0)}.challenge-box h2{color:#b61f29}.challenge-box h2,.solution-box h2{font-size:1.6rem;font-weight:700;margin-bottom:25px;text-align:left}.solution-box h2{color:#28a745}.challenge-box ul,.solution-box ul{list-style:none;padding:0;margin:0}.challenge-box li{padding:12px 0 12px 35px;margin-bottom:15px;font-size:1rem;color:#444;position:relative;line-height:1.6}.challenge-box li:before{content:"●";position:absolute;left:0;color:#b61f29;font-size:1.2rem;top:10px}.solution-box li{padding:12px 0 12px 35px;margin-bottom:15px;font-size:1rem;color:#444;position:relative;line-height:1.6}.solution-box li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700;top:10px;width:20px;height:20px;border:2px solid #28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.results-section{background:#f9f9f9;padding:80px 0;width:100%}.results-section .container{max-width:1400px;margin:0 auto;padding:0 20px}.results-section h2{color:#b61f29;text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:700}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px}.result-card{background:#fafafa;border:2px solid #b61f29;color:#333;padding:35px 30px;border-radius:8px;box-shadow:0 4px 15px rgb(182 31 41/10%);transition:all .3s ease;transition-delay:.1s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.result-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(182 31 41/15%)}.result-card:before{content:"✓";font-size:2rem;display:block;color:#b61f29;font-weight:700;margin-bottom:10px}.result-main{color:#b61f29;font-size:1.15rem;font-weight:700;line-height:1.3}.result-detail{color:#666;font-size:1rem;line-height:1.5}.quote-section{background:white;padding:40px 20px 80px}.quote-section h2{color:#b61f29;text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:700}.quotes-wrapper{display:flex;flex-direction:column;gap:30px;max-width:1400px;margin:0 auto}.quote-container{background:white;padding:40px;border-radius:12px;border:2px solid #f0f0f0;box-shadow:0 2px 15px rgb(0 0 0/6%);display:flex;gap:30px;align-items:flex-start;transition:all .3s ease}.quote-container:hover{border-color:#b61f29;box-shadow:0 4px 20px rgb(182 31 41/15%);transform:translateY(-3px)}.author-photo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0;flex-shrink:0}.quote-content{flex:1 1}.quote-text{font-size:1.2rem;font-style:italic;line-height:1.7;margin-bottom:20px;color:#333}.quote-author{display:block}.author-info{flex:1 1}.author-name{font-size:1rem;font-weight:600;margin-bottom:5px;color:#b61f29}.author-title{font-size:.9rem;color:#666;line-height:1.4}.quote-section-cards{background:white;padding:80px 20px}.quote-section-cards h2{color:#b61f29;text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:700}.quotes-grid-two{grid-template-columns:repeat(2,1fr);grid-gap:30px;max-width:1200px}.quotes-grid-one,.quotes-grid-two{display:grid;gap:30px;margin:0 auto}.quotes-grid-one{grid-template-columns:1fr;grid-gap:30px;max-width:900px}.quote-card{background:white;border-radius:12px;padding:40px 30px;box-shadow:0 2px 20px rgb(0 0 0/8%);display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid #f0f0f0}.company-logo{height:50px;width:auto;max-width:150px;object-fit:contain;margin-bottom:25px}.quote-card .quote-text{font-size:1rem;line-height:1.7;color:#555;margin-bottom:30px;flex-grow:1}.quote-card .quote-text strong{color:#b61f29;font-weight:600}.quote-card .author-section{display:flex;flex-direction:column;align-items:center;margin-top:auto}.quote-card .author-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0;margin-bottom:15px}.quote-card .author-name{font-size:1rem;font-weight:600;color:#333;margin-bottom:5px}.quote-card .author-title{font-size:.9rem;color:#666;line-height:1.4}.quote-section-story{background:white;padding:80px 20px}.quote-section-story h2{color:#b61f29;text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:700}.quote-section-story .container{max-width:900px;margin:0 auto}.quote-card-story{background:white;border-radius:12px;padding:50px 40px;box-shadow:0 2px 20px rgb(0 0 0/8%);display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid #f0f0f0}.company-logo-story{height:50px;width:auto;max-width:150px;object-fit:contain;margin-bottom:30px}.quote-text-story{font-size:1.15rem;line-height:1.8;color:#555;margin-bottom:35px;font-style:italic}.quote-text-story strong{color:#b61f29;font-weight:600}.author-section-story{display:flex;flex-direction:column;align-items:center;margin-top:auto}.author-photo-story{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0;margin-bottom:15px}.author-name-story{font-size:1.05rem;font-weight:600;color:#333;margin-bottom:5px}.author-title-story{font-size:.95rem;color:#666;line-height:1.4}.cta-section-story{background:#f9f9f9;text-align:center;padding:80px 20px}.cta-section-story h2{font-size:2.2rem;margin-bottom:20px;color:#b61f29;font-weight:700}.cta-section-story p{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto 40px}.btn-primary{display:inline-block;background:#b61f29;color:white;padding:15px 40px;border-radius:4px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:background .3s ease,transform .2s ease}.btn-primary:hover{background:#8a1820;transform:translateY(-2px)}.btn-secondary{display:inline-block;background:transparent;color:#b61f29;border:2px solid #b61f29;padding:15px 40px;border-radius:4px;text-decoration:none;font-weight:600;font-size:1.1rem;margin-left:15px;transition:all .3s ease}.btn-secondary:hover{background:#b61f29;color:white}.btn-primary-inverted{display:inline-block;padding:15px 40px;background-color:white;color:#b61f29;text-decoration:none;border-radius:4px;font-weight:600;font-size:1rem;border:2px solid white;cursor:pointer;transition:all .3s ease}.btn-primary-inverted:hover{background-color:rgb(255 255 255/90%);transform:translateY(-2px)}.btn-secondary-inverted{display:inline-block;padding:15px 40px;background-color:transparent;color:white;text-decoration:none;border-radius:4px;font-weight:600;font-size:1rem;border:2px solid white;cursor:pointer;margin-left:15px;transition:all .3s ease}.btn-secondary-inverted:hover{background-color:rgb(255 255 255/10%);transform:translateY(-2px)}@media (max-width:768px){.story-hero.with-image{min-height:500px;background-attachment:scroll}.story-hero.with-image:before{background:linear-gradient(180deg,rgb(0 0 0/60%) 0,rgb(0 0 0/70%) 50%,rgb(0 0 0/75%))}.hero-content{padding:40px 30px}.story-hero.with-image .hero-content{padding:40px 25px}.story-hero h1{font-size:1.8rem}.story-hero .subheading{font-size:1.1rem}.hero-stats{flex-direction:column;gap:20px}.hero-stats .stat-item{min-width:100%}.stats-container{flex-direction:column;align-items:center}.story-section{padding:40px 20px}.story-section h2{font-size:1.8rem}.about-section{padding:60px 20px}.about-section h2{font-size:1.8rem;margin-bottom:40px}.about-section .container{grid-template-columns:1fr;gap:30px}.about-box{padding:30px 25px}.campus-section{padding:60px 20px 30px}.campus-section h2{font-size:1.8rem;margin-bottom:40px}.challenge-solution-section{padding:60px 20px}.challenge-solution-section>h2{font-size:1.8rem;margin-bottom:40px}.quote-section{padding:30px 20px 60px}.quote-section h2{font-size:1.8rem;margin-bottom:40px}.cta-section-story h2{font-size:1.8rem}.campus-grid{grid-template-columns:1fr;gap:25px}.challenge-solution-grid{grid-template-columns:1fr;gap:30px}.challenge-box,.solution-box{padding:30px;transform:translateY(30px)}.challenge-box.visible,.solution-box.visible{transform:translateY(0)}.results-grid{grid-template-columns:1fr}.quote-container{flex-direction:column;padding:30px 25px;align-items:center;text-align:center}.author-photo{width:70px;height:70px;margin-bottom:20px}.quote-text{font-size:1.05rem}.quote-section-cards{padding:60px 20px}.quote-section-cards h2{font-size:1.8rem;margin-bottom:40px}.quotes-grid-one,.quotes-grid-two{grid-template-columns:1fr;gap:25px}.quote-card{padding:35px 25px}.quote-card .quote-text{font-size:.95rem}.quote-card .author-photo{width:70px;height:70px}.quote-section-story{padding:60px 20px}.quote-section-story h2{font-size:1.8rem;margin-bottom:40px}.quote-card-story{padding:35px 25px}.quote-text-story{font-size:1rem}.author-photo-story{width:70px;height:70px}.btn-secondary{margin-left:0;margin-top:15px}}.parallax-banner{padding:60px 0;background:white}.parallax-banner .banner-wrapper{max-width:1400px;margin:0 auto;padding:0 20px}.parallax-banner .banner-image-container{width:100%;height:350px;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0/10%);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}@media (max-width:768px){.parallax-banner .banner-image-container{background-attachment:scroll;height:250px}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.story-hero.bardusch-hero{background-image:url(/assets/images/customer-stories/bardusch/truck.png)}.story-hero.flender-hero{background-image:url(/assets/images/customer-stories/flender/sustainable-energy.jpg)}.story-hero.phoenix-contact-hero{background-image:url(/assets/images/customer-stories/phoenix-contact/drone-shot.jpg)}.story-hero.vetropack-hero{background-image:url(/assets/images/customer-stories/vetropack/glass-factory.jpg)}.story-hero.witt-gruppe-hero{background-image:url(/assets/images/customer-stories/witt-gruppe/hero-model-collection.jpg);background-position:top}.banner-image-container.bardusch-factory{background-image:url(/assets/images/customer-stories/bardusch/factory.png)}.banner-image-container.flender-dam{background-image:url(/assets/images/customer-stories/flender/hydroelectric-dam.png)}.campus-grid.witt-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.images-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}.images-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0/10%);transition:transform .3s ease}.images-grid img:hover{transform:scale(1.02)}@media (max-width:768px){.images-grid{grid-template-columns:1fr;gap:20px}}