/* Dankesseite - baut auf style.css + extra.css auf (gleiche Farben, Schriften, Komponenten) */
.thanks{position:relative;overflow:hidden;padding-top:72px;padding-bottom:84px}
.thanks>*:not(.floaties){position:relative;z-index:1}
.thanks h1{font-size:clamp(40px,5.2vw,66px);letter-spacing:-2px;margin:20px auto 24px}
.thanks .lead{margin:0 auto}

.thanks-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;max-width:920px;margin:58px auto 44px;align-items:start}
.thanks-grid .checklist{margin:0;max-width:none}

/* Bonus-Ticket */
.ticket{position:relative;text-align:left;background:var(--green);border-radius:20px;padding:38px 30px 30px;box-shadow:0 12px 26px #01382833;transform:rotate(1.4deg);margin-top:14px}
.ticket:before{content:"";position:absolute;top:-11px;left:50%;width:84px;height:22px;margin-left:-42px;background:#e8c3c6cc;transform:rotate(-4deg)}
.ticket .eyebrow{color:var(--pink);margin-bottom:10px}
.ticket h2{font-size:clamp(32px,3.4vw,42px);letter-spacing:-1.2px;line-height:1.08;margin:0 0 16px;color:#fff}
.ticket h2 em{color:var(--rose)}
.ticket p{color:#fff;font-size:15px;line-height:1.6}
.ticket p+p{margin-top:0}
.ticket-note{margin-top:20px!important;padding-top:18px;border-top:2px dashed var(--pink);font-family:var(--serif);font-size:22px!important;line-height:1.25!important}
.sticker{position:absolute;right:-12px;top:-30px;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;background:var(--pink);color:var(--brown);border:2.5px solid var(--brown);font:700 9px/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase;transform:rotate(10deg);box-shadow:0 6px 12px #3c251f30}

.thanks .handwritten{margin:0 0 26px}
.thanks .handwritten strong{font-size:38px}
.thanks .tip{max-width:430px;margin:26px auto 0;color:var(--taupe)}

/* Aufsteigende Herzen */
.floaties{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.floaty{position:absolute;bottom:-50px;width:var(--s,24px);height:var(--s,24px);color:var(--pink);opacity:0;animation:rise 7.5s ease-in var(--d,0s) forwards}
@keyframes rise{0%{opacity:0;transform:translateY(0) rotate(0)}12%{opacity:.95}100%{opacity:0;transform:translateY(-640px) rotate(var(--r,0deg))}}

/* Fußzeile */
footer{padding:54px 5vw 40px;text-align:center}
.foot-sign{max-width:none;margin:0;font-family:var(--script);font-size:46px;line-height:1.1;color:var(--creme)}
.foot-social{justify-content:center;gap:14px;margin:22px 0 32px}
.foot-social a{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--taupe);display:flex;align-items:center;justify-content:center;color:var(--creme);transition:background .3s ease,border-color .3s ease,color .3s ease,transform .2s ease}
.foot-social a:hover,.foot-social a:focus-visible{background:var(--rose);border-color:var(--rose);color:var(--brown);transform:translateY(-2px)}
.foot-social svg{width:22px;height:22px}
.foot-legal{justify-content:center;flex-wrap:wrap;gap:8px 26px;margin-top:0;font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.foot-legal a{color:var(--creme);border-bottom:1px solid #f4ecd855;padding-bottom:3px;transition:color .3s,border-color .3s}
.foot-legal a:hover,.foot-legal a:focus-visible{color:var(--pink);border-bottom-color:var(--pink)}
.foot-copy{margin-top:22px;font-size:11px;letter-spacing:.08em;color:var(--taupe)}

@media(max-width:800px){
  .thanks{padding-top:56px;padding-bottom:64px}
  .thanks-grid{grid-template-columns:1fr;gap:40px;max-width:460px;margin:44px auto 38px}
  .ticket{padding:34px 24px 26px;transform:rotate(1deg)}
  .sticker{right:-6px;top:-34px;width:84px;height:84px;font-size:8.5px}
  .thanks .handwritten strong{font-size:34px}
  footer{padding:44px 22px 34px;font-size:11px}
  .foot-sign{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.floaty{display:none}}