/* Einheitliche Buttons im "Liquid Glass"-Stil (wie Apple). Wird zuletzt geladen und ersetzt die alten Button-Looks. */
:root{--lg-rim:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,0) 36%,rgba(255,255,255,0) 64%,rgba(255,255,255,.4));}

/* ---------- gemeinsame Basis ---------- */
body .btn-pri,body .btn-gho,body .nav .cta,body nav .cta,body .discover,body .menu-cta,body .mxo-cta,body .mxo-feat .go,body .cta-btn,body .hc-go,body .bvk .all,body .bvk .nec,body .mbtn,body .menu-ov .close,body .menu-ov.mxo .close{
  position:relative;isolation:isolate;overflow:hidden;border:0!important;color:#fff;
  -webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);
  text-shadow:0 1px 10px rgba(0,0,0,.35);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,background .4s ease,filter .4s ease;
  animation:none;
}
/* Lichtkante (Rim) */
body .btn-pri::before,body .btn-gho::before,body .nav .cta::before,body nav .cta::before,body .discover::before,body .menu-cta::before,body .mxo-cta::before,body .mxo-feat .go::before,body .cta-btn::before,body .hc-go::before,body .bvk .all::before,body .bvk .nec::before,body .mbtn::before,body .menu-ov .close::before{
  content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1px;pointer-events:none;
  background:var(--lg-rim);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  animation:none;transform:none;top:auto;left:auto;width:auto;height:auto;opacity:1;
}
/* Glanzpunkt, folgt dem Zeiger (siehe glass.js) */
body .btn-pri::after,body .btn-gho::after,body .nav .cta::after,body nav .cta::after,body .discover::after,body .menu-cta::after,body .mxo-cta::after,body .mxo-feat .go::after,body .cta-btn::after,body .hc-go::after,body .bvk .all::after,body .bvk .nec::after,body .mbtn::after,body .menu-ov .close::after{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(150px circle at var(--gx,26%) var(--gy,0%),rgba(255,255,255,.4),rgba(255,255,255,0) 62%),radial-gradient(70px 26px at 22% 2px,rgba(255,255,255,.42),rgba(255,255,255,0));
  opacity:.34;transform:none;left:0;top:0;width:auto;height:auto;animation:none;transition:opacity .4s ease;
}
body .btn-pri:hover::after,body .btn-gho:hover::after,body .nav .cta:hover::after,body nav .cta:hover::after,body .discover:hover::after,body .menu-cta:hover::after,body .mxo-cta:hover::after,body .mxo-feat .go:hover::after,body .cta-btn:hover::after,body .hc-go:hover::after,body .bvk .all:hover::after,body .bvk .nec:hover::after,body .mbtn:hover::after,body .menu-ov .close:hover::after{opacity:1;}

/* ---------- Haupt-Buttons: getöntes Glas (Türkis) ---------- */
body .btn-pri,body .nav .cta,body nav .cta,body .menu-cta,body .mxo-cta,body .mxo-feat .go,body .cta-btn,body .hc-go,body .bvk .all{
  background:linear-gradient(135deg,rgba(43,245,200,.28),rgba(21,194,230,.1) 55%,rgba(138,176,255,.15)),rgba(255,255,255,.06);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.72),inset -2px -2px 3px -1px rgba(255,255,255,.22),inset 0 0 26px rgba(43,245,200,.13),0 14px 34px -12px rgba(0,0,0,.55),0 0 42px -14px rgba(43,245,200,.65);
}
body .btn-pri:hover,body .nav .cta:hover,body nav .cta:hover,body .menu-cta:hover,body .mxo-cta:hover,body .mxo-feat .go:hover,body .cta-btn:hover,body .hc-go:hover,body .bvk .all:hover{
  transform:translateY(-2px);filter:none;
  background:linear-gradient(135deg,rgba(43,245,200,.38),rgba(21,194,230,.16) 55%,rgba(138,176,255,.2)),rgba(255,255,255,.09);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.85),inset -2px -2px 3px -1px rgba(255,255,255,.28),inset 0 0 30px rgba(43,245,200,.2),0 18px 40px -12px rgba(0,0,0,.6),0 0 58px -10px rgba(43,245,200,.85);
}

/* ---------- zweite Buttons: neutrales Glas ---------- */
body .btn-gho,body .discover,body .bvk .nec,body .menu-ov .close,body .menu-ov.mxo .close{
  background:rgba(255,255,255,.075);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.62),inset -2px -2px 3px -1px rgba(255,255,255,.18),inset 0 0 24px rgba(255,255,255,.06),0 12px 30px -12px rgba(0,0,0,.5);
}
body .btn-gho:hover,body .discover:hover,body .bvk .nec:hover,body .menu-ov .close:hover,body .menu-ov.mxo .close:hover{
  transform:translateY(-2px);color:#fff;border:0!important;
  background:rgba(255,255,255,.13);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.8),inset -2px -2px 3px -1px rgba(255,255,255,.25),inset 0 0 28px rgba(255,255,255,.1),0 16px 36px -12px rgba(0,0,0,.55),0 0 36px -12px rgba(255,255,255,.35);
}
body .menu-ov .close:hover,body .menu-ov.mxo .close:hover{transform:rotate(90deg) scale(1.06);color:#fff;}

/* ---------- Mega-Menü-Button: Glas in der Farbe der Sektion ---------- */
body .mbtn{
  color:#fff;border-radius:100px;
  background:linear-gradient(135deg,rgba(var(--m-rgb),.32),rgba(var(--m-rgb),.09) 60%),rgba(255,255,255,.05);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.65),inset -2px -2px 3px -1px rgba(255,255,255,.18),inset 0 0 22px rgba(var(--m-rgb),.16),0 10px 26px -12px rgba(0,0,0,.6),0 0 36px -14px rgba(var(--m-rgb),.7);
}
body .mbtn:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(var(--m-rgb),.45),rgba(var(--m-rgb),.14) 60%),rgba(255,255,255,.08);}

/* ---------- Einzelheiten ---------- */
body .btn{border:0!important;}
body .btn .ar,body .mxo-cta .ar,body .cta-btn .cta-arr,body .hc-go .ar{color:#fff;}
body .mxo-cta .ar,body .hc-go .ar{background:rgba(255,255,255,.14);box-shadow:inset 1px 1px 2px rgba(255,255,255,.6),inset -1px -1px 2px rgba(255,255,255,.2);text-shadow:none;}
body .hc-go .ar{color:#fff;}
body .discover .dgrid i{background:#fff;box-shadow:0 0 6px rgba(255,255,255,.8);}
body .bvk .all,body .bvk .nec{border-radius:100px;}
body .btn-wa svg{filter:drop-shadow(0 0 4px rgba(37,211,102,.5));}

/* ---------- Chatbot-Knopf (rund) ---------- */
body .bvc-launch{
  border:0!important;
  background:linear-gradient(135deg,rgba(43,245,200,.3),rgba(21,194,230,.1) 55%,rgba(138,176,255,.16)),rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.72),inset -2px -2px 3px -1px rgba(255,255,255,.22),inset 0 0 26px rgba(43,245,200,.14),0 14px 34px -10px rgba(0,0,0,.6),0 0 44px -10px rgba(43,245,200,.7);
  overflow:hidden;
}
body .bvc-launch::before{padding:1px;background:var(--lg-rim);animation:none;}
body .bvc-launch::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(60px circle at 30% 8%,rgba(255,255,255,.42),rgba(255,255,255,0) 65%);opacity:.7;}
body .bvc-launch:hover{box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.85),inset -2px -2px 3px -1px rgba(255,255,255,.28),inset 0 0 30px rgba(43,245,200,.22),0 18px 40px -10px rgba(0,0,0,.65),0 0 60px -8px rgba(43,245,200,.9);}
body .bvc-launch svg{fill:#fff;filter:drop-shadow(0 0 6px rgba(43,245,200,.7));}

@media(prefers-reduced-motion:reduce){body .btn-pri,body .btn-gho,body .nav .cta,body nav .cta,body .discover,body .cta-btn,body .hc-go{transition:none;}}

/* ---------- Farben der jeweiligen Seite: Glas leuchtet im Akzent ---------- */
:root{--lg-rim:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,0) 36%,rgba(255,255,255,0) 60%,rgba(var(--accent-rgb,43,245,200),.75));}
body .btn-pri,body .nav .cta,body nav .cta,body .menu-cta,body .mxo-cta,body .mxo-feat .go,body .cta-btn,body .hc-go,body .bvk .all{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.42),rgba(var(--accent-rgb,43,245,200),.14) 58%,rgba(var(--accent-rgb,43,245,200),.26)),rgba(255,255,255,.06);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.75),inset -2px -2px 3px -1px rgba(255,255,255,.24),inset 0 0 28px rgba(var(--accent-rgb,43,245,200),.28),0 14px 34px -12px rgba(0,0,0,.55),0 0 50px -8px rgba(var(--accent-rgb,43,245,200),.85);}
body .btn-pri:hover,body .nav .cta:hover,body nav .cta:hover,body .menu-cta:hover,body .mxo-cta:hover,body .mxo-feat .go:hover,body .cta-btn:hover,body .hc-go:hover,body .bvk .all:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.56),rgba(var(--accent-rgb,43,245,200),.2) 58%,rgba(var(--accent-rgb,43,245,200),.36)),rgba(255,255,255,.09);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.9),inset -2px -2px 3px -1px rgba(255,255,255,.3),inset 0 0 34px rgba(var(--accent-rgb,43,245,200),.4),0 18px 40px -12px rgba(0,0,0,.6),0 0 72px -6px rgba(var(--accent-rgb,43,245,200),1);}
body .btn-gho,body .discover,body .bvk .nec{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.16),rgba(255,255,255,.04) 60%),rgba(255,255,255,.04);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.6),inset -2px -2px 3px -1px rgba(255,255,255,.18),inset 0 0 24px rgba(var(--accent-rgb,43,245,200),.12),0 12px 30px -12px rgba(0,0,0,.5),0 0 34px -12px rgba(var(--accent-rgb,43,245,200),.55);}
body .btn-gho:hover,body .discover:hover,body .bvk .nec:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.3),rgba(255,255,255,.07) 60%),rgba(255,255,255,.06);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.8),inset -2px -2px 3px -1px rgba(255,255,255,.26),inset 0 0 30px rgba(var(--accent-rgb,43,245,200),.22),0 16px 36px -12px rgba(0,0,0,.55),0 0 48px -8px rgba(var(--accent-rgb,43,245,200),.8);}
body .bvc-launch{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.45),rgba(var(--accent-rgb,43,245,200),.14) 58%,rgba(var(--accent-rgb,43,245,200),.28)),rgba(255,255,255,.06);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.75),inset -2px -2px 3px -1px rgba(255,255,255,.24),inset 0 0 28px rgba(var(--accent-rgb,43,245,200),.3),0 14px 34px -10px rgba(0,0,0,.6),0 0 52px -8px rgba(var(--accent-rgb,43,245,200),.9);}
body .bvc-launch:hover{box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.9),inset -2px -2px 3px -1px rgba(255,255,255,.3),inset 0 0 34px rgba(var(--accent-rgb,43,245,200),.42),0 18px 40px -10px rgba(0,0,0,.65),0 0 74px -6px rgba(var(--accent-rgb,43,245,200),1);}
body .btn .ar,body .btn-pri .ar{color:#fff;text-shadow:0 0 10px rgba(var(--accent-rgb,43,245,200),.9);}
/* Das Menü "Alle Seiten" bleibt in der Markenfarbe Türkis */
.menu-ov{--accent-rgb:43,245,200;--accent:#2BF5C8;--accent2:#15C2E6;}

/* intensiveres Leuchten */
body .btn-pri,body .nav .cta,body nav .cta,body .menu-cta,body .mxo-cta,body .mxo-feat .go,body .cta-btn,body .hc-go,body .bvk .all,body .bvc-launch{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.78),rgba(var(--accent-rgb,43,245,200),.34) 58%,rgba(var(--accent-rgb,43,245,200),.6)),rgba(255,255,255,.08);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.85),inset -2px -2px 3px -1px rgba(255,255,255,.3),inset 0 0 30px rgba(var(--accent-rgb,43,245,200),.45),0 14px 34px -12px rgba(0,0,0,.55),0 0 56px -6px rgba(var(--accent-rgb,43,245,200),.95);text-shadow:0 1px 12px rgba(0,0,0,.45),0 0 14px rgba(var(--accent-rgb,43,245,200),.55);}
body .btn-pri:hover,body .nav .cta:hover,body nav .cta:hover,body .menu-cta:hover,body .mxo-cta:hover,body .mxo-feat .go:hover,body .cta-btn:hover,body .hc-go:hover,body .bvk .all:hover,body .bvc-launch:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb,43,245,200),.92),rgba(var(--accent-rgb,43,245,200),.44) 58%,rgba(var(--accent-rgb,43,245,200),.74)),rgba(255,255,255,.1);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.95),inset -2px -2px 3px -1px rgba(255,255,255,.34),inset 0 0 36px rgba(var(--accent-rgb,43,245,200),.55),0 18px 40px -12px rgba(0,0,0,.6),0 0 84px -4px rgba(var(--accent-rgb,43,245,200),1);}
.menu-ov .mxo-cta,.menu-ov .mxo-feat .go{--accent-rgb:43,245,200;}

/* ---------- Hero-Chips (Website · Sichtbarkeit · KI · IT) als Liquid Glass ---------- */
body .scene[data-i="0"] p.hero-motto{gap:10px 12px;margin-top:22px;}
body .scene[data-i="0"] p.hero-motto i{display:none;}
body .scene[data-i="0"] p.hero-motto > span{
  position:relative;isolation:isolate;overflow:hidden;padding:10px 18px 10px 15px;gap:10px;font-size:12.5px;letter-spacing:.16em;border:0;color:#fff;
  background:linear-gradient(135deg,rgba(var(--mc),.4),rgba(var(--mc),.12) 62%,rgba(var(--mc),.26)),rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.08);backdrop-filter:blur(20px) saturate(1.8) brightness(1.08);
  box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.7),inset -2px -2px 3px -1px rgba(255,255,255,.22),inset 0 0 24px rgba(var(--mc),.28),0 10px 26px -12px rgba(0,0,0,.55),0 0 38px -8px rgba(var(--mc),.85);
  text-shadow:0 1px 8px rgba(0,0,0,.4),0 0 12px rgba(var(--mc),.5);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;
}
body .scene[data-i="0"] p.hero-motto > span::before{width:8px;height:8px;box-shadow:0 0 12px rgba(var(--mc),1),0 0 3px #fff;}
body .scene[data-i="0"] p.hero-motto > span::after{
  content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,0) 36%,rgba(255,255,255,0) 60%,rgba(var(--mc),.8));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
body .scene[data-i="0"] p.hero-motto > span:hover{transform:translateY(-2px);box-shadow:inset 2px 2px 3px -1px rgba(255,255,255,.85),inset -2px -2px 3px -1px rgba(255,255,255,.28),inset 0 0 30px rgba(var(--mc),.4),0 14px 32px -12px rgba(0,0,0,.6),0 0 54px -6px rgba(var(--mc),1);}
@media(max-width:520px){body .scene[data-i="0"] p.hero-motto{gap:8px 8px;}body .scene[data-i="0"] p.hero-motto > span{padding:8px 13px 8px 11px;font-size:10.5px;letter-spacing:.12em;gap:8px;}}