html:not(.js) .reveal{opacity:1!important;transform:none!important}.headline-accent-dark{color:var(--blue)}main{position:relative;overflow:hidden}#leistung{width:calc(100vw + 4px);margin-left:calc(50% - 50vw - 2px);border-radius:0;border:none;box-shadow:none}.leistung-inner{max-width:var(--max);margin:0 auto}.about-card,.contact-card{background:none;border:none;box-shadow:none;border-radius:0;padding:0}.contact-form{box-shadow:0 18px 48px #0714260f}.about-card{grid-template-areas:"media intro" "media panels"}.about-media{grid-area:media}.about-intro{grid-area:intro}.about-panels{grid-area:panels;margin-top:0}@media(max-width:1020px){.about-card{grid-template-areas:"intro" "media" "panels"}}.scrollline{position:absolute;left:max(10px,calc((100vw - var(--max)) / 2 - 34px));width:3px;pointer-events:none;z-index:1}.scrollline-track,.scrollline-progress{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px}.scrollline-track{background:linear-gradient(180deg,#426da933,#0c223b1f 45%,#426da938)}.scrollline-progress{background:linear-gradient(180deg,var(--blue),var(--blue-2));box-shadow:0 0 10px #426da959;transform:scaleY(0);transform-origin:top}.scrollline.on-dark .scrollline-progress{background:linear-gradient(180deg,#fff,var(--blue-soft));box-shadow:0 0 18px #fff9}.scrollline.on-dark .scrollline-track{background:#ffffff38}.scrollline.is-static .scrollline-progress{transform:scaleY(1)}.scrollline.has-gap{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--gap-start, 0),transparent var(--gap-start, 0),transparent var(--gap-end, 0),#000 var(--gap-end, 0),#000 100%);mask-image:linear-gradient(to bottom,#000 0,#000 var(--gap-start, 0),transparent var(--gap-start, 0),transparent var(--gap-end, 0),#000 var(--gap-end, 0),#000 100%)}.scrollline-node{display:none}.scrollline-branch{position:absolute;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--blue-2),rgba(113,152,208,0));transform-origin:left center;transition:width .5s ease .05s}.scrollline-branch.is-lit{width:var(--branch-width, 40px)}.scrollline-inner{position:absolute;width:3px;pointer-events:none;z-index:1}.scrollline-inner .scrollline-track{background:#ffffff80}.scrollline-inner .scrollline-progress{background:linear-gradient(180deg,#fff,var(--blue-soft));box-shadow:0 0 16px #ffffff80}.timeline-spine,.timeline-spine:after{visibility:hidden}@media(max-width:560px){.scrollline{width:2px;left:max(6px,calc((100vw - var(--max)) / 2 - 20px))}.scrollline-progress{background:linear-gradient(180deg,var(--blue),var(--blue-2));box-shadow:0 0 9px #426da980}.scrollline-node{width:8px;height:8px;margin-left:-4px;margin-top:-4px}.scrollline-inner{width:2px}}.hero-line-start{position:relative;padding-bottom:4px}.hero-line-start:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:linear-gradient(90deg,var(--blue-2),rgba(113,152,208,0));transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.22,.8,.22,1)}.hero-line-start.is-drawn:after{transform:scaleX(1)}.service-item{position:relative;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1f}.service-item span{position:relative;z-index:0;transition:color .3s ease}.service-item span:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:0;transition:opacity .3s ease;z-index:-1}html.js .service-item.is-current span{color:var(--navy)}html.js .service-item.is-current span:before{opacity:1}html.js .service-item.is-lit span{animation:scrolllineBadgePulse .5s ease}@keyframes scrolllineBadgePulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.service-item:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 14px #ffffff40;opacity:0;transition:opacity .3s ease;pointer-events:none}html.js .service-item.is-current:before{opacity:1}.service-item .lap-mask{position:absolute;inset:0;border-radius:inherit;padding:1.5px;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.service-item .lap{position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 88%,rgba(255,255,255,.95) 94%,transparent 100%)}html.js .service-item.is-lit .lap-mask{opacity:1}html.js .service-item.is-lit .lap{animation:scrolllineCardLapSpin 2.43s linear infinite}@keyframes scrolllineCardLapSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1180px){html.js .service-item.is-lit .lap-mask{opacity:0}html.js .service-item.is-lit .lap{animation:none}html.js .service-item.is-current .lap-mask{opacity:1}html.js .service-item.is-current .lap{animation:scrolllineCardLapSpin 1.7s linear infinite}}.signal-bg-line{stroke:#ffffff6b;stroke-width:1.1}html.js .faq-item.is-current{border-left-color:var(--blue-2)}.btn{position:relative}.btn:after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid var(--blue-2);opacity:0;pointer-events:none}html.js .btn.line-arrived:after{animation:scrolllineCtaPulse 1.6s ease-out}@keyframes scrolllineCtaPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.contact-form{position:relative}.contact-form:after{content:"";position:absolute;inset:-3px;border-radius:32px;border:2px solid var(--blue-2);opacity:0;pointer-events:none}html.js .contact-form.form-glow:after{animation:scrolllineFormGlow 1.8s ease-out}@keyframes scrolllineFormGlow{0%{opacity:.6;transform:scale(1)}45%{opacity:0;transform:scale(1.015)}55%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}html.js .contact-form input,html.js .contact-form textarea{transition:border-color .35s ease,box-shadow .35s ease}html.js .contact-form.line-active input,html.js .contact-form.line-active textarea{border-color:var(--blue-2);box-shadow:0 0 0 3px #7198d02e}html.js .reference-scroll img{animation:scrolllineReferenceScroll 8s ease-in-out infinite;animation-play-state:paused}html.js .reference-card-image.scroll-active img{animation-play-state:running}@keyframes scrolllineReferenceScroll{0%{transform:translateY(0)}46%{transform:translateY(-35.7%)}54%{transform:translateY(-35.7%)}to{transform:translateY(0)}}html.js .check-mark.line-glow path{animation:scrolllineCheckGlow .7s ease}@keyframes scrolllineCheckGlow{0%{stroke:var(--blue-soft)}50%{stroke:#fff}to{stroke:var(--blue-soft)}}.leistung-checklist{list-style:none;padding:0;display:grid;gap:10px;max-width:420px;margin:22px auto 0}.leistung-checklist li{display:flex;align-items:center;gap:10px;color:#ffffffeb;font-size:15px;font-weight:700}.check-mark{width:20px;height:20px;flex-shrink:0;overflow:visible}html.js .check-mark{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}html.js .leistung-checklist li.is-armed .check-mark{opacity:1;transform:translateY(0)}.check-mark path{fill:none;stroke:var(--blue-soft);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}html.js .check-mark path{stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .5s ease}html.js .leistung-checklist li.is-armed .check-mark path{transition-delay:.15s;stroke-dashoffset:0}.leistung-checklist li:nth-child(1) .check-mark{transition-delay:0s}.leistung-checklist li:nth-child(2) .check-mark{transition-delay:.08s}.leistung-checklist li:nth-child(3) .check-mark{transition-delay:.16s}.leistung-checklist li:nth-child(4) .check-mark{transition-delay:.24s}.leistung-checklist li:nth-child(5) .check-mark{transition-delay:.32s}@media(min-width:1181px){.leistung-checklist{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none;margin-left:0;margin-right:0;gap:18px}.leistung-checklist li{flex-direction:column-reverse;align-items:center;justify-content:center;text-align:center;gap:12px}}.leistung-checklist li:nth-child(1) .check-mark path{transition-delay:.1s}.leistung-checklist li:nth-child(2) .check-mark path{transition-delay:.18s}.leistung-checklist li:nth-child(3) .check-mark path{transition-delay:.26s}.leistung-checklist li:nth-child(4) .check-mark path{transition-delay:.34s}.leistung-checklist li:nth-child(5) .check-mark path{transition-delay:.42s}html.js .leistung-checklist.all-lit .check-mark path{animation:scrolllineCheckWave 2.4s ease-in-out infinite}html.js .leistung-checklist.all-lit li:nth-child(1) .check-mark path{animation-delay:0s}html.js .leistung-checklist.all-lit li:nth-child(2) .check-mark path{animation-delay:.14s}html.js .leistung-checklist.all-lit li:nth-child(3) .check-mark path{animation-delay:.28s}html.js .leistung-checklist.all-lit li:nth-child(4) .check-mark path{animation-delay:.42s}html.js .leistung-checklist.all-lit li:nth-child(5) .check-mark path{animation-delay:.56s}@keyframes scrolllineCheckWave{0%,20%{stroke:var(--blue-soft)}30%{stroke:#fff}40%,to{stroke:var(--blue-soft)}}.intro-card{position:relative;transition:opacity .35s ease,transform .35s ease}.intro-card:before{content:"";position:absolute;top:-2px;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--blue),var(--blue-2));transform:scaleX(0);transform-origin:left;transition:transform .5s ease}html.js .intro-card{opacity:.62}html.js .intro-card.is-active{opacity:1;transform:translateY(-3px)}html.js .intro-card.is-active:before{transform:scaleX(1)}html.js .intro-card.is-seen{opacity:1}@media(min-width:1181px){html.js .intro-card:before,html.js .intro-card.is-active:before{transform:scaleX(var(--card-fill, 0));transition:none}}.side-reveal{transition:opacity .6s ease,transform .6s ease}html.js .side-reveal{opacity:0}html.js #ueber-mich .about-media.side-reveal{transform:translate(-24px)}html.js #ueber-mich .about-copy.side-reveal{transform:translate(24px)}html.js #ueber-mich.content-armed .side-reveal{opacity:1;transform:translate(0)}html.js #ueber-mich.content-armed .about-copy.side-reveal{transition-delay:.1s}.underline-target{background-image:linear-gradient(var(--blue-2),var(--blue-2));background-repeat:no-repeat;background-position:0 1.1em;background-size:0% 2px}html.js .underline-target{transition:background-size .55s ease}html.js .underline-target.is-underlined{background-size:100% 2px}.about-panels article{position:relative;border-left-color:transparent}.about-panels article:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--blue),var(--blue-2))}html.js .about-panels article:before{transform:scaleY(var(--panel-progress, 0));transform-origin:top}.about-card{position:relative}.about-media,.about-intro,.about-panels{position:relative;z-index:1}html.js .about-media.is-lit{animation:scrolllineAboutGlow 1.3s ease-out}@keyframes scrolllineAboutGlow{0%{box-shadow:0 0 #7198d099;transform:scale(1)}35%{box-shadow:0 0 40px 12px #7198d066;transform:scale(1.015)}to{box-shadow:0 0 #7198d000;transform:scale(1)}}html.js .timeline-step{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,background .3s ease,border-color .3s ease}html.js .timeline-step.is-armed{opacity:1;transform:translateY(0)}html.js .timeline-step:before{left:var(--connector-left, -43px);width:var(--connector-width, 30px);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}html.js .timeline-step.is-passed:before{transform:scaleX(1)}html.js .timeline-step.is-current{background:#ffffff24;border-color:#ffffff4d}.process-section{background:linear-gradient(180deg,var(--bg) 0,#0b1d33 140px,#17385f 260px,#17385f calc(100% - 260px),#0b1d33 calc(100% - 140px),var(--bg) 100%);padding-bottom:clamp(52px,6vw,76px)}#projektablauf{--chevron: 34px;clip-path:polygon(0% 0%,15% 0%,35% var(--chevron),65% var(--chevron),85% 0%,100% 0%,100% 100%,85% 100%,65% calc(100% - var(--chevron)),35% calc(100% - var(--chevron)),15% 100%,0% 100%)}.process-section{background:linear-gradient(180deg,#0b1d33,#17385f);padding-top:calc(var(--chevron) + 34px);padding-bottom:calc(var(--chevron) + 34px)}@media(max-width:1020px){#leistung{--chevron: 34px;clip-path:polygon(0% 0%,15% 0%,35% var(--chevron),65% var(--chevron),85% 0%,100% 0%,100% 100%,85% 100%,65% calc(100% - var(--chevron)),35% calc(100% - var(--chevron)),15% 100%,0% 100%)}#leistung .canvas-main{padding-top:calc(var(--chevron) + 30px)}#leistung .service-area{padding-bottom:calc(var(--chevron) + 24px)}}.about-section{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(20px,3vw,36px)}.contact-section{padding-bottom:clamp(48px,6vw,72px)}.site-footer{padding-top:40px}@media(prefers-reduced-motion:reduce){.scrollline-progress,.scrollline-inner .scrollline-progress,.scrollline-node,.scrollline-branch,.hero-line-start:after,.service-item,.service-item span,.service-item:before,.service-item .lap-mask,.service-item .lap,.faq-item,.faq-icon,.underline-target,.check-mark,.check-mark path,.check-mark.line-glow path,.intro-card,.intro-card:before,.side-reveal,.about-panels article:before,.about-media,.timeline-step,.timeline-step:before,.btn:after,.contact-form:after,.contact-form input,.contact-form textarea,.signal-bg-line{transition:none!important;animation:none!important}html.js .intro-card{opacity:1!important;transform:none!important}html.js .intro-card:before{transform:scaleX(1)!important}html.js .service-item.is-lit .lap-mask,html.js .service-item.is-current .lap-mask{opacity:0!important}html.js .faq-item.is-current{border-left-color:transparent!important}html.js .signal-bg-line{stroke-dashoffset:0!important}html.js .reference-scroll img{animation-play-state:running!important}}