.twoo-section{background:radial-gradient(circle at top,rgba(216,180,254,.12),transparent 26%),linear-gradient(180deg,#07070b,#090910 55%,#07070b);display:block;position:relative;overflow:hidden;z-index:0}.twoo-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#07070b29,#07070bad),radial-gradient(circle at top right,rgba(216,180,254,.12),transparent 32%)}.twoo-section>*{position:relative;z-index:1}.twoo-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(216,180,254,.06) 15%,rgba(216,180,254,.12) 50%,rgba(216,180,254,.06) 85%,transparent 100%),radial-gradient(circle at 10% 10%,rgba(216,180,254,.04) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(216,180,254,.04) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.65}.title-container{max-width:1200px;margin:0 auto;padding:88px 20px 40px;opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:2;background:linear-gradient(180deg,#07070b2e,#07070bd1),url(/images/home/home-wir-sind-in-berlin-charlottenburg.jpg);background-size:cover;background-position:center;border-radius:32px;border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate}.title-container.animate-in{opacity:1;transform:translateY(0)}.title-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(216,180,254,.14),transparent 32%),linear-gradient(180deg,#07070b14,#07070b6b);pointer-events:none;z-index:-1}.section-kicker{display:inline-block;margin-bottom:.75rem;color:#d8b4fe;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700}.main-title{position:relative;display:block;padding:0;margin:0}.title-text{position:relative;display:inline-block;font-size:clamp(2.3rem,5.6vw,4.5rem);font-weight:700;color:#fff;z-index:2;padding:0;letter-spacing:-.04em;line-height:1.1}.title-underline{position:absolute;bottom:-14px;left:0;transform:none;width:120px;height:3px;background:linear-gradient(90deg,#d8b4fe,#d8b4fe00);border-radius:2px;z-index:1}.section-subtitle{margin:2rem 0 0;max-width:760px;color:#ffffffd1;line-height:1.7;font-size:1.05rem}.features-container{padding:56px 20px 96px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.features-intro{max-width:760px;margin:0 auto 1.75rem;text-align:center;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.features-intro.animate-in{opacity:1;transform:translateY(0)}.features-kicker{display:inline-block;margin-bottom:.65rem;color:#d8b4fe;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.features-intro p{margin:0;color:#ffffffc7;line-height:1.7}.features-content{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center}.features-left,.features-right{display:flex;flex-direction:column;gap:20px}.features-right{align-items:flex-start}.features-left{align-items:flex-end;text-align:right}.feature-item{position:relative;opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);display:block;text-decoration:none;color:inherit;padding:28px;background:radial-gradient(circle at top right,rgba(216,180,254,.08),transparent 36%),#ffffff0a;border-radius:24px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0000003d}.feature-item:before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,#ffffff05,#fff0);pointer-events:none}.feature-item:hover{transform:translateY(-6px);border-color:#d8b4fe59;box-shadow:0 18px 36px #00000057}.features-left .feature-item,.features-right .feature-item{transform:translateY(20px)}.feature-item.animate-in{opacity:1;transform:translateY(0)}.feature-item.animate-in:hover{transform:translateY(-4px)}.feature-item:nth-child(1){transition-delay:.08s}.feature-item:nth-child(2){transition-delay:.16s}.feature-item:nth-child(3){transition-delay:.24s}.feature-number{font-size:3rem;font-weight:900;color:#d8b4fe8c;margin-bottom:20px;line-height:1;letter-spacing:-.06em}.feature-item h3{color:#fff;font-size:1.35rem;font-weight:700;margin-bottom:16px;letter-spacing:-.03em;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.feature-item h3:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,rgba(216,180,254,.8),transparent);transition:width .4s ease}.feature-item:hover h3:after{width:100%}.feature-item:hover h3{color:#f3e8ff}.feature-item p{color:#ffffffbd;font-size:.98rem;line-height:1.7;max-width:300px;transition:all .4s ease;position:relative;z-index:2}.feature-item:hover p{color:#ffffffe0;transform:translateY(-2px)}.center-image{position:relative;opacity:0;transform:scale(.8);transition:all 1.1s cubic-bezier(.25,.46,.45,.94);transition-delay:.2s}.center-image.animate-in{opacity:1;transform:scale(1)}.image-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(216,180,254,.22) 0%,rgba(216,180,254,.12) 35%,rgba(216,180,254,.04) 62%,transparent 78%);z-index:0;opacity:.9}.image-frame{position:relative;z-index:1;padding:12px;background:linear-gradient(180deg,#ffffff24,#ffffff0a);border-radius:32px;backdrop-filter:blur(25px);transition:all .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 20px 40px #00000059}.center-image:hover .image-frame{transform:translateY(-10px);box-shadow:0 28px 50px #00000073}.center-image img{position:relative;z-index:1;width:380px;height:540px;object-fit:cover;border-radius:28px;box-shadow:0 35px 70px -15px #000000d9;border:1px solid rgba(255,255,255,.2);transition:all .6s cubic-bezier(.25,.46,.45,.94);display:block;filter:brightness(1.02) contrast(1.05)}.center-image:hover img{box-shadow:0 45px 90px -15px #000000f2;filter:brightness(1.06) contrast(1.08) saturate(1.02)}@media (max-width: 1024px){.title-text{font-size:clamp(2rem,4.5vw,3.5rem)}.features-content{gap:24px}.features-left,.features-right{gap:45px}.center-image img{width:320px;height:460px}.feature-item{padding:24px}.feature-number{font-size:2.6rem}.feature-item h3{font-size:1.45rem}.feature-item p{font-size:.95rem;max-width:260px}}@media (max-width: 768px){.title-container{padding:72px 20px 36px}.title-text{font-size:clamp(2rem,6.2vw,2.8rem)}.features-container{padding:50px 20px 100px}.features-content{grid-template-columns:1fr;gap:70px}.features-intro{margin-bottom:1.25rem}.features-left,.features-right{align-items:center;text-align:center;gap:50px}.feature-item{transform:translateY(20px)!important;padding:24px 22px;max-width:100%}.feature-item.animate-in{transform:translateY(0)!important}.center-image{order:-1;transform:scale(.85);margin-bottom:40px}.center-image.animate-in{transform:scale(1)}.center-image img{width:300px;height:420px}.feature-item p{max-width:100%;padding:0 10px}.features-left .feature-item{text-align:center}}@media (max-width: 480px){.title-container{padding:56px 16px 28px}.title-text{font-size:clamp(1.7rem,6.5vw,2.5rem)}.features-container{padding:40px 16px 80px}.center-image img{width:260px;height:380px}.feature-number{font-size:2.8rem}.feature-item h3{font-size:1.35rem}.feature-item p{font-size:.92rem}.feature-item{padding:22px 20px}.features-content{gap:50px}.features-left,.features-right{gap:40px}}
