/* cc-ui v2 – 31.10.2026 (Ümit): gestapelte Buttons/CTAs bündig + gleich breit, nie flatternd; In-Text-Links zu den Schwesterseiten. Identisch auf allen 7 Seiten. Quelle: /workspace/crosslinks/v4-ui/cc-ui.css */
/* 1) Mobil: CTA-Gruppen als Spalte, jeder Button volle Breite, Text zentriert */
@media (max-width:600px){
 main .btns,main .cta__btns,main .btn-row,main .wp-block-buttons,main p.btns{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:center!important;gap:.65rem!important}
 main .btns>*,main .cta__btns>*,main .btn-row>*,main .wp-block-buttons>*,main p.btns>*{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;flex:0 0 auto!important;box-sizing:border-box}
 main .btns>a,main .btns>button,main .cta__btns>a,main .btn-row>a,main p.btns>a,main .wp-block-buttons .wp-block-button__link{display:flex!important;justify-content:center!important;align-items:center;text-align:center!important;white-space:normal;width:100%!important;box-sizing:border-box}
}
/* 2) Desktop: Button-Gruppen in schmalen Spalten (ecorpus.de Spaltenblöcke, corpuskarriere.de CTA-Kasten) – Zeilen füllen die Spalte, umbrechende Buttons volle Breite */
@media (min-width:601px){
 main .wp-block-column .wp-block-buttons>.wp-block-button,main .cta .btn-row>.btn{flex:1 1 0!important;min-width:max-content;margin-left:0;margin-right:0}
 main .wp-block-column .wp-block-buttons .wp-block-button__link{display:flex!important;justify-content:center;width:100%;box-sizing:border-box}
 main .cta .btn-row>.btn{justify-content:center;text-align:center}
}
/* 3) Auswahl-Reiter (ecorpus.de Termin buchen) – gleichmäßig verteilt */
main .ec-tabs>div{display:flex;flex-wrap:wrap;gap:.5rem}
main .ec-tabs>div>button{flex:1 1 0;min-width:max-content;justify-content:center;text-align:center}
@media (max-width:480px){main .ec-tabs>div{flex-direction:column}main .ec-tabs>div>button{flex:0 0 auto;width:100%;min-width:0}}
/* 4) corpusquartal.de Bestellzeile: Button mobil volle Breite wie die Buttons darüber */
@media (max-width:600px){main .order-line{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}main .order-line>.btn{width:100%;display:flex;justify-content:center;text-align:center;box-sizing:border-box}}
/* 5) In-Text-Links zu den Schwesterseiten (a.ccw, Wikipedia-Stil): Akzent der jeweiligen Seite, dezent unterstrichen */
.ccw--ec,.ccw--mag,.ccw--portal{--ccw:#5B2EE6}.ccw--jobs{--ccw:#0E7490}.ccw--lease{--ccw:#B35400}.ccw--school{--ccw:#0f7b52}.ccw--fran{--ccw:#B81F33}
a.ccw{color:var(--ccw,#4B23C8);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:rgba(127,127,127,.55);font-weight:inherit}
a.ccw:hover,a.ccw:focus-visible{text-decoration-thickness:2px;text-decoration-color:currentColor}
.sec--dark a.ccw,.section--dark a.ccw,.section--lila a.ccw,.cta a.ccw{color:inherit}
/* 6) Leitsatz-Block (aside.ccs) mit Hinweisen auf die anderen Angebote */
.ccs{box-sizing:border-box;width:calc(100% - 2.5rem);max-width:46rem;margin:2.75rem auto;padding:1.2rem 1.5rem;border-radius:16px;background:var(--ccs-bg,#F4F1FF);border:1px solid var(--ccs-line,#DDD3FF);text-align:center;font-size:1rem;line-height:1.6;color:#1E1A2E}
.ccs .ccs__k{margin:0 0 .35rem;font-size:.75rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ccw,#4B23C8)}
.ccs .ccs__t{margin:0;max-width:none;color:inherit;font-size:inherit}
.ccs a.ccw{font-weight:600;color:var(--ccw,#4B23C8)}
.ccs--fran{--ccw:#B81F33;--ccs-bg:#FFF6F7;--ccs-line:#F7C3CA}.ccs--school{--ccw:#0f7b52;--ccs-bg:#F3FAF6;--ccs-line:#BFE6D3}.ccs--lease{--ccw:#B35400;--ccs-bg:#FFF8F1;--ccs-line:#FFD3A8}.ccs--mag{--ccw:#5B2EE6;--ccs-bg:#F6F2EC;--ccs-line:#E2D9CC}.ccs--jobs{--ccw:#0E7490;--ccs-bg:#ECFEFF;--ccs-line:#A5F3FC}.ccs--ec{--ccw:#5B2EE6;--ccs-bg:#F4F1FF;--ccs-line:#DDD3FF}
[dir="rtl"] .ccs{text-align:center}
/* 7) v2/v3: einzelne Buttons unter Kartenrastern (p.more), Antwort-Chips (Quiz .opts), drei Hero-Buttons (corpusquartal.de) – bündig statt flatternd */
@media (max-width:600px){
 main p.more:has(>.btn){display:flex;flex-direction:column;align-items:stretch}
 main p.more>.btn{width:100%;justify-content:center;text-align:center;box-sizing:border-box}
 main .opts:has(>button:nth-child(3)){display:flex!important;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.5rem}
 main .opts>button{flex:1 1 0;min-width:0;margin:0;text-align:center;white-space:normal}
 main .opts:has(>button:nth-child(3))>button{flex:0 0 auto;width:100%}
}
@media (min-width:601px){
 main p.more:has(>.btn){text-align:center}
 main .hero-txt .btns:has(>.btn:nth-child(3)){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
 main .hero-txt .btns:has(>.btn:nth-child(3))>.btn{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:auto;min-width:0;margin:0;white-space:normal;overflow-wrap:break-word;hyphens:auto}
}

/* 8) v4 (QA 31.10.2026): programmatischer Fokus auf Überschriften ohne Rahmen; Corpus Quartal Leser: nur EIN Blätter-Hinweis
   (.js .js-only{display:revert!important} in site.css hob .rd-hint--touch{display:none} auf) */
h1[tabindex="-1"]:focus{outline:none}
.js .rd-hint--touch.js-only{display:none!important}
@media (hover:none) and (pointer:coarse),(max-width:899px){.js .rd-hint--keys.js-only{display:none!important}.js .rd-hint--touch.js-only{display:block!important}}

/* 9) v5: Corpus Campus CTA (.cta: Text | Buttons) – bricht die Button-Zeile in langen Sprachen um, beide Zeilen gleich breit */
@media (min-width:601px){
 main div.cta>div+.btns>.btn{flex:1 1 auto;justify-content:center;text-align:center}
}