:root{--success:#40e065;--error:#b90a1c;--accent:#ffed10;--dark-contrast:#0a0a3a;--light-contrast:#fff;--purple-light:#9aaafd;--purple-medium:#c2bdfc;--card-border:2px solid #ffffff80;--card-border-dark:2px solid #0a0a3a4d;--card-shadow:0 0 10px 0 #0a0a3a4d;--focus-outline:3px solid var(--purple-light);--orange:orange;--grey:#9c9c9c;--natur-papier:#f4f1df}header .button{background:var(--accent);color:var(--dark-contrast)}.hero-container{background-color:var(--secondary)}#hero{color:var(--light-contrast);flex-direction:column-reverse;padding:3rem 10%;position:relative;z-index:0}#hero img{border:20px solid;border-image:url(../assets/images/circle.svg) 21 fill;border-radius:50%;height:250px;width:250px}#hero .button{background:var(--dark-contrast);color:var(--light-contrast)}#description_heading{text-align:start}#description img{border-radius:2rem;height:250px;width:250px}.card__features_item{background-color:var(--secondary)}.card__features_item h4{background:url(../assets/images/underline.svg) no-repeat 0 100%/85px;padding:0 0 .5rem}#steps .row-wrap{align-items:normal}#steps_container:before{background:var(--accent);border-radius:5px;content:"";display:none;height:5px;margin:45px 0;max-width:1000px;position:absolute;width:75%;z-index:-1}.steps_item{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.steps_item img{background:var(--dark-contrast);border:3px solid var(--accent);border-radius:50%;height:90px;padding:1rem;width:90px}.pricing_item{align-items:center}.pricing_item ul{align-self:flex-start}.pricing_item_price{background:url(../assets/images/underline.svg) no-repeat bottom/100%;color:var(--foreground);font-size:2rem;font-weight:700}.card__pricing_item{background-color:var(--tertiary);box-shadow:var(--card-shadow);color:var(--foreground);& a{background-color:var(--foreground);color:var(--tertiary)}}.row-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#description,#features,#pricing,#steps{padding:10rem 4rem;position:relative;z-index:1}.card_container{align-items:stretch;display:flex}.card{border:var(--card-border);border-radius:2rem;gap:1.2rem;justify-content:space-between;padding:1.5rem;width:100%}.card,.card_group{display:flex;flex-direction:column}.card_group{align-items:center;gap:1rem}.cursor-click-container,.papierflieger-container,.preis-logo-container,.schritte-prozess-container{height:0;position:relative;width:100%;z-index:2}.cursor-click,.papierflieger,.preis-logo,.schritte-prozess{height:150px;opacity:.4;position:absolute;top:1rem;transition:all .3s ease;width:150px;z-index:2}.papierflieger{top:1rem;transform:rotate(-15deg);&:hover{opacity:.5;transform:rotate(-10deg) scale(1.05)}}.cursor-click{right:2rem;&:hover{opacity:.6;transform:rotate(10deg) scale(1.05)}}.schritte-prozess{left:2rem;transform:rotate(-5deg);&:hover{opacity:.6;transform:rotate(-1deg) scale(1.05)}}.preis-logo{right:2rem;transform:rotate(10deg);&:hover{opacity:.6;transform:rotate(5deg) scale(1.05)}}@media only screen and (max-width:300px){#description img,#hero img{height:100%;width:100%}}@media only screen and (min-width:600px){#description img,#hero img{height:350px;width:350px}}@media only screen and (min-width:768px){.card{max-width:300px;width:calc(50% - 2rem)}}@media only screen and (min-width:992px){.card{width:50%}.steps_item{width:15%}#steps_container:before{display:block}#description,#hero{flex-direction:row;justify-content:space-around}.cursor-click,.papierflieger,.preis-logo,.schritte-prozess{height:180px;width:180px}}@media (min-width:1200px){.card{width:33%}#hero{padding:8rem 4rem}#features_container{margin:0 auto;max-width:1200px}}