/* marktgeschichten.css — nur Marktgeschichten-Seite */
.phead .wrap,.stories-blk .wrap{max-width:var(--wm-content-max)}
.stories-blk{padding:clamp(40px,6vw,64px) 0 clamp(64px,9vw,96px)}

/* Featured (neueste) */
.feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;background:#fff;border:1px solid var(--linie);border-radius:28px;overflow:hidden;margin-bottom:52px;transition:transform var(--motion-base) var(--takt),opacity var(--motion-base) var(--takt),background-color var(--motion-base) var(--takt),border-color var(--motion-base) var(--takt),color var(--motion-base) var(--takt),box-shadow var(--motion-base) var(--takt);cursor:pointer}
.feature:hover{box-shadow:var(--sh-m);border-color:transparent;transform:translateY(var(--lift-card))}
.feature .fimg{aspect-ratio:3/4;position:relative;display:grid;place-items:center;background:linear-gradient(150deg,#e8f3ea,#c4e2cb)}
.feature .fimg.has-img{overflow:hidden;background:var(--papier-3)}
.feature .fimg img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-out)}
.feature:hover .fimg img{transform:scale(1.02)}
.feature .fimg svg{width:54px;height:54px;stroke-width:1.5;opacity:.65}
.feature .phlabel{position:absolute;bottom:14px;left:16px;font-size:.72rem;font-weight:600;color:rgba(22,32,26,.4)}
.feature .fbody{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.feature .fmeta{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.badge-new{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--gruen);padding:5px 12px;border-radius:100px}
.feature .date{font-size:.84rem;color:var(--grau);font-weight:600}
.feature .tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gruen-d);background:#e3f7e7;padding:5px 11px;border-radius:100px;margin-bottom:14px;width:fit-content}
.feature h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin-bottom:14px;line-height:1.12}
.feature p{font-size:1rem;color:var(--tinte-2);margin-bottom:22px}
.feature .read{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--gruen-d)}
.feature .read svg{width:16px;height:16px;transition:transform var(--motion-base) var(--takt)}
.feature:hover .read svg{transform:translateX(4px)}

.yearlabel{font-size:.84rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);margin:0 0 24px;display:flex;align-items:center;gap:14px}
.yearlabel::after{content:"";flex:1;height:1px;background:var(--linie)}

/* Geschichten-Raster */
.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.story{background:#fff;border:1px solid var(--linie);border-radius:var(--r-l);overflow:hidden;cursor:pointer;transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out);display:flex;flex-direction:column}
.story:hover{transform:translateY(var(--lift-card));box-shadow:var(--sh-m);border-color:transparent}
.story .img{aspect-ratio:1/1;position:relative;display:grid;place-items:center;overflow:hidden}
.story .img.has-img{background:var(--papier-3)}
.story .img img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-out)}
.story:hover .img img{transform:scale(1.025)}
.story .img svg{width:42px;height:42px;stroke-width:1.6;opacity:.65;transition:transform var(--motion-slow) var(--takt)}
.story:hover .img svg{transform:scale(1.12)}
.story .phlabel{position:absolute;bottom:10px;left:12px;font-size:.68rem;font-weight:600;color:rgba(22,32,26,.4)}
.story .body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.story .smeta{font-size:.8rem;color:var(--grau);font-weight:600;margin-bottom:10px}
.story .tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gruen-d);background:#e3f7e7;padding:4px 10px;border-radius:100px;margin-bottom:11px;width:fit-content}
.story h3{font-size:1.18rem;margin-bottom:9px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story p{font-size:.84rem;color:var(--grau);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.story .more{margin-top:auto;align-self:flex-start;padding-top:15px;font-size:.84rem;font-weight:700;color:var(--gruen-d);display:inline-flex;align-items:center;gap:6px}
.story .more svg{width:14px;height:14px;transition:transform var(--motion-base) var(--takt)}
.story:hover .more svg{transform:translateX(4px)}

.img.c-veg{background:linear-gradient(150deg,#dff2e2,#bfe6c6)}
.img.c-cheese{background:linear-gradient(150deg,#fdeecf,#f7d99b)}
.img.c-bake{background:linear-gradient(150deg,#f6e2cf,#e6c39c)}
.img.c-flower{background:linear-gradient(150deg,#f6dde2,#eeb9c5)}
.img.c-fish{background:linear-gradient(150deg,#d7eaf7,#a9d2ee)}
.img.c-honey{background:linear-gradient(150deg,#fcf2d2,#f5e3a0)}
.img.c-herb{background:linear-gradient(150deg,#dff0e6,#b6e0c6)}

.loadmore-wrap{text-align:center;margin-top:48px}
.loadmore{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:#fff;background:var(--tinte);padding:15px 30px;border-radius:100px;border:none;cursor:pointer;font-family:inherit;transition:transform var(--motion-base) var(--takt),opacity var(--motion-base) var(--takt),background-color var(--motion-base) var(--takt),border-color var(--motion-base) var(--takt),color var(--motion-base) var(--takt),box-shadow var(--motion-base) var(--takt)}
.loadmore:hover{background:var(--gruen-d);transform:translateY(var(--lift-control))}
.loadmore svg{width:17px;height:17px;transition:transform var(--motion-base) var(--takt)}
.loadmore:hover svg{transform:translateY(2px)}
.loadmore.done{display:none}
.loadcount{margin-top:14px;font-size:.84rem;color:var(--grau)}

@media(max-width:860px){
  .feature{grid-template-columns:1fr}
  .feature .fimg{aspect-ratio:4/3;max-height:360px}
  .g-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.g-grid{grid-template-columns:1fr}}