/* Geschichtenuebersicht: bewusst auf diesen Abschnitt begrenzt. */
.stories{padding-block:90px 96px}
.stories .section-top{align-items:center;gap:28px;margin-bottom:32px}
.stories .section-top .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:14px;gap:10px}
.stories .section-top .eyebrow::before{content:'';display:inline-block;width:24px;height:2px;background:#789369;flex-shrink:0}
.stories .section-top h2{max-width:920px;font-size:clamp(32px,3.5vw,48px);font-weight:650;line-height:1.12;letter-spacing:-1.9px;text-wrap:balance;overflow-wrap:break-word}
.stories .story-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;margin:0;padding:7px 14px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:12px;background:#fff9}
.stories .tools{display:flex;flex-direction:row;align-items:center;gap:20px;padding:0 0 27px;margin-bottom:28px;border-color:#e3e7de}
.stories .filters{display:flex;flex:1;flex-wrap:wrap;gap:8px}
.stories .filters button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid #dce3d9;border-radius:24px;background:#fff9;font-size:12px;font-weight:550;line-height:1.45;overflow-wrap:break-word;transition:background .2s,border-color .2s,color .2s}
.stories .filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.stories .filters button.active::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime);flex-shrink:0}
.stories .filters button:hover:not(.active){background:#edf2e6;border-color:#b7c6ad}
.stories .search{flex:0 0 234px;min-width:0;max-width:none;gap:10px;min-height:46px;padding:10px 15px;border:1px solid #dce3d9;border-radius:24px;background:#fff9;transition:border-color .2s,box-shadow .2s}
.stories .search>svg{width:19px;height:19px;flex-shrink:0}
.stories .search input{width:100%;min-width:0;padding:0;font-size:12px;line-height:1.7}
.stories .search input::placeholder{color:#647168;opacity:1}
.stories .search:focus-within{border-color:#527960;box-shadow:0 0 0 3px #287f6712}
.stories .search input:focus-visible{outline:0}
.stories .post-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}
.stories .post-card{display:flex;flex-direction:column;align-self:stretch;min-width:0;max-width:100%;padding:8px;border:1px solid #e0e5db;border-radius:21px;background:#fff;text-align:start;text-decoration:none;box-shadow:0 3px 12px #183b2c03;transition:transform .25s,border-color .25s,box-shadow .25s}
.stories .card-image{flex-shrink:0;width:100%;height:auto;aspect-ratio:16/10;min-height:0;overflow:hidden;border-radius:14px;background:#e6ecdf}
.stories .card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.25,1)}
.stories .card-fallback{min-height:100%;background:linear-gradient(145deg,#dce6d2,#eef1e6);font-size:80px}
.stories .card-category{top:15px;bottom:auto;inset-inline-start:15px;max-width:calc(100% - 30px);padding:6px 12px;border:1px solid #ffffffb0;border-radius:20px;background:#fffffff2;font-size:11px;font-weight:550;line-height:1.5;color:var(--ink);overflow-wrap:break-word;box-shadow:0 2px 12px #143b2810}
.stories .card-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:22px 17px 14px}
.stories .card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;font-size:11px;line-height:1.6;color:#617062}
.stories .post-card h3{margin:0 0 13px;font:650 clamp(21px,1.9vw,25px)/1.23 var(--sans);letter-spacing:-.7px;overflow-wrap:break-word;hyphens:none;text-wrap:pretty}
.stories .card-summary{margin:0 0 24px;color:#58665b;font-size:13px;line-height:1.8;overflow-wrap:break-word}
.stories .card-read{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid #e9ece4;font-size:11px;font-weight:650;line-height:1.5}
.stories .card-read>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#eaf0df;color:var(--ink);font-size:20px;line-height:1;transition:background .2s,transform .2s}
.stories .post-card--featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:0;padding:10px;background:#edf1e7;border-color:#dfe6d6}
.stories .post-card--featured .card-image{height:100%;min-height:360px;aspect-ratio:16/10;border-radius:13px}
.stories .post-card--featured .card-body{justify-content:center;padding:35px clamp(25px,3.5vw,50px) 25px}
.stories .post-card--featured .card-meta{margin-bottom:18px;font-size:12px}
.stories .post-card.post-card--featured h3{font-size:clamp(30px,3.1vw,43px);line-height:1.12;letter-spacing:-1.45px;margin-bottom:19px;hyphens:none;text-wrap:balance}
.stories .post-card--featured .card-summary{max-width:420px;margin-bottom:32px;font-size:15px;line-height:1.8}
.stories .post-card--featured .card-read{padding-top:20px;border-color:#d5dece;font-size:12px}
.stories .post-card--featured .card-read>span{width:40px;height:40px;background:var(--ink);color:#fff;font-size:23px}
.stories .empty{margin:0;padding:50px 25px;border:1px dashed #c6d3bd;border-radius:20px;background:#f1f4eb;font-size:15px}
@media(hover:hover){
 .stories .post-card:hover{transform:translateY(-4px);border-color:#b5c7a8;box-shadow:0 12px 30px #183b2c0b}
 .stories .post-card:hover .card-image>img{transform:scale(1.035)}
 .stories .post-card:hover .card-read{text-decoration:none}
 .stories .post-card:hover .card-read>span{background:var(--lime);color:var(--ink);transform:rotate(8deg)}
}
@media(max-width:1100px){
 .stories .tools{flex-wrap:wrap;gap:18px}
 .stories .filters{flex-basis:100%}
 .stories .search{flex:0 1 320px}
 .stories .post-card--featured .card-image{min-height:330px}
 .stories .post-card--featured .card-body{padding:28px}
}
@media(max-width:1000px){
 .stories .post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .stories .post-card--featured{grid-template-columns:1fr 1fr}
 .stories .post-card--featured .card-image{min-height:340px}
 .stories .post-card.post-card--featured h3{font-size:32px}
 .stories .post-card--featured .card-summary{font-size:14px}
}
@media(max-width:760px){
 .stories{padding-block:52px 58px}
 .stories .section-top{display:flex;align-items:flex-start;flex-wrap:wrap;gap:17px;margin-bottom:25px}
 .stories .section-top>div{flex:1 1 100%}
 .stories .section-top .eyebrow{font-size:10px;margin-bottom:13px;letter-spacing:1.5px}
 .stories .section-top h2{font-size:36px;letter-spacing:-1.3px;max-width:520px}
 .stories .story-count{font-size:11px;min-height:31px;padding:5px 12px}
 .stories .tools{flex-direction:column;align-items:stretch;gap:16px;padding-bottom:22px;margin-bottom:23px}
 .stories .filters{flex-basis:auto;gap:7px}
 .stories .filters button{min-height:44px;padding:10px 14px;font-size:11px}
 .stories .search{flex:0 0 auto;min-height:46px}
 .stories .post-card--featured{display:flex;gap:0;padding:8px}
 .stories .post-card--featured .card-image{height:auto;min-height:0;aspect-ratio:16/10}
 .stories .post-card--featured .card-body{padding:24px 19px 17px}
 .stories .post-card--featured .card-meta{margin-bottom:13px;font-size:11px}
 .stories .post-card.post-card--featured h3{font-size:33px;line-height:1.14;letter-spacing:-1px;max-width:590px}
 .stories .post-card--featured .card-summary{max-width:540px;margin-bottom:24px;font-size:14px}
 .stories .post-card--featured .card-read{font-size:11px;padding-top:16px}
 .stories .card-body{padding:19px 13px 12px}
 .stories .post-card h3{font-size:22px}
 .stories .card-category{top:12px;inset-inline-start:12px;font-size:10px;padding:5px 10px}
 .stories .card-meta{font-size:10px}
 .stories .card-summary{font-size:12px}
}
@media(max-width:600px){
 .stories .post-grid{grid-template-columns:minmax(0,1fr);gap:19px}
 .stories .card-image{aspect-ratio:16/10}
 .stories .card-body{padding:22px 18px 15px}
 .stories .post-card h3{font-size:25px;letter-spacing:-.65px}
 .stories .post-card.post-card--featured h3{font-size:32px}
 .stories .card-summary{font-size:13px;margin-bottom:24px}
 .stories .card-meta{font-size:11px}
 .stories .card-read{font-size:11px}
}
@media(max-width:360px){
 .stories .section-top h2{font-size:32px}
 .stories .post-card.post-card--featured h3{font-size:29px}
 .stories .card-body,.stories .post-card--featured .card-body{padding-inline:13px}
}
[dir=rtl] .stories .section-top h2,[dir=rtl] .stories .post-card h3,[lang^=zh] .stories .section-top h2,[lang^=zh] .stories .post-card h3,[lang=ja] .stories .section-top h2,[lang=ja] .stories .post-card h3{letter-spacing:0}
@media(prefers-reduced-motion:reduce){
 .stories .post-card,.stories .card-image>img,.stories .card-read>span,.stories .filters button,.stories .search{transition:none}
 .stories .post-card:hover,.stories .post-card:hover .card-image>img,.stories .post-card:hover .card-read>span{transform:none}
}