main.page{--step-number: 3rem;--step-gap: 1.5rem;--text-width: 52rem}main.page>.blocks{max-width:var(--text-width)}main.page .mitmachen-intro{margin-bottom:3rem}main.page .mitmachen-intro h1{font-size:2.6rem;line-height:1.2}main.page .mitmachen-intro p{font-size:1.1rem}main.page .mitmachen-perks ul{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;list-style:none}main.page .mitmachen-perks ul li{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem .35rem .4rem;border-radius:2rem;background-color:var(--bg-secondary)}main.page .mitmachen-perks ul li::before{content:"";flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23fff'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E") center/70% no-repeat}main.page .steps{position:relative;counter-reset:step;margin-bottom:4rem}main.page .steps::before{content:"";position:absolute;top:var(--step-number);bottom:2rem;left:calc(var(--step-number)/2 - 1px);width:2px;background:repeating-linear-gradient(to bottom, #ddd 0 8px, transparent 8px 14px)}main.page .steps>div{position:relative;counter-increment:step;padding-left:calc(var(--step-number) + var(--step-gap));padding-bottom:2.5rem}main.page .steps>div::before{content:counter(step);position:absolute;top:0;left:0;display:grid;place-items:center;width:var(--step-number);height:var(--step-number);border:4px solid var(--bg-main);border-radius:50%;box-sizing:border-box;background-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color);color:var(--color-on-dark);font-family:"Poppins",sans-serif;font-size:1.3rem;font-weight:bold;line-height:1}main.page .steps>div:last-child{padding-bottom:0}main.page .steps [id]{scroll-margin-top:calc(var(--header-height) + 1rem)}main.page .steps h2{margin-top:0;padding-top:.3rem;font-size:1.6rem;line-height:1.4}main.page .steps .youtube-video-player{margin:1.5rem 0;overflow:hidden;border-radius:.8rem}main.page .testimonials{margin-bottom:4rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 22rem), 1fr));gap:1.5rem}main.page .testimonials h2{grid-column:1/-1;margin-bottom:0}main.page .testimonials blockquote{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:2.6rem 1.5rem 1.3rem;border:none;border-radius:.8rem;background-color:var(--bg-secondary)}main.page .testimonials blockquote::before{content:"“";position:absolute;top:.2rem;left:1.2rem;color:var(--accent-color);font-family:"Poppins",sans-serif;font-size:4.5rem;font-weight:bold;line-height:1}main.page .testimonials blockquote p:first-child{font-style:italic}main.page .testimonials blockquote p:last-child{color:#555;font-size:.9rem}main.page .testimonials blockquote p:last-child strong{color:var(--color-main);font-family:"Poppins",sans-serif}main.page .mitmachen-faq{margin-bottom:4rem}main.page .mitmachen-faq h3{margin-top:1.5rem;color:var(--accent-color);font-size:1.15rem}main.page .mitmachen-faq h3+p{margin-top:.2rem}main.page .mitmachen-cta{margin-bottom:calc((var(--header-height) + 2rem)*-1);padding:3rem 0;background-color:var(--accent-color);box-shadow:0 0 0 100vmax var(--accent-color);clip-path:inset(0 -100vmax);text-align:center}main.page .mitmachen-cta h2,main.page .mitmachen-cta p{color:var(--color-on-dark)}main.page .mitmachen-cta h2{font-size:2rem}main.page .mitmachen-cta p{font-size:1.15rem}main.page .mitmachen-cta a,main.page .mitmachen-cta a:visited{display:inline-block;margin-top:.5rem;padding:.4rem 1.3rem;border:2px solid var(--color-on-dark);border-radius:2rem;color:var(--color-on-dark);transition:background-color .3s,color .3s}main.page .mitmachen-cta a:hover,main.page .mitmachen-cta a:visited:hover{background-color:var(--color-on-dark);color:var(--accent-color) !important}@media only screen and (max-width: 800px){main.page{--step-number: 2.5rem;--step-gap: 1rem}main.page .mitmachen-intro h1{font-size:2rem}main.page .steps h2{font-size:1.35rem}}