.hero-sig .sg-ring{opacity:0}
.hero-sig .sg-d,.hero-sig .sg-dot,.hero-sig .sg-ring,.hero-sig .dm-k{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.d-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 46% 64% at 88% 14%,#efcf9e66,transparent 72%),linear-gradient(225deg,#d6b68847 0%,#f5efe400 62%),linear-gradient(112deg,#faf8f4 0%,#f7f2e8 46%,#efe6d5 100%)}
.hero-sig .home-layout{position:relative;z-index:1}
.hero-sig .d-way{position:relative}
@media(min-width:1100px){.hero-sig .d-way{justify-self:end;width:100%;max-width:340px}}
.k-auf{position:absolute;left:-42%;top:-18%;width:148%;height:122%;z-index:-1;opacity:.32;pointer-events:none;overflow:visible}
@media(max-width:1099px){.k-auf{display:none}}
.hero-sig h1 em{position:relative}
.k-bogen{position:absolute;left:-.04em;right:-.02em;bottom:-.16em;width:104%;height:.3em;overflow:visible;pointer-events:none}
.hero-sig .d-way ol,.hero-sig .d-way li,.hero-sig .d-way li>*{position:relative}
.hero-sig .d-way ol:before{content:"";position:absolute;left:-18px;top:25px;bottom:25px;width:2px;background:var(--accent);transform-origin:50% 0;opacity:.7}
.hero-sig .d-way ol:after{content:"";position:absolute;left:-22px;top:20px;bottom:30px;width:10px;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 5px,#b08a5a 0 3.5px,#d9b98a80 4.5px,transparent 5.5px) 0 0/10px 10px no-repeat}
.hero-sig .d-way li:before,.hero-sig .d-way li:nth-child(5):after{content:"";position:absolute;left:-23px;top:20px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-sizing:content-box;margin:-1px}
.hero-sig .d-way li:nth-child(5):before{background:var(--accent)}
.hero-sig .d-way li:nth-child(5):after{background:none;opacity:.55;transform:scale(1.9)}
@media(max-width:760px){.hero-sig .d-way ol:before{left:-10px;top:19px;bottom:19px}.hero-sig .d-way ol:after{left:-14px;top:14px;bottom:24px}.hero-sig .d-way li:before,.hero-sig .d-way li:nth-child(5):after{left:-15px;top:14px}}
.hero-sig .sg-strip{color:#795d3c}
.hero-sig .dm-i{opacity:0}
.hero-sig.d-hero h1{animation:none!important}
.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:16px 0 20px}}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
html.sig-arm body:not(.sig-go):not(.motion-paused):not(.sig-done) .hero-sig{& .d-way-mark .sg-d,& .d-way ol:before,& .d-way li:before,& .d-way li:after,& .k-auf>g,& .k-bogen,& .sg-strip svg>*{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{animation-play-state:paused!important}
& .k-auf1{animation:sg-draw 1.2s cubic-bezier(.65,0,.35,1) .5s backwards!important}
& .k-auf2{animation:sg-draw 1s cubic-bezier(.65,0,.35,1) .8s backwards!important}
& .k-auf3{animation:sg-draw .9s cubic-bezier(.65,0,.35,1) 1s backwards!important}
& .k-bg{animation:sg-draw .5s cubic-bezier(.65,0,.35,1) .5s backwards!important}
& .sg-m1{animation:sg-draw .6s cubic-bezier(.65,0,.35,1) .5s backwards!important}
& .sg-m2{animation:sg-draw .4s cubic-bezier(.65,0,.35,1) .85s backwards!important}
& .d-way ol:before{animation:sg-weg 1.6s linear .6s backwards!important}
& .d-way ol:after{animation:k-impuls 1.6s linear .6s backwards!important}
& .d-way li:nth-child(1):before{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) .6s backwards!important}
& .d-way li:nth-child(2):before{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 1s backwards!important}
& .d-way li:nth-child(3):before{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 1.4s backwards!important}
& .d-way li:nth-child(4):before{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 1.8s backwards!important}
& .d-way li:nth-child(1)>*{animation:sg-auf .26s ease-out .68s backwards!important}
& .d-way li:nth-child(2)>*{animation:sg-auf .26s ease-out 1.08s backwards!important}
& .d-way li:nth-child(3)>*{animation:sg-auf .26s ease-out 1.48s backwards!important}
& .d-way li:nth-child(4)>*{animation:sg-auf .26s ease-out 1.88s backwards!important}
& .d-way li:nth-child(5)>*{animation:sg-auf .26s ease-out 2.25s backwards!important}
& .d-way li:nth-child(5):before{animation:sg-pop .35s cubic-bezier(.22,1,.36,1) 2.25s backwards!important}
& .d-way li:nth-child(5):after{animation:sg-doppel .75s ease-out 2.25s backwards!important}
& .dm-l{animation:sg-draw 1.4s linear .55s backwards!important}
& .dm-i{animation:k-impx 1.4s linear .55s backwards!important}
& .dm-k1{animation:sg-pop .3s cubic-bezier(.22,1,.36,1) .55s backwards!important}
& .dm-k2{animation:sg-pop .3s cubic-bezier(.22,1,.36,1) .9s backwards!important}
& .dm-k3{animation:sg-pop .3s cubic-bezier(.22,1,.36,1) 1.25s backwards!important}
& .dm-k4{animation:sg-pop .3s cubic-bezier(.22,1,.36,1) 1.6s backwards!important}
& .dm-p{animation:sg-pop .3s cubic-bezier(.22,1,.36,1) 1.95s backwards!important}
& .dm-r{animation:sg-in .3s ease-out 1.95s backwards!important}
& .dm-q{animation:sg-ping .55s ease-out 2.1s 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-weg{0%,5.6%{transform:scaleY(0)}25%,30.6%{transform:scaleY(.25)}50%,55.6%{transform:scaleY(.5)}75%,80.6%{transform:scaleY(.75)}100%{transform:scaleY(1)}}
@keyframes k-impuls{0%{opacity:0;transform:translateY(0)}5.6%{opacity:1;transform:translateY(0)}25%,30.6%{transform:translateY(25%)}50%,55.6%{transform:translateY(50%)}75%,80.6%{transform:translateY(75%)}96%{opacity:1}100%{opacity:0;transform:translateY(100%)}}
@keyframes k-impx{0%{opacity:0;transform:translateX(0)}6%{opacity:1}94%{opacity:1}100%{opacity:0;transform:translateX(288px)}}
@keyframes sg-auf{from{transform:translateY(1.5px)}}
@keyframes sg-doppel{0%{opacity:0;transform:scale(1)}6%{opacity:.9}48%{opacity:0;transform:scale(2.4)}52%{opacity:0;transform:scale(1)}58%{opacity:.8}100%{opacity:.55;transform:scale(1.9)}}