:root {
  color-scheme: light;
}

* {
  box-sizing: border-box;
}

html,
body.pam-final-page {
  width: 100%;
  margin: 0;
}

body.pam-final-page {
  background: transparent;
}

.pam-final-artwork {
  position: relative;
  width: 100%;
  margin: 0;
  container-type: inline-size;
}

.pam-final-artwork img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  /* Das Bild ist rein dekorativer Seitenhintergrund und darf keinen Tap abfangen. */
  pointer-events: none;
}

.pam-wordmark,
.pam-corner-claim,
.pam-page-title,
.pam-page-subtitle,
.pam-welcome,
.pam-dream,
.pam-circle-claim,
.pam-photo-frame,
.pam-footer-claim {
  position: absolute;
  z-index: 1;
  margin: 0;
}

.pam-wordmark,
.pam-corner-claim,
.pam-welcome,
.pam-dream,
.pam-circle-claim,
.pam-photo-frame p {
  font-family: "Snell Roundhand", "Segoe Script", "Apple Chancery", cursive;
  font-weight: 400;
}

.pam-wordmark {
  top: 1.1%;
  left: 3.4%;
  display: inline-flex;
  align-items: center;
  gap: 1.05cqw;
  width: 31%;
  height: 7.2%;
  padding: 0;
  color: #995a60;
  isolation: isolate;
  line-height: 1;
}

.pam-wordmark::before {
  position: absolute;
  z-index: 0;
  inset: -0.35cqw -0.6cqw;
  background: url("Bilder/ueber-pam-final.png") -44cqw -1.1cqw / 100cqw auto no-repeat;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 63%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 63%, transparent 100%);
  content: "";
}

.pam-wordmark span {
  display: block;
  position: relative;
  z-index: 1;
  width: auto;
  background: transparent;
  box-shadow: none;
  font-family: "Snell Roundhand", "Segoe Script", "Apple Chancery", cursive;
  font-size: 3.05cqw;
  line-height: 1.02;
  white-space: nowrap;
}

/* MAGIC EFFECTS START */
.magic-effects,
.pam-side-bubbles,
.magic-stars {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.magic-effects {
  z-index: 3;
  contain: layout paint;
}

.pam-side-bubbles {
  z-index: 0;
  -webkit-mask-image: linear-gradient(to right, #000 0 9%, transparent 12% 88%, #000 91% 100%);
  mask-image: linear-gradient(to right, #000 0 9%, transparent 12% 88%, #000 91% 100%);
}

.pam-side-bubble {
  position: absolute;
  display: block;
  border: 0.085cqw solid rgba(255, 252, 255, 0.96);
  outline: 0.035cqw solid rgba(214, 235, 255, 0.82);
  outline-offset: -0.13cqw;
  border-radius: 50%;
  background:
    radial-gradient(circle at 27% 22%, rgba(255, 255, 255, 1) 0 3.8%, rgba(255, 255, 255, 0.52) 7%, transparent 15%),
    radial-gradient(ellipse at 72% 78%, rgba(255, 180, 218, 0.25) 0 8%, transparent 34%),
    radial-gradient(ellipse at 28% 76%, rgba(169, 220, 255, 0.24) 0 10%, transparent 37%),
    radial-gradient(ellipse at 50% 52%, rgba(255, 255, 255, 0.075) 0 22%, rgba(255, 255, 255, 0.018) 47%, transparent 63%),
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.025) 0 36%, transparent 56%),
    conic-gradient(from 24deg, rgba(255, 204, 235, 0.32), rgba(155, 221, 255, 0.31), rgba(229, 187, 255, 0.34), rgba(255, 238, 174, 0.32), rgba(255, 204, 235, 0.32));
  box-shadow:
    inset 0.16cqw 0.1cqw 0.38cqw rgba(255, 255, 255, 0.94),
    inset -0.14cqw -0.12cqw 0.42cqw rgba(164, 216, 255, 0.56),
    inset 0 -0.18cqw 0.36cqw rgba(255, 190, 229, 0.54),
    0 0 0.95cqw rgba(244, 198, 229, 0.62),
    0 0 0.28cqw rgba(255, 255, 255, 0.9);
  filter: drop-shadow(0 0 0.34cqw rgba(255, 250, 255, 0.92));
  opacity: 0.54;
  will-change: transform, opacity;
  animation: pamSideBubbleDrift var(--bubble-duration) ease-in-out var(--bubble-delay) infinite;
}

.pam-side-bubble::before {
  position: absolute;
  inset: 0.06cqw;
  border-radius: 50%;
  background: conic-gradient(from 40deg, rgba(255, 255, 255, 0.03), rgba(255, 207, 240, 1), rgba(144, 218, 255, 0.98), rgba(226, 174, 255, 0.94), rgba(255, 233, 153, 0.98), rgba(255, 255, 255, 0.03));
  -webkit-mask: radial-gradient(circle, transparent 68%, #000 73%, #000 82%, transparent 90%);
  mask: radial-gradient(circle, transparent 68%, #000 73%, #000 82%, transparent 90%);
  content: "";
  opacity: 0.94;
  filter: drop-shadow(0 0 0.15cqw rgba(255, 255, 255, 1));
  animation: pamBubbleSurface 7.5s linear var(--bubble-delay) infinite;
}

.pam-side-bubble::after {
  position: absolute;
  top: 9%;
  left: 12%;
  width: 62%;
  height: 46%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 15% 23%, rgba(255, 255, 255, 1) 0 5%, transparent 12%),
    radial-gradient(circle at 82% 71%, rgba(255, 255, 255, 0.98) 0 3.4%, transparent 10%),
    radial-gradient(circle at 59% 48%, rgba(255, 239, 253, 0.96) 0 2.8%, transparent 8%),
    radial-gradient(circle at 38% 78%, rgba(255, 255, 255, 0.9) 0 2.2%, transparent 7%),
    radial-gradient(circle at 72% 26%, rgba(255, 255, 255, 0.88) 0 2%, transparent 6%),
    radial-gradient(circle at 24% 63%, rgba(255, 255, 255, 0.82) 0 1.8%, transparent 5%),
    radial-gradient(ellipse at 37% 29%, rgba(255, 255, 255, 0.96) 0 13%, transparent 39%),
    linear-gradient(45deg, transparent 47%, rgba(255, 255, 255, 0.98) 48% 52%, transparent 53%) 18% 25% / 15% 15% no-repeat,
    linear-gradient(-45deg, transparent 47%, rgba(255, 255, 255, 0.98) 48% 52%, transparent 53%) 18% 25% / 15% 15% no-repeat,
    linear-gradient(45deg, transparent 47%, rgba(255, 246, 194, 0.92) 48% 52%, transparent 53%) 75% 68% / 11% 11% no-repeat,
    linear-gradient(-45deg, transparent 47%, rgba(255, 246, 194, 0.92) 48% 52%, transparent 53%) 75% 68% / 11% 11% no-repeat;
  filter: blur(0.03cqw) drop-shadow(0 0 0.3cqw rgba(255, 255, 255, 1));
  content: "";
  opacity: 0.88;
  transform: rotate(-32deg);
  animation: magicBubbleGleam var(--bubble-duration) ease-in-out var(--bubble-delay) infinite alternate;
}

.pam-side-bubble-1 {
  top: 28%; left: 1.2%; width: 3.8%;
  aspect-ratio: 1;
  --bubble-duration: 12s; --bubble-delay: -8s; --bubble-x-a: 1.5cqw; --bubble-y-a: -3.1cqw; --bubble-x-b: -0.8cqw; --bubble-y-b: -5.2cqw;
}

.pam-side-bubble-2 {
  top: 11%; left: 94%; width: 3.1%;
  aspect-ratio: 1;
  --bubble-duration: 15s; --bubble-delay: -12s; --bubble-x-a: -1.3cqw; --bubble-y-a: 2.5cqw; --bubble-x-b: 0.7cqw; --bubble-y-b: -4.4cqw;
}

.pam-side-bubble-3 {
  top: 47%; left: 93.3%; width: 4.3%;
  aspect-ratio: 1;
  --bubble-duration: 13s; --bubble-delay: -3s; --bubble-x-a: -1.7cqw; --bubble-y-a: -3.7cqw; --bubble-x-b: 1.1cqw; --bubble-y-b: -6.1cqw;
}

.pam-side-bubble-4 {
  top: 72%; left: 2.5%; width: 3.2%;
  aspect-ratio: 1;
  --bubble-duration: 10s; --bubble-delay: -11s; --bubble-x-a: 1.4cqw; --bubble-y-a: 2.4cqw; --bubble-x-b: -0.7cqw; --bubble-y-b: -4.8cqw;
}

.pam-side-bubble-5 {
  top: 83%; left: 92.2%; width: 2.8%;
  aspect-ratio: 1;
  --bubble-duration: 11s; --bubble-delay: -6s; --bubble-x-a: -1.2cqw; --bubble-y-a: -3.2cqw; --bubble-x-b: 1.3cqw; --bubble-y-b: 2.1cqw;
}

.pam-side-bubble-6 {
  top: 56%; left: 0.8%; width: 3.6%;
  aspect-ratio: 1;
  --bubble-duration: 14s; --bubble-delay: -14s; --bubble-x-a: 1.6cqw; --bubble-y-a: -2.2cqw; --bubble-x-b: -0.9cqw; --bubble-y-b: -5.8cqw;
}

.pam-side-bubble-7 { top: 6%; left: 2.2%; width: 2.5%; aspect-ratio: 1; --bubble-duration: 9s; --bubble-delay: -5s; --bubble-x-a: 1.1cqw; --bubble-y-a: 3.2cqw; --bubble-x-b: -0.7cqw; --bubble-y-b: -3.5cqw; }
.pam-side-bubble-8 { top: 38%; left: 4.8%; width: 2.7%; aspect-ratio: 1; --bubble-duration: 11s; --bubble-delay: -9s; --bubble-x-a: -1.4cqw; --bubble-y-a: -2.7cqw; --bubble-x-b: .8cqw; --bubble-y-b: 4.1cqw; }
.pam-side-bubble-9 { top: 91%; left: 3.8%; width: 4.1%; aspect-ratio: 1; --bubble-duration: 16s; --bubble-delay: -2s; --bubble-x-a: 1.6cqw; --bubble-y-a: -4.6cqw; --bubble-x-b: -.9cqw; --bubble-y-b: 2.2cqw; }
.pam-side-bubble-10 { top: 31%; left: 96%; width: 2.4%; aspect-ratio: 1; --bubble-duration: 10s; --bubble-delay: -7s; --bubble-x-a: -1.2cqw; --bubble-y-a: 3cqw; --bubble-x-b: .7cqw; --bubble-y-b: -4.4cqw; }
.pam-side-bubble-11 { top: 68%; left: 95.4%; width: 3.5%; aspect-ratio: 1; --bubble-duration: 13s; --bubble-delay: -4s; --bubble-x-a: -1.7cqw; --bubble-y-a: -3.4cqw; --bubble-x-b: 1cqw; --bubble-y-b: 3.1cqw; }
.pam-side-bubble-12 { top: 93%; left: 93.5%; width: 1.9%; aspect-ratio: 1; --bubble-duration: 8s; --bubble-delay: -12s; --bubble-x-a: 1cqw; --bubble-y-a: -3.1cqw; --bubble-x-b: -1.1cqw; --bubble-y-b: 1.8cqw; }
.pam-side-bubble-13 { top: 19%; left: 5.6%; width: 2.2%; aspect-ratio: 1; --bubble-duration: 12s; --bubble-delay: -10s; --bubble-x-a: 1.3cqw; --bubble-y-a: -2.6cqw; --bubble-x-b: -.8cqw; --bubble-y-b: 3.2cqw; }
.pam-side-bubble-14 { top: 59%; left: 95.8%; width: 2.1%; aspect-ratio: 1; --bubble-duration: 14s; --bubble-delay: -6s; --bubble-x-a: -1.4cqw; --bubble-y-a: 3.1cqw; --bubble-x-b: .7cqw; --bubble-y-b: -3.5cqw; }
.pam-side-bubble-15 { top: 76%; left: 6.1%; width: 2.4%; aspect-ratio: 1; --bubble-duration: 11s; --bubble-delay: -15s; --bubble-x-a: 1.2cqw; --bubble-y-a: 2.8cqw; --bubble-x-b: -.9cqw; --bubble-y-b: -3.7cqw; }
.pam-side-bubble-16 { top: 43%; left: 6.2%; width: 2.3%; aspect-ratio: 1; --bubble-duration: 13s; --bubble-delay: -8s; --bubble-x-a: 1.4cqw; --bubble-y-a: -3.5cqw; --bubble-x-b: -.7cqw; --bubble-y-b: 2.6cqw; }
.pam-side-bubble-17 { top: 24%; left: 92.6%; width: 2.6%; aspect-ratio: 1; --bubble-duration: 12s; --bubble-delay: -13s; --bubble-x-a: -1.1cqw; --bubble-y-a: 2.9cqw; --bubble-x-b: .9cqw; --bubble-y-b: -4cqw; }
.pam-side-bubble-18 { top: 88%; left: 94.8%; width: 2.2%; aspect-ratio: 1; --bubble-duration: 15s; --bubble-delay: -4s; --bubble-x-a: -1.5cqw; --bubble-y-a: -2.5cqw; --bubble-x-b: .8cqw; --bubble-y-b: 3.3cqw; }
.pam-side-bubble:nth-child(1),.pam-side-bubble:nth-child(4),.pam-side-bubble:nth-child(6),.pam-side-bubble:nth-child(7),.pam-side-bubble:nth-child(8),.pam-side-bubble:nth-child(9),.pam-side-bubble:nth-child(13),.pam-side-bubble:nth-child(15),.pam-side-bubble:nth-child(16){--bubble-entry-x:-8cqw;--bubble-entry-y:1.5cqw;--bubble-exit-x:-10cqw;--bubble-exit-y:-4.5cqw}
.pam-side-bubble:nth-child(2),.pam-side-bubble:nth-child(3),.pam-side-bubble:nth-child(5),.pam-side-bubble:nth-child(10),.pam-side-bubble:nth-child(11),.pam-side-bubble:nth-child(12),.pam-side-bubble:nth-child(14),.pam-side-bubble:nth-child(17),.pam-side-bubble:nth-child(18){--bubble-entry-x:8cqw;--bubble-entry-y:-1.5cqw;--bubble-exit-x:10cqw;--bubble-exit-y:4.5cqw}

.magic-book-glow {
  position: absolute;
  top: 68.5%;
  left: 72.6%;
  width: 21.4%;
  height: 21.2%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at 50% 82%, rgba(255, 253, 226, 0.66) 0 5%, rgba(255, 229, 157, 0.34) 17%, rgba(248, 205, 112, 0.13) 39%, transparent 70%),
    linear-gradient(to top, rgba(255, 235, 174, 0.18), transparent 70%);
  filter: blur(0.62cqw);
  mix-blend-mode: screen;
  opacity: 0.32;
  will-change: opacity, filter;
  animation: magicBookBreath 9.5s ease-in-out -2s infinite;
}

.magic-spark-field {
  position: absolute;
  top: 72.8%;
  left: 76.8%;
  width: 13.6%;
  height: 14.7%;
  overflow: visible;
  pointer-events: none;
}

.magic-spark {
  position: absolute;
  bottom: 2%;
  left: var(--spark-left);
  display: block;
  width: var(--spark-size);
  height: var(--spark-size);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 246, 0.98) 0 18%, rgba(255, 226, 145, 0.8) 35%, rgba(255, 207, 91, 0.28) 62%, transparent 76%);
  box-shadow: 0 0 0.32cqw rgba(255, 220, 126, 0.5);
  opacity: 0;
  will-change: transform, opacity;
  animation: magicSparkRise var(--spark-duration) ease-out var(--spark-delay) infinite;
}

.magic-spark-star {
  border-radius: 0;
  background: rgba(255, 246, 209, 0.92);
  clip-path: polygon(50% 0, 59% 40%, 100% 50%, 59% 60%, 50% 100%, 41% 60%, 0 50%, 41% 40%);
  filter: drop-shadow(0 0 0.18cqw rgba(255, 218, 115, 0.58));
}

.magic-spark-1 { --spark-left: 47%; --spark-size: 0.34cqw; --spark-duration: 14s; --spark-delay: -9s; --spark-x: -0.42cqw; --spark-rise: -6.4cqw; }
.magic-spark-2 { --spark-left: 53%; --spark-size: 0.42cqw; --spark-duration: 18s; --spark-delay: -4s; --spark-x: 0.68cqw; --spark-rise: -7.8cqw; }
.magic-spark-3 { --spark-left: 38%; --spark-size: 0.27cqw; --spark-duration: 12s; --spark-delay: -7s; --spark-x: -0.78cqw; --spark-rise: -5.6cqw; }
.magic-spark-4 { --spark-left: 61%; --spark-size: 0.25cqw; --spark-duration: 17s; --spark-delay: -13s; --spark-x: 0.5cqw; --spark-rise: -6.8cqw; }
.magic-spark-5 { --spark-left: 44%; --spark-size: 0.38cqw; --spark-duration: 20s; --spark-delay: -16s; --spark-x: 0.86cqw; --spark-rise: -8.1cqw; }
.magic-spark-6 { --spark-left: 56%; --spark-size: 0.3cqw; --spark-duration: 15s; --spark-delay: -2s; --spark-x: -0.56cqw; --spark-rise: -6.1cqw; }
.magic-spark-7 { --spark-left: 34%; --spark-size: 0.36cqw; --spark-duration: 19s; --spark-delay: -11s; --spark-x: 0.36cqw; --spark-rise: -7.2cqw; }
.magic-spark-8 { --spark-left: 66%; --spark-size: 0.23cqw; --spark-duration: 13s; --spark-delay: -5s; --spark-x: -0.7cqw; --spark-rise: -5.2cqw; }

.magic-star {
  position: absolute;
  top: var(--star-top);
  left: var(--star-left);
  display: block;
  width: var(--star-size);
  height: var(--star-size);
  background: rgba(255, 249, 225, 0.95);
  clip-path: polygon(50% 0, 58% 42%, 100% 50%, 58% 58%, 50% 100%, 42% 58%, 0 50%, 42% 42%);
  filter: drop-shadow(0 0 0.2cqw rgba(255, 222, 148, 0.5));
  opacity: 0;
  will-change: opacity, filter;
  animation: magicTwinkle var(--star-duration) ease-in-out var(--star-delay) infinite;
}

.magic-star-1 { --star-top: 11.8%; --star-left: 31.5%; --star-size: 0.42cqw; --star-duration: 15s; --star-delay: -4s; }
.magic-star-2 { --star-top: 9.4%; --star-left: 65.2%; --star-size: 0.3cqw; --star-duration: 19s; --star-delay: -13s; }
.magic-star-3 { --star-top: 19.3%; --star-left: 35.2%; --star-size: 0.24cqw; --star-duration: 13s; --star-delay: -8s; }
.magic-star-4 { --star-top: 34.8%; --star-left: 3.8%; --star-size: 0.35cqw; --star-duration: 21s; --star-delay: -2s; }
.magic-star-5 { --star-top: 31.4%; --star-left: 96.4%; --star-size: 0.4cqw; --star-duration: 17s; --star-delay: -11s; }
.magic-star-6 { --star-top: 57.2%; --star-left: 72.4%; --star-size: 0.28cqw; --star-duration: 14s; --star-delay: -6s; }
.magic-star-7 { --star-top: 71.5%; --star-left: 94.3%; --star-size: 0.32cqw; --star-duration: 22s; --star-delay: -17s; }
.magic-star-8 { --star-top: 87.7%; --star-left: 68.1%; --star-size: 0.27cqw; --star-duration: 16s; --star-delay: -9s; }
.magic-star-9 { --star-top: 14.2%; --star-left: 4.9%; --star-size: 0.22cqw; --star-duration: 20s; --star-delay: -5s; }

@keyframes pamSideBubbleDrift {
  0% { transform: translate3d(var(--bubble-entry-x), var(--bubble-entry-y), 0) rotate(-1deg); opacity: 0; }
  22% { transform: translate3d(var(--bubble-x-a), var(--bubble-y-a), 0) rotate(1.6deg); opacity: 0.66; }
  58% { transform: translate3d(var(--bubble-x-b), var(--bubble-y-b), 0) rotate(-1.2deg); opacity: 0.58; }
  80% { transform: translate3d(var(--bubble-x-a), var(--bubble-y-a), 0) rotate(.8deg); opacity: 0.54; }
  100% { transform: translate3d(var(--bubble-exit-x), var(--bubble-exit-y), 0) rotate(-.8deg); opacity: 0; }
}

@keyframes magicBubbleGleam {
  0% { transform: translate3d(-8%, 5%, 0) rotate(-32deg); opacity: 0.35; }
  52% { transform: translate3d(36%, -18%, 0) rotate(-25deg); opacity: 0.94; }
  100% { transform: translate3d(68%, 7%, 0) rotate(-18deg); opacity: 0.44; }
}

@keyframes pamBubbleSurface {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes magicBookBreath {
  0%, 100% { opacity: 0.25; filter: blur(0.68cqw) brightness(0.96); }
  50% { opacity: 0.42; filter: blur(0.58cqw) brightness(1.06); }
}

@keyframes magicSparkRise {
  0%, 8% { transform: translate3d(0, 0.25cqw, 0); opacity: 0; }
  21% { opacity: 0.62; }
  63% { opacity: 0.42; }
  100% { transform: translate3d(var(--spark-x), var(--spark-rise), 0); opacity: 0; }
}

@keyframes magicTwinkle {
  0%, 76%, 100% { opacity: 0; filter: drop-shadow(0 0 0 rgba(255, 222, 148, 0)); }
  83% { opacity: 0.25; }
  87% { opacity: 0.72; filter: drop-shadow(0 0 0.26cqw rgba(255, 224, 157, 0.56)); }
  92% { opacity: 0.12; }
}

@media (prefers-reduced-motion: reduce) {
  .pam-side-bubble,
  .pam-side-bubble::before,
  .pam-side-bubble::after,
  .magic-book-glow,
  .magic-spark,
  .magic-star {
    animation: none;
  }

  .pam-side-bubble { opacity: 0.16; }
  .magic-book-glow { opacity: 0.2; }
  .magic-spark,
  .magic-star { display: none; }
}
/* MAGIC EFFECTS END */

.pam-wordmark small {
  display: block;
  position: relative;
  z-index: 1;
  width: auto;
  margin: 0;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.49cqw;
  font-weight: 600;
  letter-spacing: 0.31em;
  line-height: 1;
  white-space: nowrap;
  background: transparent;
  box-shadow: none;
}

.pam-corner-claim {
  top: 1.55%;
  right: 2.6%;
  width: 14.7%;
  height: 6.4%;
  padding: 0.05cqw 0.35cqw;
  color: #af6870;
  background: #fffafb;
  box-shadow: 0 0 0.55cqw 0.25cqw rgba(255, 250, 251, 0.98);
  font-size: 1.37cqw;
  line-height: 1.03;
  text-align: center;
  transform: rotate(-3deg);
}

.pam-page-title {
  top: 10.05%;
  left: 38.7%;
  width: 22.8%;
  height: 9.3%;
  padding-top: 0.1cqw;
  color: #9c5a60;
  background: linear-gradient(90deg, #fdf8f8 0%, #fbf5f5 50%, #fdf8f8 100%);
  box-shadow: 0 0 0.85cqw 0.45cqw rgba(252, 247, 247, 0.94);
  font-family: Didot, "Bodoni 72", Georgia, serif;
  font-size: 4.75cqw;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.pam-page-subtitle {
  top: 22.45%;
  left: 35.05%;
  width: 29.9%;
  height: 3.05%;
  padding: 0.24cqw 0;
  color: #e45678;
  background: linear-gradient(90deg, rgba(253, 247, 247, 0.98), #fcf6f6 48%, rgba(253, 248, 248, 0.98));
  box-shadow: 0 0 0.4cqw 0.18cqw rgba(253, 247, 247, 0.95);
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.67cqw;
  font-weight: 600;
  letter-spacing: 0.45em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.pam-welcome {
  top: 16.15%;
  left: 10.45%;
  width: 13.25%;
  height: 8.2%;
  padding: 0.28cqw 0.42cqw;
  color: #5c484d;
  font-size: 1.45cqw;
  line-height: 1.18;
  text-align: left;
}

.pam-dream {
  top: 13.05%;
  left: 74.45%;
  width: 13.8%;
  height: 11.7%;
  padding: 0.45cqw 0.42cqw;
  color: #a85f67;
  font-size: 1.52cqw;
  line-height: 1.16;
  text-align: left;
}

.pam-welcome::before,
.pam-dream::before {
  position: absolute;
  z-index: -1;
  content: "";
  background-image: url("Bilder/ueber-pam-final.png");
  background-repeat: no-repeat;
  background-size: 100cqw auto;
  filter: blur(0.32cqw);
}

.pam-welcome::before {
  inset: -0.5cqw -1cqw -0.45cqw;
  background-position: -22.7cqw -8.05cqw;
}

.pam-dream::before {
  inset: -0.72cqw;
  background-position: -61cqw -6.9cqw;
}

.pam-circle-claim {
  top: 34.45%;
  left: 81.45%;
  width: 10.7%;
  height: 18.7%;
  padding: 0.45cqw 0.2cqw;
  color: #f14977;
  background: rgba(255, 246, 246, 0.93);
  border-radius: 48%;
  box-shadow: 0 0 0.7cqw 0.35cqw rgba(255, 246, 246, 0.88);
  font-size: 1.43cqw;
  line-height: 1.13;
  text-align: center;
  transform: rotate(-4deg);
}

.pam-photo-frame {
  top: 27.84%;
  left: 9.03%;
  width: 32.3%;
  height: 61.96%;
  overflow: hidden;
  border-radius: 1.05cqw;
}

.pam-photo-frame > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.pam-photo-frame p {
  position: absolute;
  z-index: 2;
  left: 5.1%;
  bottom: 6.9%;
  margin: 0;
  color: #fffdf9;
  font-size: 1.67cqw;
  line-height: 1.18;
  text-shadow: 0 0 0.28cqw rgba(53, 42, 40, 0.52);
}

.pam-copy-panel {
  position: absolute;
  z-index: 1;
  top: 29.25%;
  left: 43.55%;
  width: 27.35%;
  height: 60.5%;
  padding: 0.62cqw 0.64cqw;
  overflow: hidden;
  color: #665b5d;
  background:
    linear-gradient(180deg, #fbf0f0 0%, #fbefef 42%, #faeeee 100%);
  box-shadow: 0 0 0.9cqw 0.45cqw rgba(251, 239, 239, 0.96);
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.86cqw;
  font-weight: 400;
  line-height: 1.18;
  text-align: left;
}

.pam-copy-panel p {
  margin: 0 0 0.37cqw;
}

.pam-copy-panel .pam-signature {
  margin: 0.08cqw 0 0;
  color: #ce6d75;
  font-family: "Snell Roundhand", "Segoe Script", "Apple Chancery", cursive;
  font-size: 1.72cqw;
  line-height: 1;
}

.pam-final-home-link {
  position: absolute;
  z-index: 99999;
  display: block;
  top: 91.7%;
  left: 40.8%;
  width: 18.5%;
  height: 5.4%;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  background: transparent;
  color: transparent;
  text-decoration: none;
  pointer-events: auto;
  touch-action: manipulation;
}

.pam-final-home-link:focus-visible {
  outline: 2px solid transparent;
}

.pam-footer-claim {
  top: 92.15%;
  left: 70.35%;
  width: 27.1%;
  height: 3.45%;
  padding: 0.53cqw 0.2cqw 0;
  color: #c96f78;
  background: rgba(255, 248, 248, 0.97);
  box-shadow: 0 0 0.55cqw 0.25cqw rgba(255, 248, 248, 0.95);
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.45cqw;
  font-weight: 600;
  letter-spacing: 0.39em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}