/* ccx-Basis (identisch mit /workspace/crosslinks/v2/out/ccx.min.css) */
.ccx{--ccx-a:#6236F5;--ccx-on:#fff;--ccx-line:rgba(128,128,128,.45);clear:both;margin:2rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--ccx-line);font-size:1rem;line-height:1.35;text-align:start}.ccx-h{margin:0 0 .8rem;font-weight:700;font-size:1.05rem;color:inherit}.ccx-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ccx-g li{margin:0;padding:0;min-width:0}.ccx-g li::before{content:none}.ccx-a{display:flex;flex-direction:column;justify-content:center;gap:.1rem;box-sizing:border-box;height:100%;min-height:56px;padding:.55rem .8rem;border:1px solid var(--ccx-line);border-radius:12px;color:inherit;text-decoration:none;overflow-wrap:anywhere}.ccx-a:hover{border-color:currentColor}.ccx-n{font-weight:700;font-size:.8125rem;padding-inline-end:.6rem}.ccx-d{font-size:.875rem}.ccx-a[aria-current]{border:2px solid var(--ccx-mark,var(--ccx-a));padding:calc(.55rem - 1px) calc(.8rem - 1px)}.ccx-a{position:relative}.ccx-a[aria-current]::after{content:"";position:absolute;top:.45rem;inset-inline-end:.45rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--ccx-mark,var(--ccx-a))}.ccx-p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1.25rem 0 0;padding:0}.ccx-pl{grid-column:1/-1;display:block;margin:0 0 .3rem;font-weight:700;font-size:1.05rem;line-height:1.35;color:inherit}.ccx-b{display:flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;min-width:0;min-height:56px;margin:0;padding:.55rem .8rem;border-radius:12px;border:1px solid currentColor;background:transparent;color:inherit;text-decoration:none;font-weight:600;font-size:.9375rem;line-height:1.25;text-align:center;overflow-wrap:anywhere;hyphens:auto}.ccx-b::before{content:"";flex:none;width:1.125rem;height:1.125rem;background:currentColor;-webkit-mask:var(--ccx-i) center/contain no-repeat;mask:var(--ccx-i) center/contain no-repeat;--ccx-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E")}.ccx-b--app::before{--ccx-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")}[dir=rtl] .ccx-b:not(.ccx-b--app)::before{transform:scaleX(-1)}.ccx-b:hover{background:rgba(255,255,255,.08)}.ccx-b--app{background:var(--ccx-a);border-color:var(--ccx-a);color:var(--ccx-on)}.ccx-b--app:hover{background:var(--ccx-a);filter:brightness(1.12)}.ccx-a:focus-visible,.ccx-b:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ccx{container-type:inline-size}@container (min-width:600px){.ccx-n{font-size:.95rem}.ccx-g,.ccx-p{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:1000px){.ccx-g,.ccx-p{grid-template-columns:repeat(6,minmax(0,1fr))}.ccx-b{grid-column:span 2}.ccx-n{font-size:.875rem}}
/* Corpus Callosum Einheits-Footer (ccf) v1 – 31.10.2026. Identisch auf allen 7 Seiten. Nicht pro Seite anpassen. */
.ccf.ccf{display:block;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:#0F0C24;color:#C9C3E6;font-family:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:start;letter-spacing:normal;text-transform:none;box-shadow:none;position:static;width:auto;max-width:none}
.ccf.ccf *,.ccf.ccf *::before,.ccf.ccf *::after{box-sizing:border-box}
.ccf.ccf ul,.ccf.ccf li,.ccf.ccf p,.ccf.ccf nav{margin:0;padding:0;border:0;background:none;list-style:none;font-size:inherit;line-height:inherit;color:inherit;text-align:start;box-shadow:none;width:auto;max-width:none;float:none}
.ccf.ccf li::before,.ccf.ccf li::after,.ccf.ccf nav::before,.ccf.ccf nav::after{content:none;display:none}
.ccf.ccf a{color:#fff;text-decoration:none;background:none;border:0;font-weight:inherit;padding:0;margin:0;box-shadow:none}
.ccf.ccf a:hover{text-decoration:underline;color:#fff}
.ccf.ccf a:focus-visible{outline:2px solid #B9A6FF;outline-offset:2px;border-radius:4px}
.ccf.ccf .ccf-w{max-width:1200px;margin:0 auto;padding:2.75rem 1.25rem 1.5rem}
.ccf.ccf .ccf-nav{display:block;padding:0 0 1.5rem;border-bottom:1px solid rgba(255,255,255,.14)}
.ccf.ccf .ccf-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.25rem}
.ccf.ccf .ccf-nav li{display:block;min-width:0}
.ccf.ccf .ccf-nav a{display:inline-block;font-size:.9375rem;line-height:1.35;font-weight:500;overflow-wrap:anywhere;padding:.1rem 0}
.ccf.ccf .ccx{display:block;margin:1.5rem 0 0;padding:0;border:0;color:#fff;--ccx-a:#6236F5;--ccx-on:#fff;--ccx-line:rgba(255,255,255,.28);--ccx-mark:#B9A6FF;font-size:1rem;line-height:1.35}
.ccf.ccf .ccx-h,.ccf.ccf .ccx-pl{color:#fff;font-weight:700;font-size:1.05rem;line-height:1.35;letter-spacing:normal;text-transform:none}
.ccf.ccf .ccx-g{display:grid;list-style:none;margin:0;padding:0}
.ccf.ccf .ccx-p{display:grid;margin:1.25rem 0 0;padding:0}
.ccf.ccf .ccx-a{display:flex;color:#fff;border:1px solid var(--ccx-line);border-radius:12px;padding:.55rem .8rem;min-height:56px;position:relative}
.ccf.ccf .ccx-a[aria-current]{border:2px solid var(--ccx-mark);padding:calc(.55rem - 1px) calc(.8rem - 1px)}
.ccf.ccf .ccx-a:hover{border-color:#fff}
.ccf.ccf .ccx-b{display:flex;color:#fff;border:1px solid #fff;border-radius:12px;padding:.55rem .8rem;min-height:56px;background:transparent;font-weight:600}
.ccf.ccf .ccx-b:hover{background:rgba(255,255,255,.08)}
.ccf.ccf .ccx-b--app{color:#fff;background:#6236F5;border-color:#6236F5}
.ccf.ccf .ccx-b--app:hover{background:#6236F5;filter:brightness(1.12)}
.ccf.ccf .ccx-a:hover,.ccf.ccf .ccx-b:hover{text-decoration:none}
.ccf.ccf .ccx-d{color:#fff;font-size:.875rem}
.ccf.ccf .ccx-n{color:#fff}
.ccf.ccf .ccf-bot{display:block;margin:2rem 0 0;padding:1.25rem 0 0;border-top:1px solid rgba(255,255,255,.14);font-size:.875rem;line-height:1.5;color:#A59FC6}
.ccf.ccf .ccf-c{color:#A59FC6}
.ccf.ccf .ccf-l{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.85rem 0 0}
.ccf.ccf .ccf-l a{font-size:.875rem;color:#fff}
@media (min-width:720px){.ccf.ccf .ccf-nav ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.ccf.ccf .ccf-w{padding:3.5rem 2rem 1.75rem}.ccf.ccf .ccf-nav ul{grid-template-columns:repeat(4,minmax(0,1fr))}.ccf.ccf .ccf-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2rem}.ccf.ccf .ccf-l{margin:0}}

/* v3 31.10.2026 (Ümit): Abschnittsüberschriften „Corpus Callosum – alles aus einer Hand“ und „Portal & App“ zentriert über Raster/Buttons, 16px Abstand darunter; Raster bündig + zentriert, nie flatternd. Gilt für alle 7 Seiten, alle Sprachen (RTL), Desktop + Mobil. */
.ccf.ccf .ccx-h{display:block;margin:0 0 16px;text-align:center}
.ccf.ccf .ccx-p{margin:1.5rem 0 0;row-gap:.5rem}
.ccf.ccf .ccx-pl{display:block;grid-column:1/-1;margin:0 0 8px;text-align:center}
.ccf.ccf .ccx-g,.ccf.ccf .ccx-p{width:100%;justify-content:stretch}
@container (max-width:599px){.ccf.ccf .ccx-g>li:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:999px){.ccf.ccf .ccf-bot,.ccf.ccf .ccf-c,.ccf.ccf .ccf-note{text-align:center}.ccf.ccf .ccf-l{justify-content:center}}
