.hero-sig .sg-ring{opacity:0}
.hero-sig .sg-ring,.hero-sig .cm-r,.hero-sig .cm-d{transform-box:fill-box;transform-origin:center}
.hero-sig .sg-d{stroke-dasharray:1 1}
body.sig-ohne .hero-sig h1,body.sig-ohne .hero-sig h1 *{animation:none!important}
.hero-sig.c-hero{position:relative}
.hero-sig .home-layout,.hero-sig .hero-bottom{position:relative;z-index:1}
.k-bau{position:absolute;left:-33%;top:-26%;width:140%;height:155%;z-index:-1;opacity:.58;pointer-events:none;overflow:visible}
@media(max-width:1023px){.k-bau{display:none}}
.k-mappe{position:relative;align-self:center;justify-self:end;width:100%;max-width:440px}
@media(min-width:1024px){.hero-sig .hero-note{max-width:590px}}
.hero-sig .c-depth{background:#17141d;border-color:#6d447966;box-shadow:none!important}
.k-blatt{position:absolute;inset:0;border-radius:8px;border:1px solid #6d447959;background:#efe8dc;transform:translate(14px,14px);box-shadow:0 1px 2px #16141c14}
.k-blatt2{background:#e2d8e4;transform:translate(28px,28px);border-color:#6d447940}
@media(max-width:1199px){.k-blatt{transform:translate(9px,9px)}.k-blatt2{transform:translate(18px,18px)}}
@media(max-width:620px){.k-mappe{display:none}.k-bau{display:none}}
.hero-sig .sg-tiefe{transform-box:fill-box;transform-origin:50% 0}
.hero-sig .depth-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--brass);opacity:0;pointer-events:none}
.hero-sig .c-depth:before{content:none}
.hero-sig .sg-strip{color:#6d4479}
.hero-sig .cm-s{transform-box:fill-box;transform-origin:0 50%}
.hero-sig .c-depth-list li:nth-child(3) .depth-dot:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--brass);pointer-events:none}
.hero-sig .c-depth-list li:last-child:after{content:"";position:absolute;left:-56px;width:30px;top:44px;bottom:-120px;background:#17141d;pointer-events:none}
.hero-sig .c-depth{overflow:hidden}
.sg-strip{display:none}
@media(max-width:620px){.hero-sig .sg-strip{display:block;height:48px;margin:22px 0 4px}.hero-sig .sg-strip svg{display:block;width:100%;max-width:440px;height:48px;overflow:visible}}
@media(max-width:620px){.hero-sig .sg-strip{margin:-6px 0 18px}}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
html.sig-arm body:not(.sig-go):not(.motion-paused):not(.sig-done) .hero-sig{& .c-depth-axis,& .depth-dot,& .k-bau>g,& .k-blatt,& .sg-strip svg>*,& h1{visibility:hidden}}
html.sig-arm body.sig-go:not(.motion-paused):not(.sig-done) .hero-sig{
& [data-sig]:not(.is-visible):not(#_) *,& [data-sig]:not(.is-visible):not(#_) *:before,& [data-sig]:not(.is-visible):not(#_) *:after,& [data-sig]:not(.is-visible):not(#_):before{animation-play-state:paused!important}
& .k-bau-l{animation:sg-draw 1.1s cubic-bezier(.65,0,.35,1) .5s backwards!important}
& .k-bau-f{animation:sg-draw .9s cubic-bezier(.65,0,.35,1) .8s backwards!important}
& .k-bau-s{animation:sg-draw .9s cubic-bezier(.65,0,.35,1) .55s backwards!important}
& .k-bau-t{animation:sg-in .5s ease-out 1.2s backwards!important}
& .k-blatt2{animation:k-blatt .7s cubic-bezier(.22,1,.36,1) .55s backwards!important}
& .k-blatt1{animation:k-blatt .7s cubic-bezier(.22,1,.36,1) .75s backwards!important}
& .sg-axis{animation:sg-in .4s ease-out .5s backwards!important}
& .sg-tiefe{animation:sg-tiefe 1.2s cubic-bezier(.65,0,.35,1) .5s backwards!important}
& .c-depth-list li:nth-child(1) .depth-dot{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) .7s backwards!important}
& .c-depth-list li:nth-child(1) .depth-dot:after{animation:sg-ping .6s ease-out .75s backwards!important}
& .c-depth-list li:nth-child(2) .depth-dot{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 1.2s backwards!important}
& .c-depth-list li:nth-child(2) .depth-dot:after{animation:sg-ping .6s ease-out 1.25s backwards!important}
& .c-depth-list li:nth-child(3) .depth-dot{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 1.7s backwards!important}
& .c-depth-list li:nth-child(3) .depth-dot:before{animation:sg-fix .55s cubic-bezier(.22,1,.36,1) 2.2s backwards!important}
& .c-depth-list li:nth-child(3) .depth-dot:after{animation:sg-ping-gross .75s ease-out 2.25s backwards!important}
& .cm-m{animation:sg-draw .6s cubic-bezier(.65,0,.35,1) .5s backwards!important}
& .cm-t{animation:sg-in .4s ease-out .75s backwards!important}
& .cm-s1{animation:k-breit .4s cubic-bezier(.22,1,.36,1) .65s backwards!important}
& .cm-s2{animation:k-breit .4s cubic-bezier(.22,1,.36,1) 1.05s backwards!important}
& .cm-s3{animation:k-breit .4s cubic-bezier(.22,1,.36,1) 1.45s backwards!important}
& .cm-d1{animation:sg-in .35s cubic-bezier(.22,1,.36,1) .95s backwards!important}
& .cm-d2{animation:sg-in .35s cubic-bezier(.22,1,.36,1) 1.35s backwards!important}
& .cm-d3{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 1.75s backwards!important}
& .cm-r{animation:sg-fix .5s cubic-bezier(.22,1,.36,1) 1.9s backwards!important}
& .cm-q{animation:sg-ping .55s ease-out 1.95s backwards!important}
}}
@keyframes sg-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes sg-in{from{opacity:0}}
@keyframes sg-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes sg-ping{0%{opacity:0;transform:scale(1)}10%{opacity:.9}100%{opacity:0;transform:scale(2.2)}}
@keyframes sg-fix{from{opacity:0;transform:scale(1.6)}}
@keyframes sg-tiefe{0%{transform:scaleY(0)}16.7%,25%{transform:scaleY(.1)}58.3%,66.7%{transform:scaleY(.58)}100%{transform:scaleY(1)}}
@keyframes k-blatt{from{opacity:0;transform:translate(0,0)}}
@keyframes k-breit{from{opacity:0;transform:scaleX(0)}}
@keyframes sg-ping-gross{0%{opacity:0;transform:scale(1)}10%{opacity:1}100%{opacity:0;transform:scale(3.2)}}