.ssm-glas-wrap[data-astro-cid-qnogatqx] {
  position: relative;
  display: inline-block;
  perspective: 1200px;
}

@keyframes ssm-glas-impuls {
  0% {
    box-shadow: 0 0 #00ffd32e;
  }

  45% {
    box-shadow: 0 0 12px 2px #00ffd321;
  }

  100% {
    box-shadow: 0 0 #00ffd300;
  }
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="karte"], .ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="panel"] {
  display: block;
}

.ssm-glas-backglow[data-astro-cid-qnogatqx] {
  position: absolute;
  inset: -24%;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .48s cubic-bezier(.22, 1, .36, 1);
  background: radial-gradient(58% 54% at 50% 52%,
      rgba(var(--glow-rgb, 0, 255, 211), .3) 0%,
      rgba(var(--glow-rgb, 0, 255, 211), .16) 38%,
      rgba(var(--glow-rgb, 0, 255, 211), .06) 62%,
      #0000 84%);
  filter: blur(46px);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="pille"] .ssm-glas-backglow[data-astro-cid-qnogatqx], .ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="kontakt"] .ssm-glas-backglow[data-astro-cid-qnogatqx] {
  inset: -90%;
  filter: blur(26px);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-backglow[data-astro-cid-qnogatqx] {
  opacity: 1;
}

.ssm-glas-surface[data-astro-cid-qnogatqx] {
  position: relative;
  display: var(--disp, flex);
  box-sizing: border-box;
  width: var(--w, auto);
  align-items: var(--align, stretch);
  font-family: Plus Jakarta Sans, sans-serif;
  padding: var(--pad, 36px);
  border-radius: var(--r, 18px);
  isolation: isolate;
  background-image: var(--fill);
  box-shadow: var(--shadow, none);
  text-decoration: none;
  color: inherit;
  transform-style: flat;
  transform: rotateX(var(--glas-rx, 0deg)) rotateY(var(--glas-ry, 0deg))
      scale(var(--glas-scale, 1));
  transition: transform .52s cubic-bezier(.22, 1, .36, 1), padding .3s cubic-bezier(.22, 1, .36, 1), box-shadow .22s cubic-bezier(.22, 1, .36, 1);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="pille"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-surface[data-astro-cid-qnogatqx] {
  animation: .62s cubic-bezier(.22, 1, .36, 1) ssm-glas-impuls;
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-kippbar="true"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-surface[data-astro-cid-qnogatqx] {
  --glas-scale: 1.015;
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="pille"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-surface[data-astro-cid-qnogatqx], .ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="kontakt"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-surface[data-astro-cid-qnogatqx] {
  padding: var(--pad-h, var(--pad, 9px 24px));
}

.ssm-glas-wrap[data-astro-cid-qnogatqx]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-fill[data-astro-cid-qnogatqx] {
  transform: scaleX(var(--fill-s-h, 0));
}

.ssm-glas-fill[data-astro-cid-qnogatqx] {
  position: absolute;
  inset: 0;
  border-radius: var(--r, 18px);
  overflow: hidden;
  pointer-events: none;
}

.ssm-glas-fill[data-astro-cid-qnogatqx]:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--accent-grad, linear-gradient(to top right, #00c79a 0%, #00ffd3 52%, #6fe9ff 100%));
  transform: scaleX(0);
  transform-origin: 0;
  transition: transform .34s cubic-bezier(.22, 1, .36, 1);
}

.ssm-glas-tint[data-astro-cid-qnogatqx] {
  position: absolute;
  inset: 0;
  border-radius: var(--r, 18px);
  pointer-events: none;
  background-image: var(--tint, none);
}

.ssm-glas-grain[data-astro-cid-qnogatqx] {
  position: absolute;
  inset: 0;
  border-radius: var(--r, 18px);
  overflow: hidden;
  pointer-events: none;
  opacity: var(--grain-c, .03);
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27120%27 height=%27120%27%3E%3Cfilter id=%27g%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.95%27 numOctaves=%274%27/%3E%3C/filter%3E%3Crect width=%27120%27 height=%27120%27 filter=%27url(%23g)%27/%3E%3C/svg%3E");
}

.ssm-glas-shim[data-astro-cid-qnogatqx] {
  position: absolute;
  inset: -1px;
  border-radius: calc(var(--r, 18px) + 1px);
  pointer-events: none;
}

.ssm-glas-shim-1[data-astro-cid-qnogatqx] {
  border: 1px solid var(--shim-1);
  mask-image: linear-gradient(var(--glas-shim-winkel-1, 45deg),
      #0000 34%,
      #0006 62%,
      #000 100%);
  -webkit-mask-image: linear-gradient(var(--glas-shim-winkel-1, 45deg),
      #0000 34%,
      #0006 62%,
      #000 100%);
}

.ssm-glas-shim-2[data-astro-cid-qnogatqx] {
  border: 1px solid var(--shim-2);
  mask-image: linear-gradient(var(--glas-shim-winkel-2, 225deg),
      #0000 42%,
      #0000004d 70%,
      #000 100%);
  -webkit-mask-image: linear-gradient(var(--glas-shim-winkel-2, 225deg),
      #0000 42%,
      #0000004d 70%,
      #000 100%);
}

.ssm-glas-sheen[data-astro-cid-qnogatqx] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 46%;
  border-radius: var(--r, 18px) var(--r, 18px) 0 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, var(--sheen-a)) 0%,
      #fff0 100%);
  filter: blur(4px);
}

.ssm-glas-edge[data-astro-cid-qnogatqx] {
  position: absolute;
  left: 0;
  top: 16%;
  bottom: 16%;
  width: 1.5px;
  border-radius: 9999px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .32s cubic-bezier(.22, 1, .36, 1);
  background-image: linear-gradient(to bottom,
      rgba(var(--glow-rgb, 0, 255, 211), 0) 0%,
      rgba(var(--glow-rgb, 0, 255, 211), .8) 50%,
      rgba(var(--glow-rgb, 0, 255, 211), 0) 100%);
  box-shadow: 0 0 18px rgba(var(--glow-rgb, 0, 255, 211), .5);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-edge[data-astro-cid-qnogatqx] {
  opacity: 1;
}

.ssm-glas-highlight[data-astro-cid-qnogatqx] {
  position: absolute;
  inset: 0;
  border-radius: var(--r, 18px);
  pointer-events: none;
  opacity: 0;
  transition: opacity .22s cubic-bezier(.22, 1, .36, 1);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-highlight[data-astro-cid-qnogatqx] {
  opacity: 1;
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="pille"] .ssm-glas-edge[data-astro-cid-qnogatqx], .ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="kontakt"] .ssm-glas-edge[data-astro-cid-qnogatqx] {
  display: none;
}

.ssm-glas-karte-inhalt[data-astro-cid-qnogatqx] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transform: translateX(0);
  transition: transform .38s cubic-bezier(.22, 1, .36, 1);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-kippbar="true"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-karte-inhalt[data-astro-cid-qnogatqx] {
  transform: translateX(8px);
}

.ssm-glas-karte-ikone[data-astro-cid-qnogatqx] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: var(--accent, #00ffd3);
  background: rgba(var(--glow-rgb, 0, 255, 211), .12);
}

.ssm-glas-kicker[data-astro-cid-qnogatqx] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--kicker-titel, var(--kicker-ink));
}

.ssm-glas-kicker-dot[data-astro-cid-qnogatqx] {
  display: block;
  flex: none;
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  background: var(--accent, #00ffd3);
  box-shadow: 0 0 6px rgba(var(--glow-rgb, 0, 255, 211), .5);
  transform: scale(1);
  transition: box-shadow .26s cubic-bezier(.22, 1, .36, 1), transform .26s cubic-bezier(.22, 1, .36, 1);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-kippbar="true"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-kicker-dot[data-astro-cid-qnogatqx] {
  box-shadow: 0 0 16px rgba(var(--glow-rgb, 0, 255, 211), .85);
  transform: scale(1.25);
}

.ssm-glas-titel[data-astro-cid-qnogatqx] {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.2;
  color: var(--ink);
  transition: font-size .38s cubic-bezier(.22, 1, .36, 1);
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-kippbar="true"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-titel[data-astro-cid-qnogatqx] {
  font-family: EB Garamond, Libre Baskerville, serif;
  font-style: italic;
  display: inline-block;
  padding-right: .14em;
  padding-bottom: .14em;
  margin-bottom: -.04em;
  font-weight: 500;
  font-size: 29px;
  letter-spacing: -.045em;
  line-height: 1.32;
  background-image: linear-gradient(to right, #00c79a 0%, #00ffd3 48%, #6fe9ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000;
  filter: drop-shadow(0 0 12px rgba(var(--glow-rgb, 0, 255, 211), .35));
}

.ssm-glas-text[data-astro-cid-qnogatqx] {
  font-size: var(--body-size-card);
  font-weight: 400;
  letter-spacing: var(--body-ls);
  line-height: var(--body-lh);
  color: var(--body);
  text-wrap: wrap;
}

.ssm-glas-kinder[data-astro-cid-qnogatqx]:empty {
  display: none;
}

.ssm-glas-kinder[data-astro-cid-qnogatqx] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
  margin-top: 6px;
  max-width: 100%;
  min-width: 0;
}

.ssm-glas-pille-inhalt[data-astro-cid-qnogatqx] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  color: var(--ink, #fff);
}

.ssm-glas-pille-icon[data-astro-cid-qnogatqx] {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: var(--icon-w, 0px);
  opacity: var(--icon-o, 0);
}

.ssm-glas-pille-icon[data-astro-cid-qnogatqx]:empty {
  display: none;
}

.ssm-glas-pille-label[data-astro-cid-qnogatqx] {
  display: inline-block;
  font-family: var(--label-font, "Plus Jakarta Sans", sans-serif);
  font-style: var(--label-style, normal);
  font-size: var(--label-size, 13px);
  font-weight: var(--label-weight, 500);
  letter-spacing: var(--label-track, -.02em);
  line-height: 1.34;
  padding-bottom: .14em;
  padding-right: .14em;
  white-space: nowrap;
}

.ssm-glas-pille-swap[data-astro-cid-qnogatqx] {
  display: grid;
  align-items: center;
  justify-items: start;
}

.ssm-glas-pille-swap[data-astro-cid-qnogatqx] > span[data-astro-cid-qnogatqx] {
  grid-area: 1 / 1;
  display: inline-block;
  line-height: 1.34;
  padding-bottom: .14em;
  padding-right: .14em;
  white-space: nowrap;
  transition: opacity .32s cubic-bezier(.32, 0, .18, 1);
}

.ssm-glas-pille-lbl-b[data-astro-cid-qnogatqx] {
  opacity: 0;
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="pille"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-pille-lbl-a[data-astro-cid-qnogatqx] {
  opacity: 0;
}

.ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="pille"]:is(:not([data-kein-hover] *):hover, .ist-mitte) .ssm-glas-pille-lbl-b[data-astro-cid-qnogatqx] {
  opacity: 1;
}

.ssm-glas-panel-inhalt[data-astro-cid-qnogatqx] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.ssm-glas-panel-wert[data-astro-cid-qnogatqx] {
  flex: none;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.2;
  color: var(--ink);
}

.ssm-glas-panel-divider[data-astro-cid-qnogatqx] {
  flex: none;
  width: 1px;
  align-self: stretch;
  margin: 2px 0;
  background: var(--divider);
}

.ssm-glas-panel-text-wrap[data-astro-cid-qnogatqx] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.ssm-glas-panel-text[data-astro-cid-qnogatqx] {
  font-size: var(--body-size-card);
  font-weight: 400;
  letter-spacing: var(--body-ls);
  line-height: var(--body-lh);
  color: var(--body);
  text-wrap: wrap;
}

.ssm-glas-panel-quelle[data-astro-cid-qnogatqx] {
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 1.4;
  color: var(--kicker-ink);
  text-wrap: pretty;
}

.ssm-glas-wrap[data-astro-cid-qnogatqx].ist-mitte .ssm-glas-highlight[data-astro-cid-qnogatqx] {
  background: radial-gradient(260px at 50% 30%, #ffffff17, #fff0 72%);
}

@media (width <= 1199px) {
  .ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="karte"], .ssm-glas-wrap[data-astro-cid-qnogatqx][data-variante="panel"] {
    --r: var(--radius-karte-mobil) !important;
  }
}