/* Light green like the first card, laid out like Idee A.
   Thank-you card after sending a form (Kontakt, Patenschaften, Adoptions-/Pflegestellenbogen).
   Design: "Kontakt · Danke-Karte", Idee A, with the check beside the heading. */
.dk-card,.dk-card *{box-sizing:border-box}
.kt-root .dk-card p,.pt-root .dk-card p,.dk-card .dk-h{-webkit-hyphens:manual;hyphens:manual;text-align:left}
.dk-card{-webkit-hyphens:manual;hyphens:manual;display:flex;flex-direction:column;align-items:flex-start;padding:26px 30px 24px;border-radius:30px;background:#EEF2E1;border:1px solid #DCE5C2;font-family:'Manrope',system-ui,sans-serif;color:#1F1B16;animation:dkIn .6s cubic-bezier(.2,.8,.2,1) both}
.dk-card:focus{outline:none}
/* The card fades up, the check draws itself, then the text follows in order */
.dk-card .dk-h,.dk-card .dk-p,.dk-rule,.dk-note{animation:dkUp .5s cubic-bezier(.2,.8,.2,1) both}
.dk-card .dk-h{animation-delay:.12s}
.dk-card .dk-p{animation-delay:.22s}
.dk-rule{animation-delay:.3s}
.dk-note{animation-delay:.36s}
.dk-head{display:flex;align-items:center;gap:14px}
.dk-chk{display:block;flex:none;width:52px;height:52px}
.dk-ring{stroke-dasharray:190;stroke-dashoffset:190;animation:dkDraw .8s .15s cubic-bezier(.6,0,.2,1) forwards}
.dk-tick{stroke-dasharray:40;stroke-dashoffset:40;animation:dkDraw .45s .8s cubic-bezier(.6,0,.2,1) forwards}
.dk-card .dk-h{margin:0;font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.15;color:#1F1B16}
.dk-card .dk-p{align-self:stretch;margin:12px 0 0;font-size:16px;line-height:1.65;color:#3A342C}
.dk-rule{display:block;align-self:stretch;height:1px;margin:18px 0 16px;background:#D3DDB6}
.dk-note{align-self:stretch;display:flex;align-items:center;gap:14px}
.dk-note p{flex:1;margin:0;font-size:15px;line-height:1.65;color:#4A4339}
.dk-ic{flex:none;width:40px;height:40px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center}
.dk-card a.dk-mail{color:#1F1B16;font-weight:600;text-decoration:underline;text-decoration-color:#9AAA6E;text-underline-offset:3px;overflow-wrap:anywhere;transition:text-decoration-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.dk-card a.dk-mail:hover{text-decoration-color:#1F1B16}
.dk-mail-ic{display:none}
@keyframes dkIn{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes dkDraw{to{stroke-dashoffset:0}}
@keyframes dkUp{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}

/* Phone: smaller check that sits with the two-line heading, plain left-aligned text,
   and the e-mail address as a full-width button that is easy to tap */
@media (max-width:640px){
  .dk-card{padding:20px 18px 18px;border-radius:24px}
  .dk-head{gap:12px}
  .dk-chk{width:44px;height:44px}
  .dk-card .dk-h{font-size:22px;line-height:1.2;text-wrap:balance}
  .dk-card .dk-p{margin-top:12px;font-size:15.5px;line-height:1.65}
  .dk-rule{margin:16px 0 14px}
  .dk-ic{display:none}
  .dk-note p{font-size:14.5px;line-height:1.6}
  .dk-card a.dk-mail{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:10px;padding:0 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(47,39,34,.08);text-decoration:none;font-size:15px}
  .dk-mail-ic{display:flex;flex:none}
  .dk-card a.dk-mail:active{background:#F6F8EF;box-shadow:0 0 0 1px rgba(47,39,34,.16)}
}
@media (prefers-reduced-motion:reduce){
  .dk-card,.dk-card .dk-h,.dk-card .dk-p,.dk-rule,.dk-note{animation:none}
  .dk-card a.dk-mail{transition:none}
  .dk-ring,.dk-tick{animation:none;stroke-dashoffset:0}
}