Another test

:root{--wk-primary:#16a34a;--wk-font:Roboto;} .wk-page{font-family:var(--wk-font,"Inter"),Arial,Helvetica,sans-serif;color:#3f3f46;background:#fff;line-height:1.7;max-width:210mm;width:100%;margin:0 auto;padding:clamp(14px,5%,48px);box-sizing:border-box;container-type:inline-size;} .wk-block{padding:0;margin:0;} img{max-width:100%;height:auto;display:block;object-fit:contain;object-position:center;} .wk-heading{margin:0;line-height:1.2;} .wk-heading--1{font-size:30px;font-weight:800;color:var(--wk-primary,#16a34a);text-transform:uppercase;letter-spacing:.02em;line-height:1.15;} .wk-heading--2{font-size:24px;font-weight:800;color:#1f2937;line-height:1.25;} .wk-heading--3{font-size:19px;font-weight:700;color:#1f2937;line-height:1.3;} .wk-text{margin:0;font-size:16px;color:#3f3f46;} .wk-button{display:inline-block;padding:12px 22px;border-radius:8px;background:var(--wk-primary,#16a34a);color:#fff;text-decoration:none;font-weight:600;font-size:16px;} .wk-image{overflow:hidden;} .wk-image img{width:100%;height:auto;display:block;object-fit:contain;object-position:center;} .wk-imagetitle{position:relative;display:block;overflow:hidden;} .wk-imagetitle img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;} .wk-imagetitle__cap{box-sizing:border-box;padding:10px 12px;border-radius:6px;line-height:1.3;} .wk-video{position:relative;display:block;background:#000;line-height:0;} .wk-video video,.wk-video iframe{width:100%;display:block;} .wk-video__placeholder{aspect-ratio:16/9;background:#1f2937;display:flex;align-items:center;justify-content:center;} .wk-video__badge{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;} /* .wk-video--print is intentionally not styled here: every override is inline on the rendered <div> so the PDF picks up the exact layout the helper emits without depending on a stylesheet Chrome might cache or order differently. */ .wk-columns{display:grid;gap:32px;} .wk-columns--2{grid-template-columns:1fr 1fr;} .wk-columns--3{grid-template-columns:1fr 1fr 1fr;} .wk-col .wk-text{font-size:15px;line-height:1.6;} .wk-divider{border:0;border-top:1px solid #e5e7eb;} .wk-spacer{height:24px;} .wk-uppercase{text-transform:uppercase;letter-spacing:.04em;} .wk-align-center{text-align:center;} .wk-align-right{text-align:right;} .wk-ad{position:relative;display:block;overflow:hidden;line-height:1.4;} .wk-ad__link{display:block;color:inherit;text-decoration:none;} .wk-ad__slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;min-height:120px;padding:20px;box-sizing:border-box;background:#f8fafc;border:2px dashed #cbd5e1;text-align:center;} .wk-ad__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;} .wk-ad__pkg{font-size:15px;font-weight:700;color:#475569;} .wk-ad__size{font-size:12px;color:#94a3b8;} .wk-ad__status{margin-top:4px;font-size:11px;font-weight:600;color:#16a34a;background:#dcfce7;border-radius:9999px;padding:2px 10px;} @container (max-width:640px){.wk-columns--2,.wk-columns--3{grid-template-columns:1fr;gap:20px;}.wk-heading--1{font-size:25px;}.wk-heading--2{font-size:21px;}.wk-text,.wk-col .wk-text,.wk-button{font-size:15px;}}

RUBRIK 1 RUBRIK 2 RUBRIK 3 | 01.2022

DIE ZUKUNFT WÄCHST

Das neue Online-Magazin

Headline Artikel Beispieltext

Write your text here…Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Headline 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Headline 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Headline 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.