/* Eloquin premium glass cookie banner, übernommen für Fitnessjuwel. */
.tracking-consent[hidden]{display:none!important}
.tracking-consent{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:2147483646;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"heading actions" "copy actions";
  align-items:center;
  column-gap:34px;
  row-gap:7px;
  width:min(1240px,calc(100vw - 42px));
  padding:19px 27px 20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
  border-radius:24px;
  background:
    linear-gradient(120deg,rgba(5,31,43,.65),rgba(71,20,38,.62) 38%,rgba(111,24,51,.55) 72%,rgba(7,17,22,.68)),
    rgba(7,26,35,.62);
  color:#f7fbfd;
  box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.2);
  backdrop-filter:blur(29px) saturate(1.12);
  -webkit-backdrop-filter:blur(29px) saturate(1.12);
  box-sizing:border-box;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.tracking-consent *{box-sizing:border-box}
.tracking-consent:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 20% 105%,rgba(50,181,229,.25),transparent 25%),
    radial-gradient(circle at 62% 110%,rgba(122,23,49,.3),transparent 26%);
  pointer-events:none;
}
.tracking-consent-heading{
  grid-area:heading;
  display:flex;
  align-items:center;
  gap:12px;
  padding-right:48px;
}
.tracking-consent-info{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 auto;
  border-radius:999px;
  background:linear-gradient(145deg,#98284b,#6f152f);
  color:#fff;
  box-shadow:0 10px 28px rgba(111,21,47,.34),inset 0 1px 0 rgba(255,255,255,.3);
  font-family:Georgia,serif;
  font-size:19px;
  font-weight:900;
}
.tracking-consent-heading strong{
  color:#f7fbfd;
  font-size:clamp(19px,1.55vw,24px);
  line-height:1.1;
  letter-spacing:-.02em;
}
.tracking-consent-copy p{
  max-width:720px;
  margin:0;
  color:rgba(241,248,251,.78);
  font-size:clamp(13px,1vw,15px);
  line-height:1.5;
}
.tracking-consent-copy{grid-area:copy}
.tracking-consent-actions{
  grid-area:actions;
  display:grid;
  grid-template-columns:repeat(2,auto);
  align-items:center;
  justify-content:end;
  gap:8px 10px;
  padding-right:25px;
}
.tracking-consent-actions button{
  min-height:46px;
  padding:0 23px;
  border:1px solid transparent;
  border-radius:999px;
  font-family:inherit;
  font-size:14px;
  font-weight:790;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.tracking-consent-actions button:hover{transform:translateY(-2px)}
.tracking-consent-actions button:focus-visible,
.tracking-consent-actions a:focus-visible,
.tracking-consent-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tracking-consent-actions .tracking-consent-primary{
  border-color:rgba(255,224,140,.75);
  background:linear-gradient(135deg,#f6c453,#dda22d);
  color:#142b26;
  box-shadow:0 13px 28px rgba(221,162,45,.28),inset 0 1px 0 rgba(255,255,255,.55);
}
.tracking-consent-actions .tracking-consent-secondary{
  border-color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.95);
  color:#7a1731;
  box-shadow:0 12px 28px rgba(0,0,0,.15);
}
.tracking-consent-actions a{
  grid-column:1/-1;
  justify-self:end;
  padding:3px 4px 0;
  color:#f0a8bb;
  font-size:13px;
  font-weight:650;
  text-decoration:underline;
  text-decoration-color:rgba(240,168,187,.62);
  text-underline-offset:5px;
}
.tracking-consent-close{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#dce8ed;
  cursor:pointer;
  opacity:.82;
  transition:opacity .18s ease,background .18s ease,transform .18s ease;
}
.tracking-consent-close:before,
.tracking-consent-close:after{
  content:"";
  position:absolute;
  top:16px;
  left:8px;
  width:19px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.tracking-consent-close:before{transform:rotate(45deg)}
.tracking-consent-close:after{transform:rotate(-45deg)}
.tracking-consent-close:hover{
  opacity:1;
  background:rgba(255,255,255,.1);
  transform:rotate(4deg);
}
/* Der frühere React-Hinweis darf nach der Hydrierung nicht zusätzlich erscheinen. */
.privacy-notice{display:none!important}
@media(max-width:720px){
  .tracking-consent{
    bottom:10px;
    width:calc(100vw - 20px);
    max-height:calc(100svh - 20px);
    overflow-y:auto;
    grid-template-columns:1fr;
    grid-template-areas:"heading" "copy" "actions";
    gap:13px;
    padding:23px 21px 22px;
    border-radius:21px;
  }
  .tracking-consent-heading{gap:12px;padding-right:35px}
  .tracking-consent-info{width:34px;height:34px;font-size:18px}
  .tracking-consent-heading strong{font-size:20px}
  .tracking-consent-copy p{font-size:14px;line-height:1.55}
  .tracking-consent-actions{display:grid;grid-template-columns:1fr;gap:9px;justify-content:stretch;padding-right:0}
  .tracking-consent-actions button{width:100%;min-height:49px}
  .tracking-consent-actions a{grid-column:1;justify-self:center;text-align:center}
  .tracking-consent-close{top:17px;right:15px}
}
@media(min-width:721px) and (max-width:1040px){
  .tracking-consent{
    grid-template-columns:minmax(0,1fr) minmax(300px,auto);
    column-gap:22px;
  }
  .tracking-consent-actions{grid-template-columns:1fr}
  .tracking-consent-actions a{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .tracking-consent-actions button,
  .tracking-consent-close{transition:none}
}