.story-hero{padding:4rem 2rem 3rem;text-align:center;background:linear-gradient(135deg,var(--color-himmelblau),var(--color-sandgelb));color:var(--color-weiss)}.content-container{max-width:1280px;margin:0 auto;padding:0 2rem}.story-hero h1{font-size:3.5rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2;color:var(--color-weiss)}.hero-subtitle{font-size:1.25rem;color:var(--color-weiss);opacity:.9;margin:0}.timeline-link{color:inherit;text-decoration:none;border-bottom:2px solid currentColor;transition:opacity .2s ease}.timeline-link:hover{opacity:.7}.story-content{padding:5rem 2rem}.intro-box{max-width:1100px;margin:0 auto 5rem;background:var(--color-hellgrau);border-radius:12px;padding:3rem;display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:center}.intro-content{flex:1}.intro-content p{font-size:1.125rem;line-height:1.8;color:var(--color-phthaloblau);opacity:.8;margin:0 0 1.5rem}.intro-content p:last-child{margin-bottom:0}.intro-image{flex-shrink:0}.image-placeholder{width:300px;height:300px;background:var(--color-weiss);border-radius:8px;border:2px solid var(--color-himmelblau);overflow:hidden}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-phthaloblau);text-align:center;margin:0 0 3rem}.timeline{position:relative;max-width:900px;margin:0 auto 5rem;padding-left:4rem}.timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:var(--color-himmelblau)}.timeline-item{position:relative;margin-bottom:3rem;opacity:.3;transition:all .2s ease;transform:scale(.98)}.timeline-item.active{opacity:1;transform:scale(1)}.timeline-marker{position:absolute;left:-2rem;top:.5rem;width:14px;height:14px;border-radius:50%;background:var(--color-phthaloblau);border:2px solid var(--color-weiss);box-shadow:0 0 0 2px #003f5c4d;z-index:1;transition:all .2s ease}.timeline-item.active .timeline-marker{width:24px;height:24px;left:-2.25rem;top:.25rem;background:var(--color-phthaloblau);border:3px solid var(--color-weiss);box-shadow:0 0 0 5px var(--color-phthaloblau),0 0 25px #003f5c66}.timeline-content{padding-left:2rem}.timeline-date{font-size:.875rem;font-weight:700;color:var(--color-himmelblau);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.timeline-title{font-size:1.5rem;font-weight:700;color:var(--color-phthaloblau);margin:0 0 .75rem}.timeline-content p{font-size:1.125rem;line-height:1.7;color:var(--color-phthaloblau);opacity:.8;margin:0;transition:all .2s ease}.timeline-item.active .timeline-content p{opacity:.9}.timeline-item.active .timeline-title{color:var(--color-himmelblau)}.locations{margin-top:1rem!important;font-weight:600!important;opacity:1!important}.dna-section{max-width:1100px;margin:5rem auto;padding:3rem;background:var(--color-hellgrau);border-radius:12px;text-align:center}.dna-section h2{font-size:2.5rem;font-weight:700;color:var(--color-phthaloblau);margin:0 0 1.5rem}.dna-section p{font-size:1.125rem;line-height:1.8;color:var(--color-phthaloblau);opacity:.8;margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.team-member{text-align:center}.member-placeholder{width:200px;height:200px;border-radius:50%;background:var(--color-hellgrau);margin:0 auto 1.5rem;border:3px solid var(--color-himmelblau)}.team-member h3{font-size:1.5rem;font-weight:700;color:var(--color-phthaloblau);margin:0 0 .5rem}.member-role{font-size:1rem;font-weight:600;color:var(--color-himmelblau);margin:0 0 1rem}.member-image-box{width:200px;height:200px;margin:0 auto 1.5rem;background:var(--color-himmelblau);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-image{width:100%;height:100%;object-fit:cover}.team-member p{font-size:1rem;line-height:1.7;color:var(--color-phthaloblau);opacity:.8;margin:0}@media(max-width:968px){.story-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.story-content{padding:3rem 1rem}.section-title{font-size:1.75rem;margin-bottom:2rem}.timeline{padding-left:2.5rem;margin-bottom:3rem}.timeline:before{left:10px}.timeline-marker{left:-28px;top:.3rem}.timeline-item{margin-bottom:2.5rem}.timeline-item.active .timeline-marker{width:18px;height:18px;left:-32px;top:.1rem}.timeline-content{padding-left:1rem}.timeline-date{font-size:.75rem}.timeline-title{font-size:1.25rem}.timeline-content p{font-size:.9375rem}.dna-section{padding:2rem 1.5rem;margin:3rem auto}.dna-section h2{font-size:1.75rem}.team-grid{display:flex;flex-direction:column;gap:2.5rem}.team-member-2{order:1}.team-member-1{order:2}.team-member-3{order:3}.intro-box{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1.5rem;margin-bottom:3rem}.intro-content p{font-size:1rem}.image-placeholder{width:100%;max-width:280px;height:280px;margin:0 auto}.member-contact{flex-wrap:wrap;gap:.75rem}.icon-circle{width:45px;height:45px;font-size:1.125rem}}.member-contact{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.contact-icon-link{text-decoration:none;transition:transform .2s ease;cursor:pointer}.contact-icon-link:hover{transform:scale(1.1)}.icon-circle{width:50px;height:50px;border-radius:50%;background:var(--color-phthaloblau);display:flex;align-items:center;justify-content:center;color:var(--color-weiss);font-size:1.25rem;font-weight:700;transition:background .2s ease}.contact-icon-link:hover .icon-circle{background:var(--color-phthaloblau)}.cta-section p{font-size:1.25rem;margin:0 0 2rem;opacity:.9;color:var(--color-weiss);max-width:none}@media(max-width:768px){.story-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.story-section h2{font-size:2rem}.values-grid{grid-template-columns:1fr}.cta-section h2{font-size:2rem}}
