.success-story-wrapper{--si-radius-card: var(--border-radius-lg);--si-maxw-wide: 1400px;--si-maxw-content: 1200px;--si-maxw-narrow: 900px;--si-maxw-prose: 68ch;width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}.success-story-wrapper .success-hero{position:relative;width:100%;display:flex;align-items:center;background:var(--color-bg-secondary);padding:var(--space-24) var(--space-5);overflow:hidden}.success-story-wrapper .hero-content-wrapper{width:100%;max-width:var(--si-maxw-wide);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center}.success-story-wrapper .hero-text-content{padding-right:var(--space-10)}.success-story-wrapper .hero-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.success-story-wrapper .hero-image-circle{width:100%;max-width:500px;aspect-ratio:1;border-radius:var(--border-radius-full);overflow:hidden;box-shadow:0 20px 60px #0006;border:8px solid rgba(219,241,150,.2)}.success-story-wrapper .hero-image-circle img{width:100%;height:100%;object-fit:cover;display:block}.success-story-wrapper .hero-tag{display:block;color:var(--color-secondary);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1;margin:0 0 var(--space-2) 0}.success-story-wrapper .hero-title{font-family:var(--font-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-black);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-6) 0}.success-story-wrapper .hero-title .highlight{color:var(--color-secondary);display:block;margin-top:var(--space-3)}.success-story-wrapper .hero-description{font-size:17px;color:var(--color-text-secondary);line-height:1.75;margin-bottom:0;max-width:var(--si-maxw-prose)}.success-story-wrapper .hero-description p{margin-bottom:var(--space-4)}.success-story-wrapper .hero-description p:last-child{margin-bottom:0}.success-story-wrapper .hero-description a,.success-story-wrapper .section-text a,.success-story-wrapper .faq-item__answer a,.success-story-wrapper .design-decision__text a,.success-story-wrapper .gallery-caption a,.success-story-wrapper .comparison-caption a,.success-story-wrapper .lesson__text a{color:var(--color-secondary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--transition-fast)}.success-story-wrapper .hero-description a:hover,.success-story-wrapper .section-text a:hover,.success-story-wrapper .faq-item__answer a:hover,.success-story-wrapper .design-decision__text a:hover,.success-story-wrapper .gallery-caption a:hover,.success-story-wrapper .comparison-caption a:hover,.success-story-wrapper .lesson__text a:hover{color:var(--color-link-hover)}.success-story-wrapper .key-facts-section{width:100%;padding:var(--space-12) var(--space-5);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.success-story-wrapper .key-facts-grid{max-width:var(--si-maxw-content);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-5)}.success-story-wrapper .key-fact{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0}.success-story-wrapper .key-fact-icon{width:36px;height:36px;border-radius:50%;background:#ff73411f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-secondary)}.success-story-wrapper .key-fact-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.success-story-wrapper .key-fact-text{display:flex;flex-direction:column;padding-top:3px;min-width:0}.success-story-wrapper .key-fact-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);font-weight:600;line-height:1;margin-bottom:5px}.success-story-wrapper .key-fact-value{font-size:15px;color:var(--color-text-primary);font-weight:600;line-height:1.3}.success-story-wrapper a.key-fact-value{color:var(--color-secondary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}.success-story-wrapper a.key-fact-value:hover{color:var(--color-text-primary)}.success-story-wrapper .section-container{width:100%;max-width:var(--si-maxw-wide);margin:0 auto;padding:0 var(--space-6)}.success-story-wrapper .section-label{display:block;text-align:center;font-size:12px;color:var(--color-secondary);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 0 var(--space-2) 0;line-height:1}.success-story-wrapper .section-title{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:900;color:var(--color-text-primary);margin:0 0 var(--space-8) 0;line-height:1.2;text-align:center}.success-story-wrapper .section-title--tight{margin-bottom:0}.success-story-wrapper .section-text{font-size:clamp(17px,.9rem + .3vw,19px);line-height:1.75;color:var(--color-text-secondary);max-width:var(--si-maxw-prose);margin:0 auto var(--space-5);text-align:left}.success-story-wrapper .section-text:last-child{margin-bottom:0}.success-story-wrapper .section-header--center{margin-bottom:var(--space-12)}.success-story-wrapper .section-header--center .section-text{text-align:center}.success-story-wrapper .story-section{width:100%;padding:var(--space-20) var(--space-6);background:var(--color-bg-primary)}.success-story-wrapper .story-section--alt{background:var(--color-bg-secondary)}.success-story-wrapper .design-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:var(--si-maxw-content);margin:var(--space-16) auto var(--space-12)}.success-story-wrapper .design-decision{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--si-radius-card);padding:var(--space-8);position:relative;transition:transform .3s ease,box-shadow .3s ease}.success-story-wrapper .design-decision:hover{transform:translateY(-3px);box-shadow:0 12px 32px #36414114}.success-story-wrapper .design-decision__number{position:absolute;top:-20px;left:var(--space-6);width:40px;height:40px;background:var(--color-secondary);color:var(--color-text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:20px;font-weight:900}.success-story-wrapper .design-decision__title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text-primary);margin:var(--space-3) 0;line-height:1.25}.success-story-wrapper .design-decision__text{font-size:17px;line-height:1.7;color:var(--color-text-secondary);margin:0}.success-story-wrapper .quote-section{width:100%;padding:var(--space-24) var(--space-5);background:linear-gradient(135deg,var(--color-primary) 0%,rgb(44,54,54) 100%);position:relative;overflow:hidden}.success-story-wrapper .quote-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:radial-gradient(circle,rgba(255,115,65,.4) 1px,transparent 1px);background-size:40px 40px}.success-story-wrapper .quote-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}.success-story-wrapper .quote-mark{font-family:var(--font-heading);font-size:80px;color:#ff977159;line-height:.5;margin-bottom:var(--space-8)}.success-story-wrapper .quote-text{border:0;padding:0;font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);line-height:var(--line-height-normal);margin-bottom:var(--space-10);font-style:italic}.success-story-wrapper .quote-author{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.success-story-wrapper .author-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0 0 var(--space-1) 0;text-align:center}.success-story-wrapper .author-info p{font-size:var(--font-size-sm);color:#ffffffbf;text-align:center;margin:0}.success-story-wrapper .comparison-section,.success-story-wrapper .gallery-section{width:100%;padding:var(--space-24) var(--space-6);background:var(--color-bg-primary)}.success-story-wrapper .comparison-grid,.success-story-wrapper .gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);width:100%;max-width:var(--si-maxw-wide);margin:var(--space-10) auto 0;padding:0 var(--space-6);box-sizing:border-box}.success-story-wrapper .comparison-item,.success-story-wrapper .gallery-item{position:relative;overflow:hidden;border-radius:0;background:var(--color-gray-100);margin:0}.success-story-wrapper .comparison-item img,.success-story-wrapper .gallery-item img{width:100%;height:450px;object-fit:cover;display:block;cursor:zoom-in}.success-story-wrapper .gallery-item img{height:400px}.success-story-wrapper .gallery-item.large{grid-column:span 2}.success-story-wrapper .gallery-item.large img{height:500px}.success-story-wrapper .comparison-label{position:absolute;top:var(--space-5);left:var(--space-5);background:#364141e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-inverse);padding:var(--space-2) var(--space-5);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;z-index:2}.success-story-wrapper .comparison-caption,.success-story-wrapper .gallery-caption{padding:1.1rem 1.25rem;background:var(--color-bg-primary);font-size:15px;line-height:1.6;color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.success-story-wrapper .lessons-section{width:100%;padding:var(--space-24) var(--space-6);background:linear-gradient(135deg,#2a3737 0%,var(--color-primary) 100%);color:var(--color-text-inverse);position:relative;overflow:hidden}.success-story-wrapper .lessons-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:radial-gradient(circle,rgba(255,115,65,.6) 1px,transparent 1px);background-size:40px 40px}.success-story-wrapper .lessons-inner{max-width:var(--si-maxw-content);margin:0 auto;position:relative;z-index:1}.success-story-wrapper .lessons-intro{text-align:center;margin-bottom:var(--space-12)}.success-story-wrapper .lessons-intro .section-label{color:var(--color-accent)}.success-story-wrapper .lessons-title{font-family:var(--font-heading);font-size:clamp(28px,2.5vw,42px);font-weight:900;color:var(--color-text-inverse);margin:0;line-height:1.2}.success-story-wrapper .lessons-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:700px){.success-story-wrapper .lessons-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1150px){.success-story-wrapper .lessons-grid{grid-template-columns:repeat(5,1fr)}}.success-story-wrapper .lesson{padding:var(--space-6) var(--space-5);border-left:3px solid var(--color-secondary);transition:transform .3s ease,border-color .3s ease}.success-story-wrapper .lesson:hover{transform:translate(4px);border-left-color:var(--color-accent)}.success-story-wrapper .lesson__number{font-family:var(--font-heading);font-size:44px;font-weight:900;color:var(--color-secondary);line-height:1;margin-bottom:var(--space-3)}.success-story-wrapper .lesson__title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-accent);margin:0 0 var(--space-2) 0;line-height:1.3}.success-story-wrapper .lesson__text{font-size:16px;line-height:1.65;color:#ffffffd9;margin:0}.success-story-wrapper .get-the-look-section{width:100%;padding:var(--space-20) var(--space-6);background:var(--color-bg-primary)}.success-story-wrapper .get-the-look-grid{max-width:var(--si-maxw-content);margin:var(--space-8) auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(min-width:900px){.success-story-wrapper .get-the-look-grid{grid-template-columns:repeat(3,1fr)}}.success-story-wrapper .look-item{display:block;text-align:center;padding:var(--space-6) var(--space-5);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--border-radius-md);text-decoration:none;transition:border-color .25s ease,background .25s ease}.success-story-wrapper .look-item__category{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-secondary);font-weight:700;margin-bottom:var(--space-2)}.success-story-wrapper .look-item__name{font-weight:600;font-size:15px;color:var(--color-text-primary);margin-bottom:var(--space-1)}.success-story-wrapper .look-item__brand{font-size:13px;color:var(--color-text-muted);line-height:1.5}.success-story-wrapper .faq-section{width:100%;padding:var(--space-24) var(--space-6);background:var(--color-bg-secondary)}.success-story-wrapper .faq-container{max-width:var(--si-maxw-narrow);margin:var(--space-12) auto 0}.success-story-wrapper .faq-header{text-align:center;margin-bottom:var(--space-16)}.success-story-wrapper .faq-item{background:var(--color-bg-primary);border-radius:var(--border-radius-md);margin-bottom:var(--space-4);overflow:hidden;border:1px solid var(--color-border);text-align:left}.success-story-wrapper .faq-item summary{padding:1.75rem 3.5rem 1.75rem 2rem;cursor:pointer;font-weight:600;font-size:17px;color:var(--color-text-primary);list-style:none;position:relative}.success-story-wrapper .faq-item summary::-webkit-details-marker{display:none}.success-story-wrapper .faq-item summary:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-2px}.success-story-wrapper .faq-item summary:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:28px;font-weight:300;color:var(--color-secondary)}.success-story-wrapper .faq-item[open] summary:after{content:"\2212"}.success-story-wrapper .faq-item__answer{padding:0 2rem 1.75rem;color:var(--color-text-secondary);line-height:1.75;font-size:16px}.success-story-wrapper .related-section{width:100%;padding:var(--space-24) var(--space-6);background:var(--color-bg-primary)}.success-story-wrapper .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:var(--si-maxw-content);margin:var(--space-12) auto 0}.success-story-wrapper .related-card{display:block;text-decoration:none;border-radius:0;overflow:hidden;background:var(--color-bg-secondary);transition:box-shadow .3s ease}.success-story-wrapper .related-card:hover{box-shadow:0 12px 32px #3641411f}.success-story-wrapper .related-card img{width:100%;height:220px;object-fit:cover;display:block}.success-story-wrapper .related-card__content{padding:var(--space-5)}.success-story-wrapper .related-card__title{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.success-story-wrapper .related-card__subtitle{font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.success-story-wrapper .project-cta-section{width:100%;padding:var(--space-24) var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,rgb(54,75,75) 100%);text-align:center;color:var(--color-text-inverse)}.success-story-wrapper .project-cta-container{max-width:700px;margin:0 auto}.success-story-wrapper .project-cta-title{font-family:var(--font-heading);font-size:clamp(28px,3vw,40px);font-weight:900;color:var(--color-accent);margin:0 0 var(--space-4) 0;line-height:1.2}.success-story-wrapper .project-cta-text{font-size:17px;line-height:1.65;color:#ffffffe6;margin-bottom:var(--space-8)}.success-story-wrapper .project-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.success-story-wrapper .photo-credit-section{width:100%;padding:var(--space-16) var(--space-5);background:var(--color-bg-primary);text-align:center;border-top:1px solid var(--color-border)}.success-story-wrapper .photo-credit-text{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:800px;margin:0 auto}.success-story-wrapper .photo-credit-text a{color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px;font-weight:var(--font-weight-semibold)}.success-story-wrapper .photo-credit-icon{display:inline-flex;color:var(--color-text-muted)}.success-story-wrapper .photo-credit-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.success-story-wrapper .si-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000f0;display:none;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.success-story-wrapper .si-lightbox.is-open{display:flex;animation:siLightboxFadeIn .25s ease-out}@keyframes siLightboxFadeIn{0%{opacity:0}to{opacity:1}}.success-story-wrapper .si-lightbox__close,.success-story-wrapper .si-lightbox__prev,.success-story-wrapper .si-lightbox__next{position:absolute;border:none;background:#ffffff1f;color:var(--color-text-inverse);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.success-story-wrapper .si-lightbox__close:hover,.success-story-wrapper .si-lightbox__prev:hover,.success-story-wrapper .si-lightbox__next:hover{background:#ffffff40}.success-story-wrapper .si-lightbox__close:focus-visible,.success-story-wrapper .si-lightbox__prev:focus-visible,.success-story-wrapper .si-lightbox__next:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.success-story-wrapper .si-lightbox__close{top:1.5rem;right:1.5rem;width:48px;height:48px;font-size:28px;line-height:1}.success-story-wrapper .si-lightbox__prev,.success-story-wrapper .si-lightbox__next{top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:36px;line-height:1}.success-story-wrapper .si-lightbox__prev{left:1.5rem}.success-story-wrapper .si-lightbox__next{right:1.5rem}.success-story-wrapper .si-lightbox__content{max-width:95vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.success-story-wrapper .si-lightbox__image{max-width:100%;max-height:78vh;object-fit:contain;border-radius:0;box-shadow:0 20px 60px #0009;background:#111}.success-story-wrapper .si-lightbox__caption{color:#ffffffeb;font-size:15px;line-height:1.55;max-width:820px;padding:0 1rem}.success-story-wrapper .si-lightbox__counter{color:#ffffffa6;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.success-story-wrapper .si-speakable{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.success-story-wrapper[data-reveal] .si-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.success-story-wrapper[data-reveal] .si-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.success-story-wrapper[data-reveal] .si-reveal,.success-story-wrapper[data-reveal] .si-reveal.is-visible{opacity:1;transform:none;transition:none}.success-story-wrapper .design-decision:hover,.success-story-wrapper .lesson:hover,.success-story-wrapper .hero-cta:hover,.success-story-wrapper .project-cta-btn--primary:hover{transform:none}.success-story-wrapper .si-lightbox.is-open{animation:none}}@media(max-width:968px){.success-story-wrapper .hero-content-wrapper{grid-template-columns:1fr;gap:var(--space-12)}.success-story-wrapper .hero-text-content{padding-right:0}.success-story-wrapper .hero-image-circle{max-width:400px;margin:0 auto}.success-story-wrapper .comparison-grid,.success-story-wrapper .gallery-grid{grid-template-columns:1fr;gap:var(--space-5);padding:0}.success-story-wrapper .gallery-item.large{grid-column:span 1}.success-story-wrapper .comparison-item img,.success-story-wrapper .gallery-item img,.success-story-wrapper .gallery-item.large img{height:350px}.success-story-wrapper .design-decisions{grid-template-columns:1fr;gap:var(--space-12)}.success-story-wrapper .related-grid{grid-template-columns:1fr}}@media(max-width:749px){.success-story-wrapper .si-lightbox{padding:1rem}.success-story-wrapper .si-lightbox__close{top:.75rem;right:.75rem;width:40px;height:40px;font-size:22px}.success-story-wrapper .si-lightbox__prev,.success-story-wrapper .si-lightbox__next{width:44px;height:44px;font-size:28px}.success-story-wrapper .si-lightbox__prev{left:.5rem}.success-story-wrapper .si-lightbox__next{right:.5rem}.success-story-wrapper .si-lightbox__caption{font-size:13px}}@media(max-width:640px){.success-story-wrapper .success-hero{padding:var(--space-16) var(--space-4)}.success-story-wrapper .hero-image-circle{max-width:280px}.success-story-wrapper .comparison-item img,.success-story-wrapper .gallery-item img,.success-story-wrapper .gallery-item.large img{height:280px}.success-story-wrapper .quote-section,.success-story-wrapper .comparison-section,.success-story-wrapper .gallery-section,.success-story-wrapper .faq-section,.success-story-wrapper .related-section{padding:var(--space-16) var(--space-4)}.success-story-wrapper .comparison-grid,.success-story-wrapper .gallery-grid{gap:var(--space-4)}.success-story-wrapper .photo-credit-section{padding:var(--space-12) var(--space-4)}.success-story-wrapper .project-cta-buttons{flex-direction:column;align-items:stretch}.success-story-wrapper .project-cta-buttons .btn-conversion{width:100%}.success-story-wrapper .faq-item summary{padding:1.4rem 3rem 1.4rem 1.4rem;font-size:16px}.success-story-wrapper .faq-item__answer{padding:0 1.4rem 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/projektseiten.css.map */