@layer tokens,base,roles,components;@layer pages{html[lang=de] :is(h1,h2,h3,.h1,.h2){text-wrap:balance}html[lang=de] :is(h1,h2,h3,h4,h5,h6){-webkit-hyphens:manual;hyphens:manual}html[lang=de] :is(p,blockquote),html[lang=de] :is(li,figcaption,label,.footer,.nav,.mnav,.dropdown){-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty}html[lang=de] :is(.btn,.nav__link,.eyebrow,.chip){-webkit-hyphens:manual;hyphens:manual}html[lang=de] .footer__col--legal{width:auto;min-width:122px}html[lang=de] .footer__col a{-webkit-hyphens:manual;hyphens:manual}@media (max-width:1199.98px){html[lang=de] .footer__col--legal{max-width:none}html[lang=de] .footer__grid{column-gap:var(--space-40);grid-template-columns:1fr auto auto}html[lang=de] .footer__social{gap:var(--space-32);margin-top:var(--space-24);flex-direction:row;order:1;grid-area:auto/1/auto/-1}}@media (max-width:767.98px){html[lang=de] .footer__grid{grid-template-columns:1fr}html[lang=de] .footer__social{justify-content:flex-start;gap:var(--space-32);margin:var(--space-4) 0 var(--space-8);order:0}}@media (min-width:480px) and (max-width:767.98px){.br-p{display:none!important}h1,h2,h3,.h1,.h2{text-wrap:balance}p,li,blockquote{text-wrap:pretty}:root :is(.ats-cta h2,.cta-band h2,.ab-cta .ab-cta__lead){max-width:420px}}@media (max-width:1199.98px){.cta-band :is(h2,p.lead){text-wrap:balance}}:where(.ats-step__title){font-size:var(--text-h3-size);line-height:var(--text-h3-leading);font-weight:var(--text-h3-weight);letter-spacing:var(--text-h3-tracking)}:where(.ats-step__body){font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-leading);color:var(--color-text)}@media (min-width:1200px){.page-ats .ats-steps{margin-top:var(--space-2)}.page-ats main{padding-bottom:var(--space-64)}.page-ats .cta-band{margin-top:0}}@media (min-width:768px) and (max-width:1199.98px){.page-ats .ats-steps{margin-top:var(--space-32)}.page-ats main{padding-bottom:var(--space-64)}.page-ats .cta-band{margin-top:0}}@media (max-width:767.98px){.page-ats .ats-steps{margin-top:0}.page-ats main{padding-bottom:var(--space-64)}.page-ats .cta-band{margin-top:0}}.ats{background:var(--gradient-surface-wash);overflow-x:clip}.ats-hero{padding-top:calc(var(--hero-t) + var(--space-80));text-align:center}.ats-hero__inner{flex-direction:column;align-items:center;display:flex;position:relative}.ats-hero__demo{margin-top:calc(var(--hero-m) + var(--space-96))}.ats-hero__title{max-width:880px}.ats-hero__lead{max-width:810px;margin-top:var(--space-20)}.ats-hero__cta{margin-top:var(--space-40)}.ats-steps{padding:var(--space-80) 0 var(--space-80)}.ats-steps__list{max-width:1072px;padding-left:var(--space-8);margin-inline:auto}.ats-step{column-gap:var(--space-96);margin-top:var(--my,0);grid-template-columns:480px 480px;align-items:center;display:grid}.ats-step__text{grid-area:1/1}.ats-step__art{width:var(--aw,416px);max-width:none;margin-top:var(--ay,0);grid-area:1/2;justify-self:center}.ats-step--flip .ats-step__text{grid-column:2}.ats-step--flip .ats-step__art{grid-column:1}.ats-step--2,.ats-step--3{--my:24px}.ats-step--4{--my:24px;column-gap:var(--space-56);--aw:662px;grid-template-columns:600px 408px}.ats-step__body{max-width:472px;margin-top:var(--space-16)}@media (hover:hover) and (pointer:fine){.ats-step__art .illustration{transition:transform var(--duration-900) var(--ease-out)}@media (hover:hover){.ats-step__art:hover .illustration{transform:translateY(-6px)}}}.ats-cta{padding:var(--space-96) 0 var(--space-80)}.ats-cta .eyebrow{margin-inline:auto}.ats-cta p.lead{margin:var(--space-16) auto var(--space-20)}@media (max-width:1199.98px){.ats-hero{padding-top:var(--space-96)}.ats-hero__demo{margin-top:var(--space-112)}.ats-hero__lead{max-width:672px;margin-top:var(--space-8)}.ats-hero__cta{width:100%;max-width:672px;margin-top:var(--space-16)}.ats-hero__btn{width:100%}.ats-steps{padding:0 0 var(--space-48)}.ats-steps__list{max-width:none;padding-left:0}.ats-step{column-gap:var(--space-20);grid-template-columns:minmax(0,47fr) minmax(0,53fr)}.ats-step--flip{grid-template-columns:minmax(0,53fr) minmax(0,47fr)}.ats-step__art{--aw:min(calc(100% * 1.13), 480px);margin-right:calc(var(--space-20) * -1);justify-self:end;margin-left:0;translate:none}.ats-step--flip .ats-step__art{margin-right:0;margin-left:calc(var(--space-20) * -1);justify-self:start}.ats-step--2,.ats-step--3{--my:16px}.ats-step--4{--my:16px;grid-template-columns:minmax(0,53fr) minmax(0,47fr)}.ats-step--4 .ats-step__art,.ats-step--flip.ats-step--4 .ats-step__art{--aw:calc(100% * 1.104);justify-self:start;margin:0 0 0 -5.2%}.ats-step__body{margin-top:var(--space-20)}.ats-cta{padding:var(--space-64) 0}.ats-cta p.lead{margin:var(--space-16) auto var(--space-16)}html[lang=en] .ats-cta p.lead{max-width:300px}.ats-cta .btn-row{gap:var(--space-8);flex-direction:column}.ats-cta .btn{width:100%}}@media (max-width:767.98px){.ats-hero{padding-top:var(--space-64)}.ats-hero__demo{margin-top:var(--space-64)}.ats-hero__title{max-width:300px}.ats-hero__lead{margin-top:var(--space-8)}.ats-hero__cta{max-width:none}.ats-steps{padding:0 0 var(--space-8)}.ats-step{display:block}.ats-step__text{margin-top:0}.ats-step__art,.ats-step--flip .ats-step__art,.ats-step--4 .ats-step__art,.ats-step--flip.ats-step--4 .ats-step__art{--aw:calc(min(100%, var(--layout-art-max)) * var(--bleed,1.12));margin:var(--ay,0) 0 0 calc((100% - var(--aw)) / 2);justify-self:auto}.ats-step--1{--my:0px;--ay:17px;--bleed:1.171}.ats-step--2{--my:-42px;--ay:7px;--bleed:1.199}.ats-step--3{--my:-20px;--ay:8px;--bleed:1.199}.ats-step--4{--my:-55px;--ay:16px;--bleed:1.154}.ats-step--3 .ats-step__body,.ats-step--4 .ats-step__body{margin-top:var(--space-16)}.ats-step__body{max-width:none;margin-top:var(--space-16)}.ats-cta{padding:var(--space-64) 0}.ats-cta h2{max-width:250px}.ats-cta p.lead{margin-top:var(--space-16)}}html[lang=de] .nobr{white-space:nowrap}html[lang=de] .ats-step__title{-webkit-hyphens:manual;hyphens:manual}html[lang=de] .ats-step--3 .ats-step__title{margin-right:calc(var(--space-20) * -1)}@media (max-width:1199.98px){html[lang=de] .ats-step--3 .ats-step__title{margin-right:calc(var(--space-20) * -1)}}@media (max-width:767.98px){html[lang=de] .ats-step--3 .ats-step__title{margin-right:0}html[lang=de] .ats-step--3 .ats-step__title,html[lang=de] .ats-step--1{--ay:29px}}}@layer utilities;
