/* CTLG Kontext-Center – 3 Karten, schwarz/gold/rot, responsiv */
.ctlg-context{box-sizing:border-box;max-width:1250px;margin:26px auto 30px;padding:25px;border:1px solid rgba(214,166,69,.34);border-radius:23px;background:radial-gradient(circle at 100% 0%,rgba(157,40,27,.13),transparent 38%),linear-gradient(120deg,#141414,#0c0c0d 72%,#1b1410);box-shadow:0 15px 36px rgba(0,0,0,.23);color:#f7f4ef;font-family:inherit}
.ctlg-context *{box-sizing:border-box}.ctlg-context-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.ctlg-context-eyebrow{display:block;font-size:.7rem;font-weight:900;letter-spacing:.16em;color:#d6a644}.ctlg-context-eyebrow i{margin-right:7px}.ctlg-context h2{margin:6px 0 4px;font-size:clamp(1.4rem,2.7vw,2rem);font-weight:850;line-height:1.15;color:#fff;text-transform:none}.ctlg-context h2 span{color:#e5b951}.ctlg-context-heading p{color:#c9c3b8;margin:7px 0 0;line-height:1.5;font-size:.93rem}.ctlg-context-page{white-space:nowrap;color:#d8ba7e;font-size:.82rem;border:1px solid rgba(202,155,71,.33);border-radius:50px;padding:9px 13px;background:rgba(194,137,47,.07)}.ctlg-context-page i{margin-right:6px}
.ctlg-context-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ctlg-context-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:20px 19px;border:1px solid rgba(220,181,99,.21);border-radius:17px;background:linear-gradient(145deg,#202023,#111113);text-decoration:none!important;color:#f5efe6!important;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.ctlg-context-card:hover{transform:translateY(-3px);border-color:rgba(240,184,72,.68);box-shadow:0 10px 24px rgba(0,0,0,.32)}.ctlg-context-guide:before,.ctlg-context-updates:before,.ctlg-context-ai:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#a87920,#efc864,transparent)}.ctlg-context-updates:before{background:linear-gradient(90deg,#a53932,#f1b359,transparent)}.ctlg-context-ai:before{background:linear-gradient(90deg,#c23a32,#e8ac47,transparent)}.ctlg-context-symbol{display:grid;place-items:center;width:39px;height:39px;margin-bottom:11px;border-radius:11px;background:rgba(226,170,69,.12);border:1px solid rgba(226,170,69,.29);color:#e8b753;font-size:1.06rem}.ctlg-context-alert .ctlg-context-symbol{color:#ff8675;background:rgba(209,42,42,.14);border-color:rgba(217,61,61,.45)}.ctlg-context-ai-image{width:43px;height:43px;border-radius:10px;overflow:hidden;margin-bottom:7px;border:1px solid rgba(235,145,59,.45)}.ctlg-context-ai-image img{display:block;width:100%;height:100%;object-fit:cover}.ctlg-context-type{font-size:.65rem;font-weight:850;letter-spacing:.11em;color:#dcae5c;margin-bottom:7px}.ctlg-context-card strong{display:block;font-size:1.06rem;line-height:1.35;color:#fff}.ctlg-context-description{display:block;font-size:.81rem;line-height:1.48;color:#c4beb5;margin:8px 0 14px}.ctlg-context-action{display:inline-flex;align-items:center;gap:9px;margin-top:auto;font-family:inherit;font-weight:800;font-size:.85rem;color:#f6c667!important;text-decoration:none!important;background:none;border:0;padding:0;cursor:pointer}.ctlg-context-action i{transition:transform .18s}.ctlg-context-card:hover .ctlg-context-action i{transform:translateX(3px)}.ctlg-context-expand[aria-expanded="true"] i{transform:rotate(180deg)!important}
.ctlg-context-list{display:grid;gap:10px;margin-top:17px}.ctlg-context-list[hidden]{display:none!important}.ctlg-notice{display:flex;align-items:flex-start;gap:13px;padding:17px;background:linear-gradient(100deg,#211b16,#151414);border:1px solid rgba(220,168,86,.35);border-left:3px solid #d7ac5d;border-radius:12px}.ctlg-notice-urgent{border-left-color:#f15e51;background:linear-gradient(110deg,#2b1716,#171314)}.ctlg-notice-icon{font-size:1.15rem;color:#f4bb58;margin-top:2px}.ctlg-notice-urgent .ctlg-notice-icon{color:#ff726b}.ctlg-notice-content{flex:1;min-width:0}.ctlg-notice-content strong{display:block;font-size:.98rem;color:#f6e3bf}.ctlg-notice-content p{margin:5px 0 8px;color:#dbd4cc;font-size:.88rem;line-height:1.55}.ctlg-notice-content a{color:#f0bf63!important;text-decoration:underline}.ctlg-notice-dismiss{flex-shrink:0;cursor:pointer;border:1px solid rgba(236,188,106,.54);background:rgba(215,159,61,.09);color:#f9d18b;border-radius:9px;padding:9px 11px;font-size:.81rem;font-weight:750}.ctlg-notice-dismiss:hover{background:rgba(215,159,61,.2)}
@media(max-width:900px){.ctlg-context{margin:22px 14px;padding:19px}.ctlg-context-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ctlg-context-ai{grid-column:span 2;min-height:155px}.ctlg-context-page{display:none}}@media(max-width:590px){.ctlg-context{margin:15px 12px 24px;padding:16px;border-radius:17px}.ctlg-context-cards{grid-template-columns:1fr;gap:11px}.ctlg-context-card,.ctlg-context-ai{grid-column:auto;min-height:0;padding:16px}.ctlg-context-heading{margin-bottom:15px}.ctlg-notice{flex-wrap:wrap}.ctlg-notice-dismiss{margin-left:auto}.ctlg-context h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.ctlg-context-card,.ctlg-context-action i{transition:none}}

/* CTLG 14.10.2026: Live Center – Seiten-Center bündig mit den Match-Boxen.
   Nur die Live-Center-Seite anpassen; andere Pilotseiten behalten ihr Layout. */
body.page-live-center .ctlg-context {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 900px) {
  body.page-live-center .ctlg-context {
    margin-left: 0;
    margin-right: 0;
  }
}

/* CTLG 14.10.2026: Teamfinder – Kontext-Center volle Breite des Inhaltsbereichs.
   Das Modul steht als direktes Kind innerhalb von <main class="teamfinder-page">. */
.teamfinder-page > .ctlg-context {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 900px) {
  .teamfinder-page > .ctlg-context {
    margin-left: 0;
    margin-right: 0;
  }
}

/* CTLG Teamfinder: reine Hinweise direkt unter dem Hero, nur wenn vorhanden. */
.teamfinder-page > .ctlg-page-notices {width:100%;max-width:none;display:grid;gap:11px;margin:18px 0 24px;padding:0;box-sizing:border-box}
.teamfinder-page > .ctlg-page-notices .ctlg-notice{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.22)}
@media(max-width:590px){.teamfinder-page > .ctlg-page-notices{margin:14px 0 20px;gap:9px}.ctlg-page-notices .ctlg-notice{padding:14px}}


/* CTLG 14.10.2026: Teamfinder – Premium-Styling für Seitenhinweise direkt unter dem Hero */
.teamfinder-page > .ctlg-page-notices .ctlg-notice{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:22px 22px;
  border:1px solid rgba(233,171,87,.40);
  border-left:4px solid #ff6e63;
  border-radius:18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,95,83,.16), transparent 36%),
    radial-gradient(circle at 100% 0%, rgba(219,159,61,.10), transparent 28%),
    linear-gradient(110deg, rgba(67,20,20,.96) 0%, rgba(37,18,18,.97) 42%, rgba(17,14,14,.99) 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:linear-gradient(180deg,#ff7d6c 0%, #f6c15f 100%);
  opacity:.95;
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-info{
  border-left-color:#d7ac5d;
  background:
    radial-gradient(circle at 0% 0%, rgba(214,166,69,.13), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(219,159,61,.10), transparent 28%),
    linear-gradient(110deg, rgba(46,31,20,.96) 0%, rgba(30,23,18,.97) 40%, rgba(14,14,14,.99) 100%);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-info::before{
  background:linear-gradient(180deg,#d9a94f 0%, #f0d18e 100%);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-icon{
  width:52px;
  height:52px;
  margin-top:0;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:1.28rem;
  color:#ff8e7f;
  background:linear-gradient(180deg, rgba(255,117,102,.16), rgba(255,117,102,.08));
  border:1px solid rgba(255,122,104,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.20);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-info .ctlg-notice-icon{
  color:#efc35e;
  background:linear-gradient(180deg, rgba(239,195,94,.15), rgba(239,195,94,.07));
  border-color:rgba(239,195,94,.28);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-content strong{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:-.01em;
  color:#fff3e0;
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-content strong::after{
  content:"Aktueller Hinweis";
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,148,111,.30);
  background:rgba(255,141,111,.10);
  color:#ffb39a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-info .ctlg-notice-content strong::after{
  content:"Seitenhinweis";
  border-color:rgba(228,184,92,.26);
  background:rgba(228,184,92,.09);
  color:#f2ca77;
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-content p{
  margin:0;
  color:#f1ddd5;
  font-size:.97rem;
  line-height:1.58;
  max-width:880px;
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-content a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(247,190,90,.26);
  background:rgba(247,190,90,.08);
  color:#ffd37f !important;
  text-decoration:none;
  font-weight:800;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-content a:hover{
  transform:translateY(-1px);
  background:rgba(247,190,90,.14);
  border-color:rgba(247,190,90,.42);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-dismiss{
  min-width:148px;
  justify-content:center;
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:center;
  padding:12px 16px;
  border-radius:13px;
  border:1px solid rgba(245,193,97,.44);
  background:linear-gradient(180deg, rgba(83,58,18,.55), rgba(51,39,18,.45));
  color:#ffd889;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.teamfinder-page > .ctlg-page-notices .ctlg-notice-dismiss:hover{
  background:linear-gradient(180deg, rgba(110,76,25,.72), rgba(66,49,22,.58));
  border-color:rgba(245,193,97,.62);
  transform:translateY(-1px);
}
@media (max-width: 820px){
  .teamfinder-page > .ctlg-page-notices .ctlg-notice{
    grid-template-columns:auto minmax(0,1fr);
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-dismiss{
    grid-column:2;
    justify-self:flex-start;
    margin-top:2px;
  }
}
@media (max-width: 590px){
  .teamfinder-page > .ctlg-page-notices .ctlg-notice{
    gap:14px;
    padding:18px 16px;
    border-radius:16px;
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-icon{
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:1.12rem;
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-content strong{
    font-size:1rem;
    flex-wrap:wrap;
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-content strong::after{
    height:22px;
    padding:0 9px;
    font-size:.62rem;
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-content p{
    font-size:.92rem;
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-content a,
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-dismiss{
    width:100%;
    justify-content:center;
  }
  .teamfinder-page > .ctlg-page-notices .ctlg-notice-dismiss{
    grid-column:1 / -1;
  }
}