.fdf-section,.fdf-section *{box-sizing:border-box}.fdf-section{--fdf-bg: #151712;--fdf-text: #f6f1df;--fdf-muted: #b8b0a1;--fdf-eyebrow: #b8b0a1;--fdf-heading: #f6f1df;--fdf-intro: #b8b0a1;--fdf-accent: #b9d49d;--fdf-heading-accent: #b9d49d;--fdf-border: #3d4638;--fdf-max: 1320px;--fdf-eyebrow-size: 21px;--fdf-heading-size: 100px;--fdf-heading-line-height: 1.08;--fdf-intro-size: 24px;--fdf-card-title-size: 61px;--fdf-card-text-size: 24px;--fdf-card-badge-size: 17px;--fdf-card-button-size: 19px;--fdf-card-hint-size: 17px;--fdf-card-back-title-size: 51px;--fdf-card-back-text-size: 24px;--fdf-card-return-size: 18px;position:relative;overflow:hidden;padding:64px 0;color:var(--fdf-text);background:var(--fdf-bg);font-family:inherit;letter-spacing:0;isolation:isolate}.fdf-section .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fdf-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 14%,color-mix(in srgb,var(--fdf-accent),transparent 88%),transparent 28%),radial-gradient(circle at 84% 72%,rgba(169,217,232,.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 36%)}.fdf-backdrop:after{content:"spende";position:absolute;right:-.12em;top:24%;color:#ffffff09;font-size:clamp(8rem,22vw,24rem);font-weight:850;line-height:1;pointer-events:none;writing-mode:vertical-rl}.fdf-container{width:min(100% - 32px,var(--fdf-max));margin:0 auto}.fdf-header{max-width:820px;margin:0 auto 34px;text-align:center}.fdf-eyebrow{margin:0 0 18px;color:var(--fdf-eyebrow);font-size:var(--fdf-eyebrow-size);font-weight:820;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.fdf-heading{margin:0;color:var(--fdf-heading);font-size:clamp(calc(var(--fdf-heading-size) * .54),14vw,var(--fdf-heading-size));font-weight:850;line-height:var(--fdf-heading-line-height);letter-spacing:0;text-wrap:balance}.fdf-heading__accent{color:var(--fdf-heading-accent);font-style:italic;font-weight:700}.fdf-heading__line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.06em}.fdf-heading__line>span{display:block}.fdf-intro{max-width:680px;margin:18px auto 0;color:var(--fdf-intro);font-size:var(--fdf-intro-size);font-weight:570;line-height:1.6}.fdf-heading,.fdf-intro,.fdf-card__title,.fdf-card__text,.fdf-card__back-title,.fdf-card__long-text{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.fdf-grid{display:grid;grid-template-columns:1fr;gap:20px;perspective:1600px;align-items:stretch}.fdf-card{--fdf-card-top: #2f4d31;--fdf-card-bottom: #24231f;--fdf-card-back: #2f4d31;--fdf-card-text: var(--fdf-text);--fdf-card-muted: var(--fdf-muted);--fdf-card-accent: var(--fdf-accent);--fdf-badge-bg: #ffffff;--fdf-badge-text: #24231f;--fdf-button-bg: var(--fdf-accent);--fdf-button-text: #24231f;position:relative;display:flex;min-width:0;min-height:0;perspective:1400px;container-type:inline-size}.fdf-card__stage{display:grid;flex:1 1 auto;gap:12px;min-height:0}.fdf-card__face{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--fdf-border),transparent 12%);border-radius:8px;color:var(--fdf-card-text);box-shadow:0 24px 62px #0000002e}.fdf-card__face--front{position:relative;display:grid;min-height:520px;grid-template-rows:minmax(210px,43%) 1fr;background:var(--fdf-card-bottom)}.fdf-card__toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.fdf-card__toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--fdf-card-accent),transparent 42%);outline-offset:-7px}.fdf-card__media{position:relative;display:grid;min-height:210px;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--fdf-card-accent),transparent 74%),transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--fdf-card-top),white 4%),var(--fdf-card-top))}.fdf-card__media:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.14));pointer-events:none}.fdf-card__badge{position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;min-height:28px;align-items:center;padding:0 13px;border-radius:999px;color:var(--fdf-badge-text);background:var(--fdf-badge-bg);font-size:var(--fdf-card-badge-size);font-weight:850;line-height:1}.fdf-card--selected .fdf-card__badge:before{content:"\2713";margin-right:6px}.fdf-card__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;filter:none;transform:translateZ(0) scale(1.001);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.fdf-card__icon{position:relative;z-index:1;display:block;font-size:clamp(5rem,24vw,8rem);line-height:1;filter:drop-shadow(0 18px 24px rgba(0,0,0,.2));transform:translateZ(0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.fdf-card__copy{position:relative;display:grid;height:100%;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;min-height:0;padding:28px}.fdf-card__title{margin:0;color:var(--fdf-card-text);font-size:clamp(2rem,min(11cqi,var(--fdf-card-title-size)),var(--fdf-card-title-size));font-weight:850;line-height:.98;text-wrap:balance}.fdf-card__text{margin:18px 0 0;color:var(--fdf-card-muted);font-size:clamp(1rem,min(6.2cqi,var(--fdf-card-text-size)),var(--fdf-card-text-size));font-weight:650;line-height:1.45}.fdf-card__button{position:relative;z-index:5;display:inline-flex;width:fit-content;min-height:44px;align-items:center;justify-content:center;gap:8px;margin-top:24px;align-self:end;padding:0 20px;border-radius:999px;color:var(--fdf-button-text);background:var(--fdf-button-bg);font-size:clamp(.95rem,min(5.1cqi,var(--fdf-card-button-size)),var(--fdf-card-button-size));font-weight:850;line-height:1;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.fdf-card__button:hover,.fdf-card__button:focus-visible{transform:translate3d(0,-2px,0);filter:brightness(1.04);box-shadow:0 14px 28px #0000002e}.fdf-card__button:focus-visible,.fdf-card__return:focus-visible{outline:3px solid color-mix(in srgb,var(--fdf-card-accent),transparent 42%);outline-offset:3px}.fdf-card__hint{display:inline-flex;width:fit-content;margin-top:18px;color:var(--fdf-card-muted);font-size:clamp(.9rem,min(4.4cqi,var(--fdf-card-hint-size)),var(--fdf-card-hint-size));font-weight:780;line-height:1}.fdf-card__hint:after{content:"";width:18px;height:1px;margin:.5em 0 0 8px;background:currentColor;transform-origin:left center;transition:transform .26s ease}.fdf-card__face--back{display:grid;min-height:320px;align-content:center;padding:30px;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--fdf-card-accent),transparent 74%),transparent 28%),linear-gradient(135deg,var(--fdf-card-back),color-mix(in srgb,var(--fdf-card-back),#000000 18%))}.fdf-card__back-inner{display:grid;gap:16px}.fdf-card__back-title{margin:0;color:var(--fdf-card-text);font-size:clamp(1.8rem,min(9.4cqi,var(--fdf-card-back-title-size)),var(--fdf-card-back-title-size));font-weight:850;line-height:1;text-wrap:balance}.fdf-card__long-text{color:var(--fdf-card-muted);font-size:clamp(1rem,min(6cqi,var(--fdf-card-back-text-size)),var(--fdf-card-back-text-size));font-weight:610;line-height:1.45}.fdf-card__long-text p{margin:0}.fdf-card__long-text p+p{margin-top:.85em}.fdf-card__button--back{margin-top:4px}.fdf-card__return{justify-self:start;margin-top:2px;padding:0;border:0;color:var(--fdf-card-muted);background:transparent;font:inherit;font-size:clamp(.9rem,min(4.2cqi,var(--fdf-card-return-size)),var(--fdf-card-return-size));font-weight:820;line-height:1;text-decoration:underline;text-underline-offset:.22em;cursor:pointer}.fdf-card:hover .fdf-card__image,.fdf-card:focus-within .fdf-card__image,.fdf-card:hover .fdf-card__icon,.fdf-card:focus-within .fdf-card__icon{transform:translate3d(0,-6px,0) scale(1.055)}.fdf-card:hover .fdf-card__hint:after,.fdf-card:focus-within .fdf-card__hint:after{transform:scaleX(1.45)}.fdf-js .fdf-card__stage{position:relative;min-height:520px;gap:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.8,.2,1)}.fdf-js .fdf-card__face{grid-area:1 / 1;min-height:520px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.fdf-js .fdf-card__face,.fdf-js .fdf-card__face *{backface-visibility:hidden;-webkit-backface-visibility:hidden}.fdf-js .fdf-card__face--front{transform:rotateY(0) translateZ(1px)}.fdf-js .fdf-card__face--back{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:rotateY(180deg) translateZ(1px)}.fdf-js .fdf-card--flipped .fdf-card__stage{transform:rotateY(180deg)}.fdf-js .fdf-card--flipped .fdf-card__face--front{pointer-events:none}.fdf-js .fdf-card--flipped .fdf-card__face--back{pointer-events:auto}.fdf-js .fdf-header,.fdf-js .fdf-card{opacity:0;filter:blur(10px);transform:translate3d(0,24px,0)}.fdf-js [data-fdf-line]>span{transform:translate3d(0,112%,0)}.fdf-js .fdf-is-visible.fdf-header,.fdf-js .fdf-is-visible.fdf-card{animation:fdfFadeLift .78s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--fdf-delay, 0ms)}.fdf-js .fdf-is-visible [data-fdf-line]>span{animation:fdfLineReveal .82s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--fdf-delay, .12s)}@keyframes fdfFadeLift{to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes fdfLineReveal{to{transform:translateZ(0)}}@media screen and (min-width:720px){.fdf-section{padding:86px 0}.fdf-container{width:min(100% - 56px,var(--fdf-max))}.fdf-header{margin-bottom:52px}.fdf-heading{font-size:clamp(calc(var(--fdf-heading-size) * .72),6vw,var(--fdf-heading-size))}.fdf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.fdf-card__face--front,.fdf-js .fdf-card__stage,.fdf-js .fdf-card__face{min-height:560px}.fdf-card__face--front{grid-template-rows:minmax(230px,44%) 1fr}.fdf-card__media{min-height:230px}.fdf-card__copy{padding:34px}.fdf-card__face--back{padding:36px}}@media screen and (min-width:1120px){.fdf-section{padding:108px 0}.fdf-grid{gap:28px}}@media(prefers-reduced-motion:reduce){.fdf-section *,.fdf-section *:before,.fdf-section *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.fdf-js .fdf-card__stage,.fdf-js .fdf-card--flipped .fdf-card__stage{transform:none}.fdf-js .fdf-card__face--back{display:none;transform:none}.fdf-js .fdf-card--flipped .fdf-card__face--front{display:none}.fdf-js .fdf-card--flipped .fdf-card__face--back{display:grid}.fdf-js .fdf-header,.fdf-js .fdf-card,.fdf-js [data-fdf-line]>span{opacity:1;filter:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/fellinora-donation-flipcards.css.map */