.kdk-countdown-placeholder {
min-height: 240px;
display: flex;
align-items: center;
justify-content: center;
background: #0a0a0a;
border: 2px dashed #404040;
border-radius: 4px;
}.kdk-spende { position: relative; overflow: hidden; width: 100%; }
.kdk-spende--pad-sm { padding-top: 3rem;  padding-bottom: 3rem; }
.kdk-spende--pad-md { padding-top: 5rem;  padding-bottom: 5rem; }
.kdk-spende--pad-lg { padding-top: 7rem;  padding-bottom: 7rem; }
.kdk-spende--pad-xl { padding-top: 10rem; padding-bottom: 10rem; }
.kdk-spende__bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; z-index: 0; }
.kdk-spende__inner { position: relative; z-index: 1; max-width: 860px; margin-inline: auto; padding-inline: 1.5rem; }
.kdk-spende--align-left         .kdk-spende__inner { margin-inline: 0 auto; text-align: left; }
.kdk-spende--align-center       .kdk-spende__inner { margin-inline: auto;   text-align: center; }
.kdk-spende--align-right        .kdk-spende__inner { margin-inline: auto 0; text-align: right; }
.kdk-spende--align-center-left  .kdk-spende__inner { margin-inline: auto;   text-align: left; }
.kdk-spende--align-center-right .kdk-spende__inner { margin-inline: auto;   text-align: right; }
.kdk-spende__title {
font-family: var(--wp--preset--font-family--display, inherit);
font-weight: 400; line-height: 1.05; margin: 0 0 1rem;
}
.kdk-spende--title-md  .kdk-spende__title { font-size: var(--kdk-fs-s);  }
.kdk-spende--title-lg  .kdk-spende__title { font-size: var(--kdk-fs-m);  }
.kdk-spende--title-xl  .kdk-spende__title { font-size: var(--kdk-fs-l);  }
.kdk-spende--title-2xl .kdk-spende__title { font-size: var(--kdk-fs-xl); }
.kdk-spende__subtitle { font-size: var(--kdk-fs-body-m); line-height: 1.6; opacity: 0.8; margin: 0 0 2.5rem; max-width: 720px; }
.kdk-spende__subtitle p { margin: 0.75em 0; }
.kdk-spende__subtitle p:first-child { margin-top: 0; }
.kdk-spende__subtitle p:last-child { margin-bottom: 0; }
.kdk-spende--align-center .kdk-spende__subtitle,
.kdk-spende--align-center-left .kdk-spende__subtitle,
.kdk-spende--align-center-right .kdk-spende__subtitle { margin-inline: auto; }
.kdk-spende--align-right  .kdk-spende__subtitle { margin-left: auto; }
.kdk-spende__actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.kdk-spende--align-center .kdk-spende__actions,
.kdk-spende--align-center-left .kdk-spende__actions,
.kdk-spende--align-center-right .kdk-spende__actions { justify-content: center; }
.kdk-spende--align-right  .kdk-spende__actions { justify-content: flex-end; }
.kdk-spende__btn {
display: inline-flex; align-items: center; gap: 0.5rem;
padding: 1rem 2.5rem; font-size: 1rem; font-weight: 700;
border-radius: 100px; cursor: pointer; text-decoration: none; letter-spacing: 0.02em;
transition: transform 200ms ease, opacity 200ms ease, box-shadow 200ms ease;
}
.kdk-spende__btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
.kdk-spende__btn--solid  { background: #fff; color: #0A0A0A; }
.kdk-spende__btn--outline { background: transparent; color: currentColor; border: 2px solid currentColor; }
.kdk-spende__btn--ghost {
background: transparent; color: currentColor; text-decoration: underline;
text-underline-offset: 0.2em; padding-inline: 0; border-radius: 0;
}
.kdk-spende__btn--ghost::after { content: ' →'; } .kdk-spende__progress {
width: 100%;
max-width: 480px;
margin-bottom: 2rem;
}
.kdk-spende--align-center .kdk-spende__progress { margin-inline: auto; }
.kdk-spende--align-right  .kdk-spende__progress { margin-left: auto; }
.kdk-spende__progress-header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 0.75rem;
gap: 1rem;
} .kdk-spende__progress-header--centered {
justify-content: center !important;
text-align: center;
} .kdk-spende__progress--numbers-lg .kdk-spende__progress-header,
.kdk-spende__progress--numbers-xl .kdk-spende__progress-header,
.kdk-spende__progress--numbers-2xl .kdk-spende__progress-header {
margin-bottom: 1.25rem;
}
.kdk-spende__progress--numbers-lg .kdk-spende__progress-bar-pct,
.kdk-spende__progress--numbers-xl .kdk-spende__progress-bar-pct,
.kdk-spende__progress--numbers-2xl .kdk-spende__progress-bar-pct {
margin-top: 0.75rem;
}
.kdk-spende__progress-label {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
opacity: 0.6;
}
.kdk-spende__progress-numbers {
font-size: 0.9375rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.kdk-spende__progress--numbers-md .kdk-spende__progress-numbers { font-size: 1.25rem; }
.kdk-spende__progress--numbers-lg .kdk-spende__progress-numbers { font-size: 1.75rem; }
.kdk-spende__progress--numbers-xl .kdk-spende__progress-numbers { font-size: 2.5rem; }
.kdk-spende__progress--numbers-2xl .kdk-spende__progress-numbers { font-size: 3.5rem;
} .kdk-spende__progress-bar {
width: 100%;
height: 14px;
border-radius: 999px;
background: rgba(255,255,255,0.15);
overflow: hidden;
}
.kdk-spende__progress-fill {
height: 100%;
border-radius: 999px;
background: currentColor;
opacity: 0.85;
transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
} .kdk-spende__progress-bar-pct {
display: block;
margin-top: 0.5rem;
margin-left: 0.25rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
white-space: nowrap;
} .kdk-spende__progress--numbers-md .kdk-spende__progress-bar-pct { font-size: 1.25rem; }
.kdk-spende__progress--numbers-lg .kdk-spende__progress-bar-pct { font-size: 1.75rem; }
.kdk-spende__progress--numbers-xl .kdk-spende__progress-bar-pct { font-size: 2.5rem; }
.kdk-spende__progress--numbers-2xl .kdk-spende__progress-bar-pct { font-size: 3.5rem; } .kdk-spende__progress--thick .kdk-spende__progress-bar {
height: 24px;
border-radius: 12px;
}
.kdk-spende__progress--thick .kdk-spende__progress-fill {
border-radius: 12px;
} .kdk-spende__progress--stripe .kdk-spende__progress-bar {
height: 20px;
border-radius: 10px;
}
.kdk-spende__progress--stripe .kdk-spende__progress-fill {
border-radius: 10px;
background: repeating-linear-gradient(
-45deg,
currentColor,
currentColor 8px,
transparent 8px,
transparent 14px
);
opacity: 0.7;
} .kdk-spende__progress-ring {
position: relative;
width: 120px;
height: 120px;
margin: 0.5rem auto;
}
.kdk-spende__ring-svg {
width: 100%;
height: 100%;
transform: rotate(-90deg);
}
.kdk-spende__ring-track {
fill: none;
stroke: rgba(255,255,255,0.15);
stroke-width: 10;
}
.kdk-spende__ring-fill {
fill: none;
stroke: currentColor;
stroke-width: 10;
stroke-linecap: round;
stroke-dasharray: 0 326.7;
transition: stroke-dasharray 0.8s cubic-bezier(0.22, 1, 0.36, 1);
opacity: 0.85;
}
.kdk-spende__ring-pct {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.kdk-spende--align-left .kdk-spende__progress-ring { margin-inline: 0; }
.kdk-spende--align-right .kdk-spende__progress-ring { margin-inline: auto 0; } .kdk-spende__progress-pct { display: none; }  .kdk-spende__icons {
display: flex;
flex-direction: column;
gap: 1.25rem;
width: 100%;
max-width: 720px;
margin-bottom: 2rem;
} .kdk-spende__icons--grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
.kdk-spende__icons--grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
max-width: 900px;
}
.kdk-spende--align-center .kdk-spende__icons,
.kdk-spende--align-center-left .kdk-spende__icons,
.kdk-spende--align-center-right .kdk-spende__icons { margin-inline: auto; }
.kdk-spende--align-right .kdk-spende__icons { margin-left: auto; } .kdk-spende__icon-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 1rem;
} .kdk-spende__icons--grid-2 .kdk-spende__icon-item,
.kdk-spende__icons--grid-4 .kdk-spende__icon-item {
flex-direction: column;
align-items: center;
text-align: center;
}
.kdk-spende__icon-img {
width: 48px;
height: 48px;
-o-object-fit: contain;
object-fit: contain;
flex-shrink: 0;
}
.kdk-spende__icon-text {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.kdk-spende__icon-label {
font-size: 0.9375rem;
font-weight: 700;
} .kdk-spende__icons--text-md .kdk-spende__icon-label { font-size: 1.0625rem; }
.kdk-spende__icons--text-md .kdk-spende__icon-desc  { font-size: 0.9375rem; }
.kdk-spende__icons--text-lg .kdk-spende__icon-label { font-size: 1.25rem; }
.kdk-spende__icons--text-lg .kdk-spende__icon-desc  { font-size: 1.0625rem; }
.kdk-spende__icon-desc {
font-size: 0.8125rem;
opacity: 0.7;
line-height: 1.5;
} .kdk-spende__extra {
max-width: 720px;
font-size: var(--kdk-fs-body-m);
line-height: 1.6;
opacity: 0.8;
margin-bottom: 2rem;
}
.kdk-spende__extra p { margin: 0.5em 0; }
.kdk-spende--align-center .kdk-spende__extra,
.kdk-spende--align-center-left .kdk-spende__extra,
.kdk-spende--align-center-right .kdk-spende__extra { margin-inline: auto; }
.kdk-spende--align-right .kdk-spende__extra { margin-left: auto; }
@media (max-width: 640px) {
.kdk-spende--pad-lg { padding-top: 4rem;  padding-bottom: 4rem; }
.kdk-spende--pad-xl { padding-top: 5rem;  padding-bottom: 5rem; }
.kdk-spende__icons,
.kdk-spende__icons--grid-2,
.kdk-spende__icons--grid-4 { grid-template-columns: 1fr !important; gap: 1rem; }
}.kdk-cards .grid {
align-items: stretch;
} .kdk-cards .grid.lg\:grid-cols-1 {
max-width: 680px;
margin-inline: auto;
}
.kdk-card {
height: 100%;
}
.kdk-card-flip {
height: 100%;
} .kdk-card__hover-sizer {
visibility: hidden;
pointer-events: none;
position: relative;
z-index: -1;
margin-top: 0.5rem;
}  .kdk-card-flip {
perspective: 800px;
border-radius: 0.5rem;
overflow: hidden;
}
.kdk-card-flip__inner {
position: relative;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
}
.kdk-card-flip:hover .kdk-card-flip__inner {
transform: rotateY(180deg);
}
.kdk-card-flip__front,
.kdk-card-flip__back {
position: absolute;
inset: 0;
backface-visibility: hidden;
display: flex;
flex-direction: column;
}
.kdk-card-flip__front {
z-index: 2;
}
.kdk-card-flip__back {
transform: rotateY(180deg);
z-index: 1;
} .kdk-card--slide-up {
position: relative;
}
.kdk-card--slide-up .kdk-card__hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
background: inherit;
color: inherit;
border-radius: inherit;
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 5;
}
.kdk-card--slide-up:hover .kdk-card__hover {
transform: translateY(0);
} .kdk-card--slide-up .kdk-card__front {
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}
.kdk-card--slide-up:hover .kdk-card__front {
transform: translateY(-10%);
opacity: 0;
} .kdk-card--fade {
position: relative;
}
.kdk-card--fade .kdk-card__hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
background: inherit;
color: inherit;
border-radius: inherit;
opacity: 0;
transition: opacity 0.35s ease;
z-index: 5;
}
.kdk-card--fade:hover .kdk-card__hover {
opacity: 1;
} .kdk-card--zoom-blur {
position: relative;
}
.kdk-card--zoom-blur .kdk-card__front {
transition: filter 0.4s ease, transform 0.4s ease;
}
.kdk-card--zoom-blur:hover .kdk-card__front {
filter: blur(4px);
transform: scale(1.04);
}
.kdk-card--zoom-blur .kdk-card__hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
color: inherit;
border-radius: inherit;
opacity: 0;
transform: scale(0.95);
transition: opacity 0.35s ease, transform 0.35s ease;
z-index: 5;
}
.kdk-card--zoom-blur:hover .kdk-card__hover {
opacity: 1;
transform: scale(1);
} .kdk-card__main-image {
width: 100%;
overflow: hidden;
margin-bottom: 0.5rem;
background: rgba(0, 0, 0, 0.04);
}
.kdk-card__main-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.kdk-card--img-square .kdk-card__main-image {
aspect-ratio: 1 / 1;
border-radius: 0.5rem;
}
.kdk-card--img-portrait .kdk-card__main-image {
aspect-ratio: 4 / 5;
border-radius: 0.5rem;
}
.kdk-card--img-circle .kdk-card__main-image {
aspect-ratio: 1 / 1;
border-radius: 9999px;
max-width: 70%;
margin-inline: auto;
}
.kdk-card__subtitle {
margin: -0.25rem 0 0;
font-family: var(--wp--preset--font-family--sans, inherit);
font-weight: 500;
letter-spacing: 0.01em;
} .kdk-card__desc p { margin: 0.4em 0; }
.kdk-card__desc p:first-child { margin-top: 0; }
.kdk-card__desc p:last-child { margin-bottom: 0; }
.kdk-card__desc a { color: inherit; text-decoration: underline; text-underline-offset: 0.15em; }
.kdk-card__desc a:hover { opacity: 0.7; } .kdk-card__hover-content p { margin: 0.4em 0; }
.kdk-card__hover-content a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
transition: opacity 150ms;
}
.kdk-card__hover-content a:hover { opacity: 0.7; }