@font-face{font-family:DMSerif;src:url('/assets/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}body{margin:0;color:#202222;background:#fcfcfb;font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}
.hero{padding-block:60px 48px;display:grid;grid-template-columns:1fr;gap:64px;align-items:center}.promo-live .hero{grid-template-columns:1.25fr .75fr}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0;font-size:12px;letter-spacing:.1em;font-weight:700;color:#5f5e58}.eyebrow img{border-radius:9px;object-fit:contain}
.lead{font-size:20px;line-height:1.55;max-width:560px;margin:0}
.deadline{font-size:14px;color:#5f5e58;margin:0 0 6px;max-width:520px}.after{margin-top:20px}
.hero figure{margin:0;max-width:270px;justify-self:center;transform:rotate(2deg)}.hero figure img{display:block;width:100%;height:auto;border:1px solid #e3e3df;box-shadow:10px 18px 35px #2020201c}figcaption{font-size:13px;color:#5f5e58;text-align:center;margin-top:16px}
.reading{max-width:800px;margin:0 auto;padding:0 var(--pb-gutter)}
section.steps,section.ideas{padding:28px 0;max-width:none;margin:0}
h2{font:400 clamp(28px,3.4vw,36px)/1.2 DMSerif,Georgia,serif;margin:16px 0 24px}
ol{list-style:none;counter-reset:step;padding:0;margin:0}li{counter-increment:step;position:relative;padding:0 0 18px 48px;margin:0 0 18px;border-bottom:1px solid #ddd}li:before{content:'0' counter(step);position:absolute;left:0;color:#a64524;font-weight:700}li p{margin:7px 0 0}li strong{font-size:18px}
.cashback{background:#f0f0ed;padding:26px;border-radius:14px;margin:12px 0}.label{font-size:12px;letter-spacing:.1em;font-weight:700}.sum{font-size:27px;font-weight:700;line-height:1.35;margin:15px 0}.sum span{color:#4f5a38}.cashback p:last-child{margin-bottom:0}.small{font-size:14px;color:#5f5e58}
.ideas{padding-bottom:25px}
/* Aktion: standardmäßig aus, sichtbar nur vor Fristende (status.js setzt promo-live) */
.promo,.promo-inline{display:none}.promo-live .promo{display:block}.promo-live .promo-inline{display:inline}.promo-live .after{display:none}
@media(max-width:800px){.promo-live .hero{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:36px;padding-block:36px 32px}.hero figure{max-width:210px}.lead{font-size:18px}.sum{font-size:24px}}