/* Ausschließlich vorhandene Newsletter-Bilder und R&S Design-Tokens. */
.nl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);align-items:center}
.nl-copy h1{max-width:14em}.nl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.nl-caption-note{margin:18px 0 0;font-size:var(--fs-caption);color:var(--c-muted)}
.nl-hero-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;padding-top:14px}
.nl-hero-mail:nth-child(2){margin-top:40px}.nl-hero-mail:nth-child(3){margin-top:20px}
.nl-hero-mail>span{display:block;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--c-body);margin-top:10px;text-align:center}
.nl-open{display:block;border:1px solid var(--c-line);border-radius:var(--r-card);overflow:hidden;background:var(--c-surface);box-shadow:var(--shadow-card)}
.nl-open:focus-visible{outline:3px solid var(--c-blue);outline-offset:4px}.nl-open:hover{border-color:var(--c-blue)}
.nl-preview{display:block;aspect-ratio:360/560;overflow:hidden;background:var(--c-surface)}
.nl-preview img{display:block;width:100%;height:auto;max-width:none;margin-top:calc(var(--nl-crop,0)*-1%)}
.nl-hero-images .nl-preview{aspect-ratio:360/670}
.nl-section-head{max-width:820px;margin-bottom:36px}.nl-section-head h2{margin:0;font-size:var(--fs-h3);line-height:1.2;letter-spacing:var(--ls-heading);font-weight:var(--fw-semibold);color:var(--c-ink)}
.nl-section-head p{margin:16px 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-body)}
.nl-cards{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;margin:0;padding:0}
.nl-card{min-width:0}.nl-caption{padding:18px 2px 0}.nl-brand{display:block;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-blue)}
.nl-caption h3{font-size:18px;line-height:1.4;font-weight:var(--fw-semibold);letter-spacing:-.015em;margin:8px 0 10px;text-wrap:balance}
.nl-caption h3 a{color:var(--c-ink);text-decoration:none}.nl-caption h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.nl-caption p{font-size:var(--fs-small);line-height:1.6;margin:0;color:var(--c-body)}
.nl-meta{display:block;font-size:var(--fs-caption);line-height:1.5;margin-top:12px;color:var(--c-muted)}
.nl-caption .nl-notice{font-size:var(--fs-caption);font-weight:var(--fw-medium);margin-top:12px;color:var(--c-navy)}
.nl-context{font-size:var(--fs-small);line-height:1.7;color:var(--c-muted);max-width:58em;margin:40px 0 24px}
#beispiele{scroll-margin-top:calc(var(--header-h) + 16px)}
@media(max-width:1099px){.nl-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.nl-copy h1{max-width:18em}.nl-hero-images{max-width:700px;gap:20px;padding-top:0}.nl-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:799px){.nl-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.nl-hero-images{gap:12px}}
@media(max-width:559px){.nl-hero-images{gap:8px}.nl-hero-mail:nth-child(2){margin-top:24px}.nl-hero-mail:nth-child(3){margin-top:12px}.nl-hero-mail>span{font-size:11px}.nl-cards{gap:28px 16px}.nl-caption h3{font-size:16px}.nl-caption p{font-size:13px}.nl-meta{font-size:11px}.nl-hero-images .nl-preview{aspect-ratio:360/670}.nl-actions .rs-btn{width:100%}}