/* CorneXion Academy Themenfeld- und Bausteinseiten (V22) */
:root{--surface-soft:#f1f0f9}html{scroll-padding-top:100px}body{background:#f8f8fc}
.cx-breadcrumb{display:inline-flex;align-items:center;gap:9px;color:#d6e6ea;font-weight:700;font-size:.91rem;margin-bottom:26px}.cx-breadcrumb:hover{color:#fff}
.cx-hero{padding:78px 0 87px;background:radial-gradient(circle at 86% 8%,#514db1 0,#403ca2 35%,#312e82 76%);color:#fff;overflow:hidden;position:relative}
.cx-hero::after{content:'X';position:absolute;right:1.5%;top:-40px;font-size:440px;line-height:1;font-weight:900;opacity:.035;pointer-events:none}
.cx-hero .container{position:relative;z-index:1}.cx-hero .eyebrow{color:var(--accent);display:block;margin-bottom:19px}
.cx-hero h1{font-size:clamp(2.65rem,5.4vw,5.15rem);line-height:1.08;letter-spacing:-.05em;max-width:1050px;margin:0 0 25px}
.cx-hero .cx-lead{max-width:790px;font-size:1.18rem;line-height:1.75;color:#eef0ff;margin:0}
.cx-section{padding:88px 0}.cx-section-soft{background:#f0f0fa}.cx-section-heading{max-width:830px;margin-bottom:38px}.cx-section-heading .eyebrow{color:var(--teal-ink);display:block;margin-bottom:13px}.cx-section-heading h2{font-size:clamp(1.95rem,3.15vw,2.85rem);letter-spacing:-.036em;line-height:1.18;margin:0 0 15px}.cx-section-heading p{font-size:1.09rem;color:#585875;line-height:1.7;margin:0}
.cx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cx-card{background:white;border:1px solid #e0e1ee;border-radius:22px;padding:28px;box-shadow:0 14px 30px rgba(55,53,116,.045);min-width:0}
.cx-card h3{font-size:1.22rem;line-height:1.3;margin:0 0 13px}.cx-card p{color:#62627b;line-height:1.65;margin:0}.cx-num{display:block;color:var(--teal-ink);font-weight:800;letter-spacing:.08em;font-size:.89rem;margin-bottom:18px}
.cx-format{border-top:4px solid var(--accent);display:flex;flex-direction:column;min-height:320px}.cx-format:nth-child(2){border-top-color:var(--dark)}.cx-format:nth-child(3){border-top-color:var(--yellow)}.cx-format .cx-format-tag{color:var(--teal);text-transform:uppercase;font-size:.77rem;font-weight:800;letter-spacing:.09em;margin-bottom:13px}.cx-format p{flex:1}.cx-output{border-top:1px solid #e3e4ee;padding-top:16px;margin-top:19px!important;font-size:.94rem;color:#44436e!important}.cx-format a{align-self:start;margin-top:23px;color:var(--dark2);font-weight:750;text-decoration:underline;text-underline-offset:4px}
.cx-path{background:linear-gradient(135deg,#eeeefa,#e4f5f4);padding:29px 32px;border-radius:20px;border-left:4px solid var(--accent)}.cx-path strong{display:block;color:var(--dark);margin-bottom:7px}.cx-path p{margin:0;color:#595977}
.cx-alert{background:#eef7f6;border:1px solid #c9e7e4;border-radius:14px;padding:16px 20px;color:#375f63;font-size:.93rem;line-height:1.6;margin:0 0 24px}.cx-status{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#74640e;background:#f7f1cf;padding:6px 10px;border-radius:999px;white-space:nowrap}
.cx-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cx-featured .cx-card{display:flex;flex-direction:column;border-top:3px solid var(--accent)}.cx-featured h3{font-size:1.14rem}.cx-featured small{color:var(--muted);font-weight:700;margin:0 0 10px}.cx-featured .cx-card p{flex:1}.cx-featured .cx-link{margin-top:20px}.cx-link{font-weight:800;color:var(--dark);text-decoration:underline;text-underline-offset:4px}.cx-link:hover{color:var(--teal)}
.cx-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.cx-filter button{padding:11px 17px;border:1px solid #cdcee2;background:#fff;color:#403f77;border-radius:999px;font:inherit;font-size:.91rem;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.cx-filter button:hover{border-color:#6863ba}.cx-filter button[aria-pressed="true"]{background:var(--dark);border-color:var(--dark);color:white}
.cx-count{color:#666781;font-size:.9rem;margin:-8px 0 20px;min-height:1.5em}
.cx-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cx-catalog .cx-card{display:flex;flex-direction:column;gap:12px}.cx-catalog h3{font-size:1.14rem;margin:0}.cx-catalog p{flex:1;line-height:1.58}.cx-card-top{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cx-chip{display:inline-flex;padding:5px 10px;background:#eeedfa;border-radius:999px;color:var(--dark);font-size:.75rem;font-weight:800}.cx-catalog .cx-link{margin-top:6px}.cx-cta{background:radial-gradient(circle at 80% 0,#4c48aa,var(--dark2) 72%);color:white;padding:75px 0}.cx-cta .cx-section-heading{max-width:920px}.cx-cta .cx-section-heading .eyebrow{color:var(--accent)}.cx-cta h2{color:#fff}.cx-cta .cx-section-heading p{color:#e6e6fa}.cx-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.cx-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 21px;border-radius:999px;font-weight:750;background:var(--accent);color:var(--text)}.cx-button:hover{background:#96dfdc}.cx-button-secondary{background:transparent;border:1px solid #d2d0ec;color:white}.cx-button-secondary:hover{background:rgba(255,255,255,.1)}
.cx-details{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.cx-detail-card{background:#fff;border:1px solid #e2e1ee;border-radius:20px;padding:27px}.cx-detail-card h3{font-size:1.13rem;margin:0 0 12px}.cx-detail-card p{margin:0;color:#60617c;line-height:1.68}.cx-detail-card.wide{grid-column:1/-1}.cx-detail-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.cx-detail-links a{background:#eff0fa;padding:10px 14px;border-radius:14px;color:var(--dark);font-weight:650;font-size:.9rem}.cx-detail-links a:hover{background:#e3e4f7}.cx-topicnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.cx-topicnav a{border:1px solid #d4d4e7;padding:10px 15px;border-radius:999px;color:var(--dark);font-weight:700}.cx-topicnav a.active{background:var(--dark);color:#fff;border-color:var(--dark)}.cx-topicnav a:hover{border-color:var(--dark)}
.cx-detail-headline{max-width:960px}.cx-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:19px}.cx-hero .cx-status{background:#f7f1cf;color:#645808}.cx-detail-notice{background:#f0f8f7;border-left:4px solid var(--accent);border-radius:8px;padding:18px 23px;line-height:1.6;margin-top:28px;color:#444b6b}.cx-missing{color:#686880!important;font-style:italic}.cx-noresult{padding:20px;background:#fff;border-radius:15px}.cx-grid + .cx-path{margin-top:25px}.cx-heading-3{font-size:1.24rem;margin:0 0 20px}
@media(max-width:980px){.cx-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-catalog,.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-hero::after{font-size:280px;top:20px}}
@media(max-width:650px){.cx-hero{padding:48px 0 64px}.cx-hero h1{font-size:clamp(2.25rem,10vw,3.3rem)}.cx-hero .cx-lead{font-size:1.06rem}.cx-section{padding:62px 0}.cx-catalog,.cx-grid,.cx-featured,.cx-details{grid-template-columns:1fr}.cx-cta{padding:65px 0}.cx-card{padding:24px}.cx-format{min-height:0}.cx-hero::after{display:none}.cx-detail-card.wide{grid-column:auto}}

/* Accessibility: author display modes must not override filtered hidden items */
[hidden]{display:none!important}