/* ---------------------------------------------------------------------
 * Modul 010: EXTHORIA X ORBIT – eigenständige Newsmag-Footerkomposition
 * --------------------------------------------------------------------- */
.exxf,.exxf *{box-sizing:border-box}
.exxf{--exxf-ink:#f8f9fd;--exxf-sub:#a1a9b9;--exxf-edge:rgba(255,255,255,.15);--exxf-card:rgba(255,255,255,.038);--exxf-card-hover:rgba(255,255,255,.085);--exxf-accent:#c7b8ff;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:min(100%,930px)!important;min-width:0;margin:24px auto;padding:0;border:1px solid var(--exxf-edge);border-radius:14px;background:linear-gradient(108deg,#171a24 0%,#1d202b 48%,#121824 100%);color:var(--exxf-ink);font-family:inherit;font-style:normal;line-height:1.2;box-shadow:0 15px 40px rgba(0,0,0,.18);container-name:exxf;container-type:inline-size}
.exxf::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 155% at -5% 5%,rgba(174,119,247,.14),transparent 75%),radial-gradient(ellipse 52% 115% at 99% 90%,rgba(68,197,216,.095),transparent 72%)}
.exxf::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:1;background:linear-gradient(90deg,transparent,#b89bff 19%,#e9c6e7 46%,#74d7e1 81%,transparent);opacity:.82}
.exxf__ambient{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.exxf__ambient i{display:block;position:absolute;border:1px solid rgba(203,183,255,.09);border-radius:50%;width:380px;height:380px;left:-160px;top:-160px;transform:rotate(-24deg)}
.exxf__ambient i:nth-child(2){width:290px;height:290px;left:-114px;top:-114px;border-color:rgba(180,167,255,.095)}
.exxf__ambient i:nth-child(3){width:9px;height:9px;left:148px;top:12px;border:none;background:#c7b8ff;filter:blur(3px);opacity:.4}
.exxf__shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(225px,.74fr) minmax(0,1.5fr);align-items:stretch;gap:12px;padding:15px 18px}
.exxf__signature{min-width:0;display:flex;gap:14px;align-items:center;padding:0 10px 0 1px}
.exxf__emblem{display:inline-flex;position:relative;width:59px;height:59px;flex:0 0 59px;align-items:center;justify-content:center}
.exxf__emblem::before,.exxf__emblem::after{content:"";position:absolute;border:1px solid rgba(189,172,255,.3);border-radius:50%;inset:1px;transform:rotate(-28deg) scaleX(.77)}
.exxf__emblem::after{inset:6px;transform:rotate(36deg) scaleX(.75);border-color:rgba(143,215,223,.23)}
.exxf__emblem-orbit{position:absolute;width:6px;height:6px;top:5px;right:7px;border-radius:50%;background:#e3c7ff;box-shadow:0 0 13px #ba8eff}
.exxf__emblem-core{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(224,214,255,.3);background:linear-gradient(140deg,rgba(227,211,255,.19),rgba(87,108,174,.08));box-shadow:0 7px 23px rgba(117,97,202,.18),inset 0 1px 0 rgba(255,255,255,.14);transform:rotate(-9deg)}
.exxf__emblem-core .exxf__x{display:block;width:21px;height:21px;color:#fff;transform:rotate(9deg)}
.exxf__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:5px;text-align:center}
.exxf__brand-kicker{display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;font-weight:780;letter-spacing:.22em;color:#beaafd;white-space:nowrap}
.exxf__brand-kicker i{display:inline-block;flex:0 0 18px;width:18px;height:1px;background:#bda9ff;box-shadow:0 0 8px #bda9ff}
.exxf__brand-kicker-text{display:inline-block;text-align:center}
.exxf__brand strong{display:block;font-size:clamp(16px,2vw,23px);line-height:1;font-weight:800;letter-spacing:.085em;color:var(--exxf-ink);white-space:nowrap;text-align:center}
.exxf__brand-accent{color:#baa1ff}
.exxf__brand-sub{font-size:9px;font-weight:650;letter-spacing:.2em;color:var(--exxf-sub);white-space:nowrap;text-align:center}
.exxf__channel-grid{display:grid;grid-template-columns:repeat(var(--exxf-cols,1),minmax(0,1fr));align-items:stretch;justify-self:end;width:100%;max-width:min(100%,calc(var(--exxf-cols,1)*260px));gap:0;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.017));overflow:hidden}
.exxf .exxf__channel{--exxf-lang-accent:#bca8ff;position:relative;min-width:0;min-height:67px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;overflow:hidden;padding:11px 12px 9px;border:0;border-right:1px solid rgba(255,255,255,.12);border-radius:0;background:transparent;color:var(--exxf-ink)!important;text-decoration:none!important;transition:background .2s,box-shadow .2s}
.exxf .exxf__channel--de{--exxf-lang-accent:#baa9ff}.exxf .exxf__channel--en{--exxf-lang-accent:#7edbd7}.exxf .exxf__channel--es{--exxf-lang-accent:#ffb27a}
.exxf__channel-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--exxf-lang-accent),transparent);opacity:.65}
.exxf__channel-overline{display:flex;align-items:center;gap:7px;min-width:0}
.exxf__channel-number{font-size:9px;letter-spacing:.03em;color:var(--exxf-lang-accent);font-weight:700;opacity:.86}
.exxf .exxf__flag{display:block;flex:0 0 22px;width:22px!important;height:15px!important;min-width:22px;max-width:22px;border-radius:2px;margin:0!important;object-fit:cover;vertical-align:middle;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.exxf__channel-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;letter-spacing:.01em;color:var(--exxf-ink)}
.exxf__channel-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center;min-width:0}
.exxf__channel-handle{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.015em;color:var(--exxf-sub)}
.exxf__channel-arrow{display:inline-flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--exxf-lang-accent);background:rgba(255,255,255,.025)}
.exxf__outbound{display:block;width:12px;height:12px}
.exxf a.exxf__channel:hover,.exxf a.exxf__channel:focus-visible{background:var(--exxf-card-hover);box-shadow:inset 0 2px 0 var(--exxf-lang-accent);transform:none;color:var(--exxf-ink)!important}
.exxf a.exxf__channel:focus-visible{outline:2px solid var(--exxf-lang-accent);outline-offset:3px}
.exxf .exxf__channel:last-child{border-right:0}
.exxf__bottom-line{position:absolute;right:17px;left:17px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(162,151,254,.27),rgba(126,219,215,.27),transparent);pointer-events:none}
.exxf--light{--exxf-ink:#1c283a;--exxf-sub:#64758a;--exxf-edge:rgba(23,53,80,.19);--exxf-card:rgba(255,255,255,.72);--exxf-card-hover:#fff;background:linear-gradient(110deg,#eef4fc,#f8f9ff 47%,#e7f5f4);box-shadow:0 11px 29px rgba(19,47,72,.11)}
.exxf--light .exxf__emblem-core{background:linear-gradient(140deg,#edf0ff,#dbe6f6);border-color:rgba(96,83,158,.2)}
.exxf--light .exxf__emblem-core .exxf__x{color:#202c3e}
.exxf--light .exxf__brand-kicker{color:#6d5cbb}
.exxf--light .exxf__brand-kicker i{background:#6d5cbb}
.exxf--light .exxf__channel-grid{border-color:rgba(37,56,85,.15);background:rgba(255,255,255,.47)}
.exxf--light .exxf__channel{border-right-color:rgba(37,56,85,.12);background:transparent}
.exxf--light .exxf__channel--de{--exxf-lang-accent:#7759d4}.exxf--light .exxf__channel--en{--exxf-lang-accent:#087f85}.exxf--light .exxf__channel--es{--exxf-lang-accent:#ba6428}
.exxf--light .exxf__channel-arrow{border-color:rgba(30,47,69,.13);background:rgba(31,50,75,.04)}
.exxf--light .exxf__ambient i{border-color:rgba(61,74,145,.1)}
.exxf--light .exxf__channel:hover{background:#fff}
.exxf__auto-holder{max-width:1200px;margin:0 auto;padding:18px 15px;width:100%;box-sizing:border-box}
@container exxf (max-width:820px){.exxf__shell{grid-template-columns:1fr;gap:13px;padding:15px}.exxf__signature{padding:0}.exxf__channel-grid{grid-template-columns:repeat(var(--exxf-cols,1),minmax(0,1fr))}}
@container exxf (max-width:480px){.exxf{margin:18px auto}.exxf__shell{gap:12px}.exxf__channel-grid{grid-template-columns:1fr;max-width:none}.exxf .exxf__channel{border-right:0;border-bottom:1px solid var(--exxf-edge)}.exxf .exxf__channel:last-child{border-bottom:0}.exxf .exxf__channel{min-height:55px;gap:3px;padding:9px 11px}.exxf__emblem{width:46px;height:46px;flex-basis:46px}.exxf__emblem-core{width:36px;height:36px}.exxf__signature{gap:10px}.exxf__brand strong{font-size:17px}}
@media(max-width:620px){.exxf{margin:18px auto}.exxf__shell{grid-template-columns:1fr;gap:12px}.exxf__channel-grid{grid-template-columns:1fr!important;max-width:none}.exxf .exxf__channel{border-right:0;border-bottom:1px solid var(--exxf-edge)}.exxf .exxf__channel:last-child{border-bottom:0}.exxf__brand strong{font-size:18px}.exxf .exxf__channel{min-height:55px}}
@media(prefers-reduced-motion:reduce){.exxf .exxf__channel{transition:none}.exxf a.exxf__channel:hover,.exxf a.exxf__channel:focus-visible{transform:none}}


/* ---------------------------------------------------------------------
 * Modul 011: Vertikale Newsmag-Footerabstände nur bei X ORBIT
 * Behebt die zusätzlichen Theme-Abstände, die mit .exxf margin:0
 * allein nicht verändert werden. Keine Änderungen an anderen Footerblöcken.
 * --------------------------------------------------------------------- */
/* Das Widget selbst steuert keinen weiteren vertikalen Außenabstand. */
body .exxf.exxf--orbit {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
/* Nur der Newsmag-Footer, der diese X-Karte tatsächlich enthält. */
body .td-footer-wrapper:has(.exxf--orbit) {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
/* Standard-Widget- und Shortcode-Abstände nur beim X-Widget entfernen. */
body .td-footer-wrapper .widget:has(.exxf--orbit),
body .td-footer-wrapper .widget_text:has(.exxf--orbit),
body .td-footer-wrapper .widget_block:has(.exxf--orbit),
body .td-footer-wrapper .wp-block-shortcode:has(.exxf--orbit) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Falls die X-Karte direkt in einer Newsmag-Spalte eingesetzt wird. */
body .td-footer-wrapper .td-pb-span12:has(> .widget:has(.exxf--orbit)),
body .td-footer-wrapper .td-pb-span4:has(> .widget:has(.exxf--orbit)),
body .td-footer-wrapper .td-pb-span8:has(> .widget:has(.exxf--orbit)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
