.paar{font-family:var(--font-display);color:var(--color-anthrazit);text-wrap:balance;overflow-wrap:anywhere;font-weight:600;line-height:1.15}.paar__ende{align-items:baseline;gap:.2em;max-width:100%;display:inline-flex}.paar__und{background:url(/marke/und-zeichen-160.webp) 50%/contain no-repeat;flex:none;align-self:center;width:1.05em;height:1.1em}.paar__und-text{color:var(--color-himbeere);font-style:italic}.planer__paar-titel{margin:0 0 var(--space-1);font:600 clamp(1.5rem, 1.25rem + 1vw, 1.875rem) / 1.2 var(--font-display)}.planer__paar-felder{gap:0 var(--space-3);display:grid}@media (width>=40rem){.planer__paar-felder{grid-template-columns:repeat(2,minmax(0,1fr))}}.zus__paar{margin:0 0 var(--space-3);padding:0 5rem var(--space-2) 0;border-bottom:1px solid var(--color-linie);font-size:1.625rem;position:relative}.zus__gruss{font:400 .875rem / 1.35 var(--font-body);color:var(--color-grau);margin:.375rem 0 0}.zus__paar .frosch--signatur{right:0;bottom:var(--space-2);position:absolute}@media (width<=599px){.zus__paar{padding-right:3.75rem;font-size:1.5rem}}.frosch{width:var(--frosch-b,3.5rem);pointer-events:none;transition:opacity var(--dur-m) var(--ease-ruhig);line-height:0;display:block;position:relative}.frosch__bild{filter:drop-shadow(0 0 .1875rem #f4f0ebf2);width:100%;height:auto;display:block}.frosch__bild--blick{opacity:0;position:absolute;inset:auto 0 0}.frosch--sitzend{--frosch-b:4rem}.frosch--neugierig,.frosch--springend,.frosch--ruhend{--frosch-b:4.5rem}@media (width<=599px){.frosch--sitzend,.frosch--neugierig,.frosch--springend,.frosch--ruhend{--frosch-b:3rem}}[data-kuss] .frosch{opacity:0}.frosch--rand{z-index:1;margin-bottom:-.1875rem;position:absolute;bottom:100%;right:1.5rem}[data-hinter] .frosch--rand{opacity:0;transition:none}.wunsch{isolation:isolate}.wunsch>button{z-index:1}.frosch--hinter{z-index:0;position:absolute;bottom:calc(100% - .375rem);right:16%}@media (width<=599px){.frosch--hinter{bottom:calc(100% - .25rem);right:22%}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){@keyframes frosch-blick{0%{opacity:0}14%,78%{opacity:1}to{opacity:0}}@keyframes frosch-ruhe{0%{opacity:1}14%,78%{opacity:0}to{opacity:1}}.frosch--sitzend{pointer-events:auto}.frosch--sitzend:hover .frosch__bild--blick{animation:frosch-blick 1.4s var(--ease-ruhig) 1 both}.frosch--sitzend:hover .frosch__bild:first-child{animation:frosch-ruhe 1.4s var(--ease-ruhig) 1 both}}.kuss{z-index:4;aspect-ratio:1;pointer-events:none;border-radius:var(--r-glas-s);background:#f2f2f2;width:clamp(5rem,38%,10rem);position:absolute;top:.5rem;left:.5rem;overflow:hidden;box-shadow:0 0 0 1px #ffffffb3,0 14px 28px -14px #27242873}.wunsch--schrift .kuss{width:5rem}.kuss__bild{object-fit:cover;width:100%;height:100%;display:block}.kuss__licht{aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(circle, #fff8e4e6 0, color-mix(in srgb, var(--licht-champagner) 75%, transparent) 32%, transparent 68%);border-radius:50%;width:80%;margin:-40% 0 0 -40%;position:absolute;top:52%;left:62%}@media (prefers-reduced-motion:no-preference){@keyframes kuss-ein{0%{opacity:0;transform:translate(-.375rem,.25rem)}10%{opacity:1;transform:none}87%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes kuss-licht{0%,74%{opacity:0;transform:scale(.3)}82%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.kuss:not(.kuss--still){animation:kuss-ein 3s var(--ease-ruhig) 1 both}.kuss:not(.kuss--still) .kuss__licht{animation:kuss-licht 3s var(--ease-ruhig) 1 both}}.kuss--still .kuss__licht{display:none}@media (prefers-reduced-motion:reduce){.kuss__licht{display:none}}[data-sprung] .planer:not(.planer--eingebettet) .planer__schritte:after{content:"";z-index:2;aspect-ratio:1.507;pointer-events:none;background:url(/marke/frosch-springend-160.webp) 50%/contain no-repeat;width:4.5rem;position:absolute;top:0;left:2rem;translate:0 -96%}@media (width<=599px){[data-sprung] .planer:not(.planer--eingebettet) .planer__schritte:after{width:3rem;left:1rem}}@media (prefers-reduced-motion:no-preference){@keyframes frosch-sprung{0%{opacity:0;transform:translate(-3.5rem,.5rem)rotate(-10deg)}12%{opacity:1}40%{animation-timing-function:var(--ease-ein);transform:translate(-1.5rem,-2.25rem)rotate(-4deg)}66%,84%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(0)}}[data-sprung] .planer:not(.planer--eingebettet) .planer__schritte:after{animation:frosch-sprung 1.3s var(--ease-ruhig) 1 both}}
