.steps{grid-template-rows:1fr;grid-template-columns:1fr;display:grid}@media screen and (max-width:768px){.steps{gap:1rem 0}}.steps--checklist{gap:1.5rem}.steps--checklist .step{grid-template-columns:auto 2fr 1fr 2fr}.steps--checklist .step__number{grid-column:1/2;place-content:center;display:grid;position:relative}.steps--checklist .step__number svg{display:none}.steps--checklist .step__number:before{background-image:url("data:image/svg+xml,%3Csvg id='a0fdbddd-8aed-455e-9a51-46770210e009' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E  %3Cg id='a025b8ae-a148-4e39-8378-81cff2e97430' data-name='checkmark'%3E    %3Cpath id='ae140b26-22f8-44e3-9066-98ab59aaa7e7' data-name='Pfad 69' d='M113.8,333.54a15.32,15.32,0,0,1-10.75-4.18L12.89,239.21a14.44,14.44,0,0,1-.5-20.4c.16-.17.33-.34.5-.5a14.43,14.43,0,0,1,20.4-.5c.17.16.34.33.5.5l80,80,251.36-252a14.78,14.78,0,0,1,20.9,20.9L124.54,329.36A14.31,14.31,0,0,1,113.8,333.54Z' fill='%23041432'/%3E  %3C/g%3E%3C/svg%3E");margin-right:.5em;font-size:2em}.steps--checklist .step__cnt{grid-column:2/5}.steps--checklist .step__cnt__headline{margin-bottom:0}@media screen and (min-width:769px),print{.steps--checklist .step:nth-of-type(2n) .step__cnt{grid-column:2/5}.steps--checklist .step:nth-of-type(2n) .step__number{grid-column:1/2}}.step{opacity:0;grid-area:span 1/1/auto/2;grid-template-rows:1fr;grid-template-columns:1fr 2fr 1fr 2fr;align-items:center;transition:opacity .2s ease-in;display:grid}@media screen and (max-width:768px){.step{grid-template-rows:1fr;grid-template-columns:2rem auto;align-items:flex-start;gap:0 .5rem}}.step__tip{display:block;position:absolute;top:0;right:0}.step__tip__cnt{background-color:var(--bulma-grey-lightest);border-radius:var(--bulma-radius);font-size:var(--bulma-size-6);font-weight:var(--bulma-weight-normal);opacity:0;visibility:hidden;z-index:2;width:300px;padding:2rem;line-height:1.5;transition:visibility,opacity .2s ease-in;position:absolute;right:0}.step__tip:hover{cursor:pointer}.step__tip:hover .step__tip__cnt{opacity:1;visibility:visible}.step__number{grid-column:1/2;width:100%;height:100%;transform:scale(1.8)}.step__number svg{width:100%;height:100%}@media screen and (max-width:768px){.step__number svg{width:100%;height:auto}}.step__number svg text{fill:var(--bulma-grey-lighter);font-family:var(--bulma-family-primary);font-size:6rem}.step__cnt{grid-column:2/3}@media screen and (max-width:768px){.step__cnt{width:100%}}.step__cnt__headline{margin-bottom:1rem;padding-right:1.5rem;position:relative}.step__cnt__text{opacity:0;transform:translateY(30px)}@media screen and (min-width:769px),print{.step:nth-of-type(2n) .step__tip{grid-column:4/5}.step:nth-of-type(2n) .step__number{grid-column:3/4}.step:nth-of-type(2n) .step__cnt{grid-column:4/5}}.step--active{opacity:1}.step--active .step__number svg text{fill:var(--bulma-primary)}