.normen[data-astro-cid-rvalcyfp] {
  display: grid;
  gap: 1px;
  background: var(--line-dark);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius);
  overflow: hidden;
}

@media (width >= 640px) {
  .normen[data-astro-cid-rvalcyfp] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1060px) {
  .normen[data-astro-cid-rvalcyfp] {
    grid-template-columns: repeat(4, 1fr);
  }
}

.norm[data-astro-cid-rvalcyfp] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .9rem;
  align-items: start;
  padding: 1.4rem 1.3rem;
  background: var(--navy);
}

.norm__icon[data-astro-cid-rvalcyfp] {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #8aa9ff24;
  color: var(--accent);
}

.norm__code[data-astro-cid-rvalcyfp] {
  display: block;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .13em;
  color: var(--accent);
  margin-bottom: .25rem;
}

.norm__titel[data-astro-cid-rvalcyfp] {
  display: block;
  font-family: var(--display);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -.02em;
  color: #fff;
}

.norm__tekst[data-astro-cid-rvalcyfp] {
  margin-top: .45rem;
  font-size: .87rem;
  line-height: 1.5;
  color: #a9bbe6;
}

.normen--compact[data-astro-cid-rvalcyfp] {
  background: var(--line);
  border-color: var(--line);
}

.normen--compact[data-astro-cid-rvalcyfp] .norm[data-astro-cid-rvalcyfp] {
  background: var(--paper);
  align-items: center;
  padding: 1.05rem 1.15rem;
}

.normen--compact[data-astro-cid-rvalcyfp] .norm__icon[data-astro-cid-rvalcyfp] {
  width: 34px;
  height: 34px;
  background: #1a46e514;
  color: var(--blue);
}

.normen--compact[data-astro-cid-rvalcyfp] .norm__code[data-astro-cid-rvalcyfp] {
  color: var(--blue);
}

.normen--compact[data-astro-cid-rvalcyfp] .norm__titel[data-astro-cid-rvalcyfp] {
  color: var(--navy);
  font-size: .92rem;
}
.cert-preview[data-astro-cid-ztexcof2] {
  position: relative;
  width: 100%;
  max-width: 480px;
  justify-self: center;
  isolation: isolate;
  transform: rotate(-1.5deg);
}

.cert-preview[data-astro-cid-ztexcof2]:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8px -6px -8px 6px;
  background: #dce4f5;
  border: 1px solid #bfcae2;
  border-radius: 3px;
  transform: rotate(2.5deg);
  box-shadow: 0 24px 50px #0003;
}

.cert[data-astro-cid-ztexcof2] {
  position: relative;
  padding: clamp(1.35rem, 3vw, 2.25rem);
  border: 1px solid #d8e0ef;
  border-radius: 3px;
  background: linear-gradient(135deg, #fff 60%, #f6f8fc);
  color: #0b1a3d;
  box-shadow: 0 2px 3px #0000000a, 0 30px 65px #0000003d;
  overflow: hidden;
}

.cert[data-astro-cid-ztexcof2]:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--blue), var(--accent));
}

.cert__watermark[data-astro-cid-ztexcof2] {
  position: absolute;
  right: -42px;
  top: 116px;
  opacity: .035;
  pointer-events: none;
}

.cert[data-astro-cid-ztexcof2] > [data-astro-cid-ztexcof2]:not(.cert__watermark) {
  position: relative;
}

.cert__head[data-astro-cid-ztexcof2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .2rem 0 1.25rem;
  border-bottom: 1px solid #dbe3f1;
}

.cert__example[data-astro-cid-ztexcof2] {
  padding: .25rem .45rem;
  border: 1px solid #d4def0;
  color: #647698;
  font-family: var(--mono);
  font-size: .55rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.cert__reference[data-astro-cid-ztexcof2] {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  margin-top: 1.15rem;
}

.cert__mono[data-astro-cid-ztexcof2] {
  font-family: var(--mono);
  font-size: .57rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #617392;
}

.cert__title[data-astro-cid-ztexcof2] {
  margin-top: 1.15rem;
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.12;
  color: #081a4d;
}

.cert__intro[data-astro-cid-ztexcof2] {
  max-width: 31ch;
  margin-top: .7rem;
  color: #526585;
  font-size: .73rem;
  line-height: 1.55;
}

.cert__details[data-astro-cid-ztexcof2] {
  display: grid;
  gap: .75rem;
  margin-top: 1.4rem;
}

.cert__details[data-astro-cid-ztexcof2] > div[data-astro-cid-ztexcof2] {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: .5rem;
  align-items: baseline;
  font-size: .75rem;
}

.cert__details[data-astro-cid-ztexcof2] span[data-astro-cid-ztexcof2] {
  color: #617392;
}

.cert__details[data-astro-cid-ztexcof2] strong[data-astro-cid-ztexcof2], .cert__inventory[data-astro-cid-ztexcof2] strong[data-astro-cid-ztexcof2] {
  font-weight: 500;
}

.cert__inventory[data-astro-cid-ztexcof2] {
  margin-top: 1.35rem;
  border: 1px solid #dbe3f1;
}

.cert__inventory[data-astro-cid-ztexcof2] > div[data-astro-cid-ztexcof2] {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  gap: .75rem;
  padding: .65rem .75rem;
  font-size: .75rem;
}

.cert__inventory[data-astro-cid-ztexcof2] > div[data-astro-cid-ztexcof2] + div[data-astro-cid-ztexcof2] {
  border-top: 1px solid #e4eaf4;
}

.cert__inventory[data-astro-cid-ztexcof2] .cert__inventory-head[data-astro-cid-ztexcof2] {
  background: #f0f4fc;
  color: #526585;
  font-size: .61rem;
}

.cert__inventory[data-astro-cid-ztexcof2] > div[data-astro-cid-ztexcof2] > [data-astro-cid-ztexcof2]:last-child {
  text-align: right;
}

.cert__inventory[data-astro-cid-ztexcof2] small[data-astro-cid-ztexcof2] {
  display: block;
  margin-top: .18rem;
  color: #617392;
  font-family: var(--mono);
  font-size: .57rem;
  letter-spacing: -.015em;
}

.cert__signoff[data-astro-cid-ztexcof2] {
  margin-top: 1.3rem;
  padding-right: 90px;
}

.cert__signature[data-astro-cid-ztexcof2] {
  width: 165px;
  max-width: 100%;
  height: 53px;
  margin-top: .25rem;
  color: #18366f;
  transform: rotate(-4deg);
}

.cert__signer[data-astro-cid-ztexcof2] {
  display: grid;
  gap: .15rem;
  padding-top: .45rem;
  border-top: 1px solid #cfd9ea;
  font-size: .75rem;
}

.cert__signer[data-astro-cid-ztexcof2] strong[data-astro-cid-ztexcof2] {
  font-weight: 500;
}

.cert__signer[data-astro-cid-ztexcof2] span[data-astro-cid-ztexcof2] {
  color: #617392;
  font-size: .62rem;
}

.cert__footer[data-astro-cid-ztexcof2] {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  margin-top: 1.6rem;
  padding-top: .75rem;
  border-top: 1px solid #dbe3f1;
  color: #7283a0;
  font-family: var(--mono);
  font-size: .5rem;
  letter-spacing: -.01em;
}

.cert__stamp[data-astro-cid-ztexcof2] {
  position: absolute;
  right: -18px;
  bottom: 79px;
  width: 108px;
  height: 108px;
  color: #fff;
  transform: rotate(12deg);
  filter: drop-shadow(0 4px 2px #071b4c2b);
}

.cert__ribbon[data-astro-cid-ztexcof2] {
  position: absolute;
  inset: 68px 21px -30px;
  z-index: -1;
  background: linear-gradient(90deg, #1230a8 48%, #3563ff 48%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 75% 82%, 50% 100%, 25% 82%, 0 100%);
}

.cert__stamp-face[data-astro-cid-ztexcof2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #3563ff, #1536bd);
  clip-path: polygon(50% 0%, 57% 5%, 65% 2%, 70% 9%, 79% 9%, 82% 17%, 91% 21%, 91% 30%, 98% 35%, 95% 43%, 100% 50%, 95% 57%, 98% 65%, 91% 70%, 91% 79%, 82% 82%, 79% 91%, 70% 91%, 65% 98%, 57% 95%, 50% 100%, 43% 95%, 35% 98%, 30% 91%, 21% 91%, 18% 83%, 9% 79%, 9% 70%, 2% 65%, 5% 57%, 0% 50%, 5% 43%, 2% 35%, 9% 30%, 9% 21%, 18% 18%, 21% 9%, 30% 9%, 35% 2%, 43% 5%);
}

.cert__stamp-face[data-astro-cid-ztexcof2]:before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid #ffffff8c;
  border-radius: 50%;
}

.cert__stamp-face[data-astro-cid-ztexcof2] span[data-astro-cid-ztexcof2], .cert__stamp-face[data-astro-cid-ztexcof2] strong[data-astro-cid-ztexcof2] {
  font-family: var(--mono);
  font-size: .48rem;
  font-weight: 400;
  letter-spacing: .045em;
  text-transform: uppercase;
}

@media (width <= 550px) {
  .cert-preview[data-astro-cid-ztexcof2] {
    width: calc(100% - 16px);
    transform: rotate(-1deg);
  }

  .cert__stamp[data-astro-cid-ztexcof2] {
    right: -12px;
    bottom: 82px;
    width: 94px;
    height: 94px;
  }

  .cert__stamp-face[data-astro-cid-ztexcof2] {
    gap: .2rem;
  }

  .cert__stamp-face[data-astro-cid-ztexcof2] span[data-astro-cid-ztexcof2], .cert__stamp-face[data-astro-cid-ztexcof2] strong[data-astro-cid-ztexcof2] {
    font-size: .42rem;
  }

  .cert__signoff[data-astro-cid-ztexcof2] {
    padding-right: 72px;
  }
}