:root{--st-navy:#0c344b;--st-wine:#7d1428;--st-paper:#f7f5f0}.st-main{max-width:1240px;margin:auto;padding:30px 24px 70px;color:var(--st-navy)}.st-return{margin:16px 0 48px}.st-return a,.st-main a{color:var(--st-wine)}.st-intro{max-width:900px}.st-intro h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.08;margin:24px 0}.st-lead{font-size:1.3rem;line-height:1.6}.st-intro p{line-height:1.7}.st-note{font-size:1rem}.st-tools{background:#eee8e3;border-radius:18px;padding:24px;margin:40px 0 28px}.st-tools label{display:block;font-weight:700;margin-bottom:10px}.st-tools input{box-sizing:border-box;width:100%;max-width:700px;min-height:50px;border:1px solid #b5c3cc;border-radius:10px;padding:12px;font:inherit}.st-filters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.st-filter{border:1px solid var(--st-navy);border-radius:8px;padding:10px 14px;background:white;color:var(--st-navy);font:inherit;cursor:pointer}.st-filter[aria-pressed=true]{background:var(--st-navy);color:white}.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;opacity:1!important;visibility:visible!important;transform:none!important}.st-card{min-width:0;background:#fff;border:1px solid #dedede;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0c344b10}.st-card[hidden]{display:none}.st-open{display:block;width:100%;border:0;padding:0;background:var(--st-paper);cursor:zoom-in}.st-open img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.st-open:focus-visible{outline:3px solid var(--st-wine);outline-offset:-3px}.st-caption{padding:20px}.st-caption span{font-size:.8rem;letter-spacing:.03em}.st-caption h2{font-size:1.2rem;line-height:1.3;margin:12px 0}.st-caption p{font-size:.95rem;line-height:1.6}.st-source{font-size:.8rem;line-height:1.4}.st-context,.st-sources{margin-top:65px;line-height:1.7;scroll-margin-top:130px}.st-main details{padding:20px;border:1px solid #c5cdd0;border-radius:12px;background:white;margin:20px 0}.st-main summary{cursor:pointer;font-weight:700}.st-sources li{margin:22px 0;scroll-margin-top:130px}.st-sources li p{margin:8px 0}.st-dialog{box-sizing:border-box;border:0;border-radius:16px;background:var(--st-paper);padding:12px;width:min(92vw,920px);max-height:94dvh;overflow:hidden}.st-dialog::backdrop{background:#061a2be8}.st-modal-top,.st-modal-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--st-paper)}.st-modal-top{min-height:46px;margin-bottom:10px}.st-modal-controls{margin-top:10px;min-height:46px}.st-dialog button{border:0;border-radius:8px;background:var(--st-navy);color:#fff;padding:12px 18px;font:inherit;cursor:pointer}.st-dialog button:disabled{opacity:.4;cursor:default}#st-close{background:var(--st-wine)}.st-modal-image{height:min(72dvh,740px);display:flex;align-items:center;justify-content:center}#st-large{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media(max-width:1000px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.st-main{padding:20px 18px 50px}.st-return{margin-bottom:30px}.st-grid{grid-template-columns:1fr;gap:20px}.st-tools{padding:18px}.st-filter{padding:10px 12px;font-size:.92rem}.st-dialog{width:96vw;padding:10px}.st-modal-image{height:68dvh}.st-dialog button{padding:12px}.st-caption{padding:18px}.st-lead{font-size:1.14rem}}

/* Fachliche Einordnung vor den Bildkarten, 29.10.2026 */
.st-foundation{margin:40px 0;padding:28px;border:1px solid #c5cdd0;border-radius:16px;background:#fff;line-height:1.7;scroll-margin-top:130px}.st-foundation h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;margin:14px 0 22px}.st-foundation h3{font-size:1.15rem;line-height:1.35}.st-foundation-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0}.st-foundation-points article{min-width:0;background:#f7f5f1;border-radius:12px;padding:20px}.st-foundation-points h3{margin:0 0 12px}.st-foundation-points p{margin:0}.st-foundation-links{padding-left:24px}.st-foundation-links li{margin:10px 0}.st-foundation a{overflow-wrap:anywhere}.st-foundation summary{line-height:1.5}.st-foundation summary:focus-visible{outline:3px solid var(--st-navy);outline-offset:5px}.st-intro>.button{margin:6px 12px 6px 0}#st-search{scroll-margin-top:150px}@media(max-width:760px){.st-foundation-points{grid-template-columns:1fr;gap:16px}.st-foundation{padding:20px}.st-foundation details{padding:16px}}