/* One compact invitation, aligned with the reading column. */
.naechste,.mag .naechste,.handwerk .naechste{width:calc(100% - var(--gl) - var(--gr));max-width:var(--col);padding:0;margin:36px auto 0;background:transparent;box-sizing:border-box}
.naechste>a:first-child{display:grid;grid-template-columns:110px minmax(0,1fr) 18px;gap:14px;align-items:center;border:0;padding:14px;background:#ece9e2;color:var(--ink);transition:background .18s ease}
.naechste>a:first-child:hover{background:#e5e1d8}
.naechste .bild,.mag .naechste .bild{height:100px;aspect-ratio:auto!important;width:110px;align-self:center;overflow:hidden}
.naechste .bild img,.mag .naechste .bild img{width:100%;height:100%;object-fit:cover}
.naechste .txt{min-width:0;padding:0!important;margin:0!important}
.naechste .lab{font-size:10px;line-height:1.4;letter-spacing:.025em}
.naechste h2,.mag .naechste h2{font-size:19px;line-height:1.2;font-weight:400;max-width:none;margin:6px 0 0;hyphens:none;overflow-wrap:normal}
.naechste .next-story-arrow{display:block;font-size:23px;font-weight:400;justify-self:end}
.naechste .story-return{border:0;padding:14px 0 20px}
.naechste>a:first-child:focus-visible{outline:2px solid var(--erde);outline-offset:4px}
@media(min-width:1024px){
 .naechste,.mag .naechste,.handwerk .naechste{margin-top:40px}
 .naechste>a:first-child{grid-template-columns:220px minmax(0,1fr) 24px;gap:22px;padding:18px}
 .naechste .bild,.mag .naechste .bild{width:220px;height:160px}
 .naechste .lab{font-size:11px}
 .naechste h2,.mag .naechste h2{font-size:23px;line-height:1.2;margin-top:7px}
 .naechste .next-story-arrow{font-size:25px}
 .handwerk .hw-partner.hw-partner-compact{padding-bottom:16px}
 .handwerk .article-facts .steckbrief{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.naechste>a:first-child{transition:none}}

/* Subjects have individual crops rather than a universal centre crop. */
.naechste a[href="geschichte-uli-salm.html"] .bild img{object-position:50% 0%!important}
.naechste a[href="geschichte-muehle.html"] .bild img{object-position:67% 50%!important}
@media(max-width:359px){
 .naechste>a:first-child{gap:10px;padding:12px;grid-template-columns:100px minmax(0,1fr) 16px}
 .naechste .bild,.mag .naechste .bild{width:100px;height:100px}
 .naechste h2,.mag .naechste h2{font-size:18px}
 .naechste .lab{font-size:9px}
}