/* KI-Check-Aufhänger: Knopf + Box (inc/aufhaenger.php).
   Rahmen/Score-Ring = exakte Logofarben (--kc-g*). Knöpfe = gleiche Richtung Orange→Magenta, dunkler (--kc-b*),
   weiße Schrift überall ≥ 4,5 : 1 (Anfang 5,6 · Mitte 5,6 · Ende 5,6; mit Glanz ≥ 4,7). */
.kc-aufh-btnwrap,.kc-aufh-boxwrap{--kc-g1:#F7B048;--kc-gm:#F08A8E;--kc-g2:#D76DD3;--kc-b1:#B14607;--kc-bm:#C81959;--kc-b2:#AF29AB;--kc-btn-grad:linear-gradient(100deg,var(--kc-b1) 0%,var(--kc-bm) 50%,var(--kc-b2) 100%);--kc-ink:#1c1838;--kc-muted:#5b5872;--kc-btn-r:999px}

/* Knopf */
.kc-aufh-btnwrap{display:inline-flex;flex-direction:column;align-items:stretch;max-width:100%;vertical-align:top}
.kc-aufh-btnwrap a.kc-aufh-btn{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:15px 30px;border-radius:var(--kc-btn-r);background:var(--kc-btn-grad);color:#fff!important;font-size:17px;font-weight:800;line-height:1.15;letter-spacing:.1px;text-align:center;text-decoration:none!important;border:0;box-shadow:0 14px 30px -8px rgba(175,41,171,.5),0 4px 12px -2px rgba(200,25,89,.25);box-sizing:border-box;cursor:pointer}
.kc-aufh-btnwrap a.kc-aufh-btn:hover,.kc-aufh-btnwrap a.kc-aufh-btn:focus{color:#fff!important;text-decoration:none!important;box-shadow:0 18px 36px -8px rgba(175,41,171,.6),0 6px 14px -2px rgba(200,25,89,.32)}
.kc-aufh-btnwrap a.kc-aufh-btn:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
.kc-aufh-ico{flex:0 0 auto;width:22px;height:22px;color:#fff}
.kc-aufh-btntxt{color:#fff!important}
.kc-aufh-sub{display:block;margin-top:9px;font-size:13px;line-height:1.4;font-weight:600;color:var(--kc-muted);text-align:center;text-wrap:balance}
.kc-aufh-btnwrap .kc-nw,.kc-aufh-box .kc-nw{white-space:nowrap}
@media(max-width:640px){.kc-aufh-btnwrap{display:flex;width:100%}.kc-aufh-btnwrap a.kc-aufh-btn{width:100%;gap:8px;font-size:15px;padding:14px 14px}.kc-aufh-ico{width:20px;height:20px}}
@media(prefers-reduced-motion:no-preference){
  .kc-aufh-btnwrap a.kc-aufh-btn{transition:transform .2s ease,box-shadow .2s ease}
  .kc-aufh-btnwrap a.kc-aufh-btn:hover{transform:translateY(-2px)}
  .kc-aufh-btnwrap a.kc-aufh-btn::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.10) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;animation:kc-aufh-glanz 6s ease-in-out 1.5s infinite}
}
@keyframes kc-aufh-glanz{0%,72%{background-position:160% 0}100%{background-position:-60% 0}}

/* Box */
.kc-aufh-boxwrap{container-type:inline-size;width:100%;box-sizing:border-box}
.kc-aufh-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px 32px;border:2px solid transparent;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fbf8ff 100%) padding-box,linear-gradient(120deg,var(--kc-g1),var(--kc-gm),var(--kc-g2)) border-box;box-shadow:0 24px 60px -12px rgba(60,40,120,.2),0 8px 24px -10px rgba(215,109,211,.28);text-align:left;box-sizing:border-box}
.kc-aufh-boxring{width:104px;height:104px;flex:0 0 auto}
.kc-aufh-ring{display:block;width:100%;height:100%;font-family:inherit}
.kc-aufh-box p{margin:0;padding:0}
.kc-aufh-box p.kc-aufh-boxh{font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.2px;color:var(--kc-ink)}
.kc-aufh-box p.kc-aufh-boxp{margin-top:8px;font-size:16px;line-height:1.55;color:var(--kc-muted)}
.kc-aufh-box p.kc-aufh-boxh,.kc-aufh-box p.kc-aufh-boxp{text-wrap:balance}
.kc-aufh-box .kc-nw{white-space:nowrap}
.kc-aufh-boxbtn .kc-aufh-btnwrap{display:flex}
@container (max-width:860px){
  .kc-aufh-box{grid-template-columns:auto minmax(0,1fr);column-gap:26px;row-gap:18px}
  .kc-aufh-boxring{grid-row:1 / span 2;align-self:center}
  .kc-aufh-boxbtn{grid-column:2;justify-self:start}
}
@container (max-width:560px){
  .kc-aufh-box{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;padding:26px 22px}
  .kc-aufh-boxring{width:92px;height:92px}
  .kc-aufh-box p.kc-aufh-boxh{font-size:21px}
  .kc-aufh-boxring{grid-row:auto}
  .kc-aufh-boxbtn{grid-column:auto;justify-self:stretch;width:100%}
  .kc-aufh-boxbtn .kc-aufh-btnwrap,.kc-aufh-boxbtn a.kc-aufh-btn{width:100%}
}

/* Seite KI-Sichtbarkeit: Knöpfe dort mit 16px Rundung */
.ki-page .kc-aufh-btnwrap{--kc-btn-r:16px}
.ki-page .kc-aufh-boxwrap{--kc-btn-r:16px}
/* Seite KI-Sichtbarkeit, Kopf: KI-Check-Knopf als Hauptknopf links, größer; Testknopf daneben, „So wirkt es" als Textlink */
.ki-page .ki-btnrow:has(.kc-aufh-btnwrap){align-items:flex-start}
.ki-page .ki-btnrow .elementor-widget-shortcode:has(.kc-aufh-btnwrap){flex:0 0 auto}
@media(min-width:861px){.ki-page .ki-btnrow:has(.kc-aufh-btnwrap){width:max-content;max-width:calc(100vw - 48px);flex-wrap:nowrap}}
.ki-page .ki-btnrow a.kc-aufh-btn{min-height:82px;font-size:19px;padding:18px 36px}
.ki-page .ki-btnrow:has(.kc-aufh-btnwrap)>.elementor-widget-button.cp-btn{margin-top:1px}
.ki-page .ki-btnrow:has(.kc-aufh-btnwrap)>.elementor-widget-button.ki-btn2{margin-top:28px}
@media(max-width:640px){
  .ki-page .ki-btnrow:has(.kc-aufh-btnwrap){align-items:stretch}
  .ki-page .ki-btnrow .elementor-widget-shortcode:has(.kc-aufh-btnwrap){width:100%}
  .ki-page .ki-btnrow a.kc-aufh-btn{min-height:98px;font-size:17px;line-height:1.25;padding:16px 18px}
  .ki-page .ki-btnrow a.kc-aufh-btn .kc-aufh-ico{width:24px;height:24px}
  .ki-page .ki-btnrow:has(.kc-aufh-btnwrap)>.elementor-widget-button.cp-btn,.ki-page .ki-btnrow:has(.kc-aufh-btnwrap)>.elementor-widget-button.ki-btn2{margin-top:0;align-self:center}
}
/* Startseite: Box näher an den Kopfbereich */
.elementor .e-con.kc-aufh-sec.kc-aufh-sec-kopf{margin-top:-48px}
@media(max-width:767px){.elementor .e-con.kc-aufh-sec.kc-aufh-sec-kopf{margin-top:-24px}}
/* Elementor-Lazy-Load setzt in tieferen Abschnitten bis zum Hinscrollen background-image:none !important (0,5,0) –
   Knopf (weiße Schrift) und Box-Rahmen brauchen ihren Verlauf aber sofort. Höhere Spezifität (0,5,1). */
.kc-aufh-btnwrap.kc-aufh-btnwrap a.kc-aufh-btn.kc-aufh-btn.kc-aufh-btn{background-image:var(--kc-btn-grad)!important}
.kc-aufh-boxwrap.kc-aufh-boxwrap div.kc-aufh-box.kc-aufh-box.kc-aufh-box{background-image:linear-gradient(135deg,#fff 0%,#fbf8ff 100%),linear-gradient(120deg,var(--kc-g1),var(--kc-gm),var(--kc-g2))!important}