.glass-refinement{--glass-fill:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.85);--glass-shadow:0 12px 40px #3c224813;--muted:#655b6b;background:#f6f3f5}html:has(.glass-refinement){scroll-padding-top:110px}
.direction-b.glass-refinement .site-nav{position:sticky;top:16px;z-index:30;margin:18px 3% 0;padding-inline:2.5%;height:78px;border-radius:22px;background:linear-gradient(135deg,#ffffffc9,#ffffff94);border:1px solid #fff;box-shadow:0 6px 24px #37233b06,inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}
.glass-refinement .brand{width:150px}.direction-b.glass-refinement .nav-cta,.direction-b.glass-refinement .button{border-radius:50px;padding:8px 8px 8px 22px;font-size:12px;min-height:52px;gap:23px;line-height:1.3;font-weight:600;letter-spacing:-.02em;border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff44,0 5px 16px #762d821a;transition:transform .2s,background .2s,box-shadow .2s}.glass-refinement .nav-cta>span,.glass-refinement .button>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;border:1px solid #ffffff26;font-size:20px;line-height:1;flex:none;transition:transform .2s,background .2s}.direction-b.glass-refinement .nav-cta{min-height:45px;font-size:11px;padding:5px 6px 5px 18px;gap:18px;background:linear-gradient(120deg,#874094,#762d82 65%,#62256d)}.glass-refinement .nav-cta>span{width:32px;height:32px;font-size:18px}.glass-refinement .button:hover,.glass-refinement .nav-cta:hover{box-shadow:inset 0 1px 0 #ffffff55,0 8px 22px #762d822a;transform:translateY(-2px)}.glass-refinement .button:hover>span,.glass-refinement .nav-cta:hover>span{transform:rotate(-8deg);background:#ffffff33}.direction-b.glass-refinement .primary{background:linear-gradient(120deg,#914a9c,#762d82 70%,#60236a);color:white}
.direction-b.glass-refinement .glass-hero{margin:20px 3% 0;padding:42px;min-height:760px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:center;gap:30px;border-radius:28px;overflow:hidden;isolation:isolate;background:#fff}.glass-refinement .hero-scene{position:absolute;inset:0;z-index:-2}.glass-refinement .hero-glass{max-width:770px;padding:42px 40px 31px;background:linear-gradient(135deg,#ffffffe0,#ffffffb8 45%,#ffffffa3);border:1px solid #ffffffe6;border-radius:24px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff38,0 20px 65px #211a271a;backdrop-filter:blur(27px) saturate(1.05);-webkit-backdrop-filter:blur(27px) saturate(1.05);position:relative}.glass-refinement .hero-glass:after{content:"";position:absolute;inset:1px;border:1px solid #ffffff24;border-radius:22px;pointer-events:none}.direction-b.glass-refinement .hero h1{font-size:clamp(44px,4.25vw,68px);line-height:1.08;letter-spacing:-.06em;max-width:12.6em;font-weight:500}.direction-b.glass-refinement .hero h1>span{color:var(--purple)}.direction-b.glass-refinement .intro-line{font-size:10px;line-height:1.6;letter-spacing:0;margin-bottom:28px;color:#5f4766}.direction-b.glass-refinement .hero-specialties{font-size:13px;line-height:1.7;margin-top:27px;font-weight:600;color:#382a40}.direction-b.glass-refinement .hero-description{font-size:13px;line-height:1.9;max-width:485px;margin-top:16px;color:#5c5162}.direction-b.glass-refinement .hero-actions{margin-top:29px;gap:10px;flex-wrap:wrap}.direction-b.glass-refinement .glass-button{color:#493551;background:linear-gradient(135deg,#ffffffad,#ffffff55);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 4px 14px #30223508;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-refinement .glass-button>span{border-color:#ffffffbd;background:#ffffff65}.glass-refinement .hero-assurance{font-size:10px;color:#65586b;display:flex;align-items:center;gap:11px;margin-top:29px}.glass-refinement .assurance-line{width:23px;height:1px;background:#9b75a4}.glass-refinement .hero-paths{display:grid;align-self:end;gap:9px;width:100%;max-width:340px;margin-left:auto;margin-bottom:6px}.glass-refinement .hero-paths a{padding:17px 18px;display:flex;align-items:center;gap:14px;font-size:12px;color:white;border:1px solid #ffffff65;border-radius:14px;background:linear-gradient(120deg,#3f3046c2,#3f30469e);box-shadow:inset 0 1px 0 #ffffff33,0 8px 20px #211a2710;backdrop-filter:blur(25px) brightness(.82);-webkit-backdrop-filter:blur(25px) brightness(.82);transition:background .2s,transform .2s}.glass-refinement .hero-paths a:hover{background:#493451c9;transform:translateX(-3px)}.glass-refinement .hero-paths a>span{font-size:9px;color:#f1e7f4}.glass-refinement .hero-paths i{font-style:normal;margin-left:auto;font-size:18px}
.glass-refinement .services{position:relative;background:radial-gradient(ellipse at 8% 50%,#dac5e04d,transparent 55%),radial-gradient(ellipse at 95% 95%,#e8ddd087,transparent 55%)}.direction-b.glass-refinement .section-heading h2{font-size:48px}.direction-b.glass-refinement .section-heading>p{font-size:13px;color:#655b6b}.direction-b.glass-refinement .service-card{position:relative;border:1px solid #fff;border-radius:22px;background-size:auto 100%;background-position:50% 0;box-shadow:0 9px 30px #38233c0a;overflow:hidden;scroll-margin-top:22px}.glass-refinement #loesung-web{background-image:url('assets/materials.webp')}.glass-refinement #loesung-code{background-image:url('assets/digital.webp')}.glass-refinement #loesung-ai{background-image:url('assets/systems.webp')}.direction-b.glass-refinement .service-art{height:230px}.direction-b.glass-refinement .service-symbol{bottom:38px;left:24px;border-radius:16px;background:linear-gradient(135deg,#ffffffe0,#ffffff80);border:1px solid #fff;box-shadow:inset 0 1px 0 white,0 3px 15px #211a270f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.direction-b.glass-refinement .service-body{position:relative;margin-top:-22px;padding:30px 26px 25px;border-radius:22px 22px 0 0;background:linear-gradient(145deg,#ffffffe6,#ffffffcc);border-top:1px solid #fff;box-shadow:inset 0 1px 0 #ffffffb3;backdrop-filter:blur(28px) saturate(.8);-webkit-backdrop-filter:blur(28px) saturate(.8)}.direction-b.glass-refinement .service-body h3{font-size:17px}.direction-b.glass-refinement .service-body h4{font-size:23px;margin-top:24px}.direction-b.glass-refinement .service-body>p{color:#5c5362}.direction-b.glass-refinement .service-body details{border-top-color:#7a5f851d;margin-top:20px;padding-top:18px}.glass-refinement .service-body summary{border-radius:30px;min-height:43px;padding:7px 8px 7px 15px;background:linear-gradient(110deg,#ffffffad,#ffffff50);border:1px solid #ffffffed;box-shadow:0 3px 10px #42284d05;color:#5a3a63}.glass-refinement .service-body summary>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#762d8210;border:1px solid #762d8210;font-size:19px}.glass-refinement .service-tags{color:#615666}.direction-b.glass-refinement .project-card{border-radius:23px;border:1px solid #fff;box-shadow:var(--glass-shadow);background:radial-gradient(at 90% 10%,#e0d4e8,#eae7e2 65%)}.direction-b.glass-refinement .project-copy{margin:18px;padding:34px 28px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(120deg,#ffffffb3,#ffffff6b);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #fff}.direction-b.glass-refinement .client-badge{background:#ffffffc9;border:1px solid #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-refinement .project-tags span{background:#ffffff80;border-color:#ffffffed}.glass-refinement .project-details summary{width:max-content;border-bottom:1px solid #762d8240;padding-bottom:6px;color:#5e3569}.direction-b.glass-refinement .approach{background:radial-gradient(ellipse at 82% 37%,#c4a7d04d,transparent 43%),radial-gradient(ellipse at 60% 72%,#f8f1df,transparent 44%),#ede8f0}.glass-refinement .impact-node{background:linear-gradient(135deg,#ffffffe6,#ffffff69);border-color:#ffffffdd;box-shadow:inset 0 1px 0 #fff,0 6px 22px #762d8208;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-refinement .impact-node:hover,.glass-refinement .impact-node[aria-pressed=true]{background:linear-gradient(135deg,#fffffffa,#f2e5f3b5);border-color:#a57bb1;box-shadow:0 0 0 3px #762d8210,inset 0 1px 0 white}.glass-refinement .impact-core{background:radial-gradient(at 18% 10%,#a569b0,#762d82 65%,#5a2165);border-color:#bb8bc5;box-shadow:inset 0 2px 2px #ffffff55,0 12px 45px #762d822a}.glass-refinement .connections{stroke:#a484b1;stroke-opacity:.65}.direction-b.glass-refinement .secondary{background:linear-gradient(135deg,#ffffffb5,#ffffff52);color:#62346d;border-color:#ffffffdf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow)}.glass-refinement .secondary>span{background:#762d8210;border-color:#762d8212}.direction-b.glass-refinement .method li{padding:23px 21px;border:1px solid #fffffff0;background:linear-gradient(135deg,#ffffff80,#ffffff33);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffffa8}.glass-refinement .method{gap:15px}.direction-b.glass-refinement .people-photo{border-radius:22px}.glass-refinement .person{border-top-color:#ddd2e0}.direction-b.glass-refinement .contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#ad77b5a6,transparent 55%),linear-gradient(120deg,#7e388b,#60226e);border:1px solid #ffffffa6;border-radius:26px;box-shadow:inset 0 1px 0 #ffffff55}.direction-b.glass-refinement .contact-circle{background:linear-gradient(135deg,#ffffff30,#ffffff09);border:1px solid #ffffff7a;box-shadow:inset 0 1px 0 #ffffff55,0 12px 40px #211a271a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.glass-refinement .contact-circle:hover{background:#ffffff38}.glass-refinement .text-link{color:#674171}.glass-refinement .study-note{background:#faf9f7}
@media(min-width:1600px){.direction-b.glass-refinement .glass-hero{padding:60px;max-width:1720px;margin-inline:auto;grid-template-columns:1.7fr 1fr}.glass-refinement .hero-glass{max-width:800px}.direction-b.glass-refinement .hero h1{font-size:72px}}
@media(max-width:1200px){.direction-b.glass-refinement .glass-hero{padding:30px;grid-template-columns:minmax(0,1.8fr) minmax(200px,1fr);gap:20px;min-height:700px}.glass-refinement .hero-glass{padding:35px 29px 28px}.direction-b.glass-refinement .hero h1{font-size:clamp(40px,4.5vw,56px)}.direction-b.glass-refinement .hero-specialties{font-size:12px}.direction-b.glass-refinement .hero-description{font-size:12px}.direction-b.glass-refinement .button{font-size:11px;padding-left:17px;gap:13px}.glass-refinement .hero-paths a{font-size:11px;padding:15px 13px;gap:9px}.direction-b.glass-refinement .service-body{padding-inline:21px}.direction-b.glass-refinement .service-body h3{font-size:15px}.direction-b.glass-refinement .service-body h4{font-size:21px}.direction-b.glass-refinement .project-copy{padding:28px 23px;margin:14px}.direction-b.glass-refinement .project-copy h3{font-size:31px}.direction-b.glass-refinement .method li{padding:21px 16px}.direction-b.glass-refinement .section-heading h2{font-size:44px}}
@media(min-width:761px) and (max-width:1000px){.direction-b.glass-refinement .glass-hero{grid-template-columns:1fr;padding:28px;min-height:0}.glass-refinement .hero-glass{max-width:610px}.direction-b.glass-refinement .hero h1{font-size:54px}.glass-refinement .hero-paths{max-width:none;display:flex;gap:10px;margin:0}.glass-refinement .hero-paths>a{flex:1}.direction-b.glass-refinement .site-nav>nav{gap:17px;font-size:11px}.glass-refinement .brand{width:130px}.direction-b.glass-refinement .section-heading h2{font-size:39px}}
@media(max-width:760px){html:has(.glass-refinement){scroll-padding-top:25px}.direction-b.glass-refinement .site-nav{margin:12px 4% 0;padding:0 5%;height:70px;border-radius:17px}.direction-b.glass-refinement .brand{width:128px}.direction-b.glass-refinement .menu-toggle{background:#ffffff80;border-color:white;border-radius:50%;width:42px;height:42px;box-shadow:0 3px 12px #762d8207}.direction-b.glass-refinement .site-nav .mobile-nav:not([hidden]){background:#faf8f9f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid white;border-radius:18px;margin-top:8px;box-shadow:var(--glass-shadow)}.direction-b.glass-refinement .glass-hero{display:flex;flex-direction:column;align-items:stretch;gap:17px;margin:14px 4% 0;padding:150px 12px 14px;min-height:0;border-radius:22px}.glass-refinement .hero-glass{padding:27px 22px 24px;border-radius:18px;background:linear-gradient(130deg,#ffffffed,#ffffffcf);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.glass-refinement .hero-glass:after{border-radius:16px}.direction-b.glass-refinement .intro-line{font-size:8px;line-height:1.7;gap:7px;margin-bottom:22px;max-width:240px}.direction-b.glass-refinement .intro-line>span{width:5px;height:5px}.direction-b.glass-refinement .hero h1{font-size:clamp(30px,8.1vw,51px);line-height:1.13;letter-spacing:-.057em}.direction-b.glass-refinement .hero-specialties{font-size:11px;line-height:1.8;margin-top:22px}.direction-b.glass-refinement .hero-description{font-size:11px;line-height:1.9;margin-top:13px}.direction-b.glass-refinement .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:23px}.direction-b.glass-refinement .button{min-height:49px;font-size:11px;padding:7px 7px 7px 18px;gap:18px}.glass-refinement .button>span{width:32px;height:32px;font-size:19px}.glass-refinement .hero-assurance{font-size:9px;margin-top:22px;gap:9px}.glass-refinement .assurance-line{width:16px}.glass-refinement .hero-paths{display:grid;grid-template-columns:1fr 1fr;margin:0;max-width:none;gap:8px}.glass-refinement .hero-paths a{font-size:10px;padding:13px 12px;gap:8px;border-radius:12px}.glass-refinement .hero-paths a:last-child{grid-column:1/-1}.glass-refinement .hero-paths a>span{font-size:8px}.glass-refinement .hero-paths i{font-size:16px}.direction-b.glass-refinement .section-heading h2{font-size:33px}.direction-b.glass-refinement .section-heading>p{font-size:12px}.direction-b.glass-refinement .service-art{height:220px}.direction-b.glass-refinement .service-body{padding:28px 25px 25px}.direction-b.glass-refinement .service-body h3{font-size:17px}.direction-b.glass-refinement .service-body h4{font-size:24px}.direction-b.glass-refinement .service-body>p{font-size:12px}.direction-b.glass-refinement .service-body details{margin-top:22px}.direction-b.glass-refinement .project-copy{margin:12px;padding:26px 22px}.direction-b.glass-refinement .project-copy h3{font-size:28px}.direction-b.glass-refinement .project-type{font-size:8px}.direction-b.glass-refinement .method{gap:12px}.direction-b.glass-refinement .method li{padding:21px 16px}.direction-b.glass-refinement .method h4{font-size:17px}.direction-b.glass-refinement .method p{font-size:10px}.direction-b.glass-refinement .contact{border-radius:22px}.glass-refinement .impact-node{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-refinement .service-body{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:360px){.glass-refinement .hero-glass{padding-inline:17px}.direction-b.glass-refinement .hero h1{font-size:7.9vw}.direction-b.glass-refinement .hero-specialties{font-size:10px}.direction-b.glass-refinement .intro-line{font-size:7px}.direction-b.glass-refinement .section-heading h2{font-size:29px}.direction-b.glass-refinement .service-body{padding-inline:22px}.direction-b.glass-refinement .service-body h3{font-size:16px}.direction-b.glass-refinement .service-body h4{font-size:23px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-refinement .hero-glass,.glass-refinement .service-body{background:#f7f4f7f5}.glass-refinement .hero-paths a{background:#473b50e6}.glass-refinement .impact-node{background:#faf8fbe8}}

/* Fine, freely placed particles over open white space. */
.glass-refinement .particle-scene{pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#e7ded21f,transparent 58%),#fff}
.glass-refinement .particle-canvas{display:block;width:100%;height:100%}
.glass-refinement .particle-toggle{position:absolute;top:20px;right:20px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:10px;border:1px solid #fff;border-radius:50%;color:#5d4b40;background:#ffffffc2;box-shadow:0 3px 18px #3827190d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);cursor:pointer}
.glass-refinement .particle-toggle[hidden]{display:none}
.glass-refinement .particle-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.glass-refinement .particle-toggle .play-icon{display:none}
.glass-refinement .particle-toggle[aria-pressed=true] .play-icon{display:block}
.glass-refinement .particle-toggle[aria-pressed=true] .pause-icon{display:none}
.glass-refinement .particle-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
@media(max-width:760px){.glass-refinement .particle-toggle{top:12px;right:12px;width:36px;height:36px;padding:8px}}

/* Leave room for the complete particle image above the glass on small screens. */
@media(max-width:760px){.direction-b.glass-refinement .glass-hero{padding-top:clamp(200px,56vw,400px)}}
@media(min-width:761px) and (max-width:1000px){.direction-b.glass-refinement .glass-hero{padding-top:54vw}}