.marketing-design #inhalt .hat-marketing-wolke>.hero-atmosphaere{z-index:-1;--hero-wolke-zustand:paused;pointer-events:none;background:#fefefe;position:absolute;inset:-80px 0 0;overflow:clip;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug{animation:hero-wolke-einfahrt-links 4.6s cubic-bezier(.16, 1, .3, 1) both var(--hero-wolke-zustand);position:absolute;inset:0}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-kern,.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-licht{aspect-ratio:1;width:clamp(360px,53vw,900px);animation:hero-wolke-drift 36s ease-in-out infinite var(--hero-wolke-zustand);border-radius:50%;position:absolute}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-kern{inset:-9% auto auto -7%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-licht{inset:auto auto 3% -5%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(2){animation-name:hero-wolke-einfahrt-rechts;animation-duration:5.4s}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(2)>.wolken-kern{animation:hero-wolke-gegendrift 44s -12s ease-in-out infinite var(--hero-wolke-zustand);top:0;left:auto;right:0}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(2)>.wolken-licht{width:clamp(300px,39vw,660px);animation:hero-wolke-gegendrift 44s -12s ease-in-out infinite var(--hero-wolke-zustand);top:50%;bottom:auto;left:42%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(3){animation-name:hero-wolke-einfahrt-oben;animation-duration:5s}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(3)>.wolken-kern{animation:hero-wolke-mitte 30s -19s ease-in-out infinite var(--hero-wolke-zustand);top:12%;left:33%}.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug:nth-child(3)>.wolken-licht{width:clamp(320px,43vw,740px);animation:hero-wolke-mitte 30s -19s ease-in-out infinite var(--hero-wolke-zustand);top:-5%;bottom:auto;left:25%}@keyframes hero-wolke-einfahrt-links{0%{transform:translate(-110%,55%)rotate(-10deg)scale(1.3)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes hero-wolke-einfahrt-rechts{0%{transform:translate(95%,-70%)rotate(9deg)scale(1.35)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes hero-wolke-einfahrt-oben{0%{transform:translate(-70%,-95%)rotate(7deg)scale(.7)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes hero-wolke-drift{0%,to{transform:translate(0)scale(1)}22%{transform:translate(48%,18%)scale(1.16,.9)}45%{transform:translate(22%,52%)scale(.92,1.12)}68%{transform:translate(-38%,24%)scale(1.1,.95)}86%{transform:translate(-16%,-20%)scale(.96,1.06)}}@keyframes hero-wolke-gegendrift{0%,to{transform:translate(0)scale(1)}18%{transform:translate(-34%,-40%)scale(.94,1.14)}42%{transform:translate(-62%,14%)scale(1.12,.92)}64%{transform:translate(-12%,50%)scale(1.05,1.08)}84%{transform:translate(26%,16%)scale(.92,1.02)}}@keyframes hero-wolke-mitte{0%,to{transform:translate(0)scale(1)}26%{transform:translate(34%,-46%)scale(.9,1.12)}48%{transform:translate(58%,8%)scale(1.14,.94)}70%{transform:translate(14%,40%)scale(1.02,1.1)}88%{transform:translate(-26%,8%)scale(1.08,.92)}}@media (max-width:700px){.marketing-design #inhalt .hero>.hero-atmosphaere{top:-68px}}@media (prefers-reduced-motion:reduce),print{.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug,.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-kern,.marketing-design #inhalt .hero-atmosphaere>.wolken-einflug>.wolken-licht{animation:none!important}}.marketing-design #inhalt .hero-atmosphaere .wolken-kern:before{content:none}.marketing-design #inhalt .hero-atmosphaere .wolken-kern{background-image:none}.marketing-design #inhalt .wolke-laeuft>.hero-atmosphaere{--hero-wolke-zustand:running}.marketing-design #inhalt :is(.page-hero,.product-page-hero)>.hero-atmosphaere{top:-69px}.marketing-design #inhalt .hero-atmosphaere .wolken-kern,.marketing-design #inhalt .hero-atmosphaere .wolken-licht{filter:none!important;background:0 0!important}.marketing-design #inhalt .hero-atmosphaere .wolken-kern:before,.marketing-design #inhalt .hero-atmosphaere .wolken-licht:before{content:"";opacity:.5;background:url(/marketing-design/assets/wolken/wolke-blau.png) 50%/100% 100% no-repeat;position:absolute;inset:-50%}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(2)>.wolken-kern:before{opacity:.35;background-image:url(/marketing-design/assets/wolken/wolke-kraeftig.png)}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(3)>.wolken-kern:before{opacity:.6;background-image:url(/marketing-design/assets/wolken/wolke-hell.png)}.marketing-design #inhalt .hero-atmosphaere .wolken-licht:before{opacity:.6;background-image:url(/marketing-design/assets/wolken/wolke-licht.png)}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(2)>.wolken-licht:before{opacity:.55}.marketing-design #inhalt .hero-atmosphaere>span:nth-child(3)>.wolken-licht:before{opacity:.7}.marketing-design #inhalt .hero-atmosphaere[data-ruht]>span,.marketing-design #inhalt .hero-atmosphaere[data-ruht] .wolken-kern,.marketing-design #inhalt .hero-atmosphaere[data-ruht] .wolken-licht{animation-play-state:paused!important}.marketing-design #inhalt .wolke-laeuft>.hero-atmosphaere :is(.wolken-kern,.wolken-licht){will-change:transform}.marketing-design .software-picture .glass-frame{-webkit-backdrop-filter:none!important}@media (prefers-reduced-motion:reduce){.marketing-design #inhalt .hero-atmosphaere :is(.wolken-kern,.wolken-licht){will-change:auto!important}}