.cafe-page{--plum-50: #faf5f9;--plum-100: #f1e7ef;--plum-200: #e3d2df;--plum-300: #d2bccd;--plum-400: #b98dae;--plum-500: #902c7d;--plum-600: #76236a;--plum-700: #5e1c51;--plum-800: #491540;--plum-900: #350f2e;--green-50: #eff7f0;--green-100: #dfefe2;--green-200: #c8e4cd;--green-300: #b1d8b7;--green-400: #8ac395;--green-500: #5fa56c;--green-600: #45895a;--green-700: #356a45;--white: #ffffff;--gray-50: #f8f8f8;--gray-100: #f1f0f2;--gray-200: #e6e4e8;--gray-300: #d6d3da;--gray-400: #b6b2bd;--gray-500: #8a8590;--ink-600: #635e6b;--ink-700: #494450;--ink-800: #322e38;--ink-900: #221e27;--amber-100: #f7ebd0;--amber-600: #a9761f;--rose-100: #f7dee2;--rose-600: #a23f4f;--brand: var(--plum-500);--brand-hover: var(--plum-600);--brand-press: var(--plum-700);--brand-subtle: var(--plum-100);--brand-subtle-2: var(--plum-50);--brand-strong: var(--plum-700);--brand-300: var(--plum-300);--brand-on: var(--white);--accent: var(--green-300);--accent-hover: var(--green-400);--accent-on: var(--plum-700);--surface-page: var(--gray-50);--surface-card: var(--white);--surface-sunken: var(--gray-100);--surface-brand: var(--plum-700);--text-strong: var(--ink-900);--text-body: var(--ink-800);--text-muted: var(--ink-600);--text-subtle: var(--gray-500);--border-subtle: var(--gray-200);--border-default: var(--gray-300);--border-strong: var(--gray-400);--ring-focus: var(--plum-400);--danger: var(--rose-600);--danger-subtle: var(--rose-100);--font-heading: "Raleway", "Segoe UI", system-ui, sans-serif;--font-body: "Poppins", system-ui, -apple-system, sans-serif;--fw-semibold: 600;--fs-lg: 1.125rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-2xl: 40px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(46, 42, 34, .07);--shadow-md: 0 6px 18px rgba(46, 42, 34, .09);--shadow-lg: 0 16px 38px rgba(46, 42, 34, .12);--shadow-brand: 0 12px 30px rgba(94, 28, 81, .26);--shadow-focus: 0 0 0 4px rgba(144, 44, 125, .28);--container-xl: 1280px;--container-md: 880px;--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fast: .14s;--dur-base: .22s;font-family:var(--font-body);color:var(--text-body);background:var(--surface-page)}.cafe-page .zs-wrap{max-width:var(--container-xl);margin:0 auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.cafe-page .zs-sec{padding-block:clamp(4rem,8vw,7rem)}.cafe-page .zs-h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.12;letter-spacing:-.018em;color:var(--text-strong);margin:0;text-wrap:balance}.cafe-page .zs-kicker{font-family:var(--font-heading);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.cafe-page .zs-head{max-width:60ch}.cafe-page .zs-head--center{margin-inline:auto;text-align:center}.cafe-page .zs-head .zs-h2{margin-top:.7rem}.cafe-hero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(2.5rem,5vw,4.5rem)}.cafe-hero__inner{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.cafe-hero__copy{position:relative;z-index:2}.cafe-hero__kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;color:var(--brand);background:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:.45rem .85rem;border-radius:var(--radius-pill);white-space:nowrap}.cafe-hero__kicker svg{width:1.05rem;height:1.05rem}.cafe-hero__h1{font-family:var(--font-heading);font-weight:800;font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:1.05;letter-spacing:-.022em;color:var(--text-strong);margin:1.1rem 0 0;text-wrap:balance;max-width:14ch}.cafe-hero__h1 em{position:relative;font-style:normal;white-space:nowrap}.cafe-hero__h1 em:after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.06em;height:.34em;background:var(--green-300);opacity:.55;border-radius:var(--radius-pill);z-index:-1}.cafe-hero__sub{font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.6;color:var(--text-muted);margin:1.4rem 0 0;max-width:42ch}.cafe-hero__ticks{list-style:none;margin:1.7rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem 1.6rem}.cafe-hero__ticks li{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-strong)}.cafe-hero__ticks svg{width:1.15rem;height:1.15rem;color:var(--green-700);flex:0 0 auto}.cafe-hero__note{display:flex;align-items:flex-start;gap:.55rem;margin-top:1.4rem;font-size:.95rem;line-height:1.5;color:var(--text-muted);max-width:42ch}.cafe-hero__note svg{width:1.15rem;height:1.15rem;color:var(--green-700);flex:0 0 auto;margin-top:.12rem}.cafe-hero--foto{padding:0;min-height:min(84vh,720px);display:flex;align-items:center;overflow:hidden}.cafe-hero--foto .cafe-hero__bg{position:absolute;inset:0;z-index:-2;overflow:hidden}.cafe-hero--foto .cafe-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:54% 60%;transform-origin:54% 58%;transform:scale(1.18)}.cafe-hero--foto .cafe-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(98deg,#3a1733d1,#3a1733a8 24%,#3a17336b 46%,#3a173333 66%,#3a17330a 85%,#3a173300)}.cafe-hero--foto .cafe-hero__inner{padding-block:clamp(3rem,6vw,5rem);width:100%}.cafe-hero--foto .cafe-hero__kicker{background:#ffffff29;color:#fff;border-color:transparent;box-shadow:none}.cafe-hero--foto .cafe-hero__kicker svg{color:var(--green-300)}.cafe-hero--foto .cafe-hero__h1,.cafe-hero--foto .cafe-hero__h1 em{color:#fff}.cafe-hero--foto .cafe-hero__h1 em:after{background:var(--green-300);opacity:.8}.cafe-hero--foto .cafe-hero__sub{color:#ffffffe0}.cafe-hero--foto .cafe-hero__ticks li{color:#fff}.cafe-hero--foto .cafe-hero__ticks svg{color:var(--green-300)}.cafe-hero--foto .cafe-count__label{color:#ffffffd1}.cafe-hero--foto .cafe-count__seg{background:#ffffff24;border-color:#ffffff3d;box-shadow:none}.cafe-hero--foto .cafe-count__seg strong{color:#fff}.cafe-hero--foto .cafe-count__seg span{color:#fffc}.cafe-hero--foto .cafe-hero__note{color:#ffffffd9}.cafe-hero--foto .cafe-hero__note svg{color:var(--green-300)}.cafe-count{margin-top:1.8rem}.cafe-count__label{display:block;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--text-muted);margin-bottom:.55rem}.cafe-count__row{display:flex;gap:.6rem}.cafe-count__seg{min-width:3.8rem;padding:.6rem .4rem;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);text-align:center}.cafe-count__seg strong{display:block;font-family:var(--font-heading);font-weight:800;font-size:1.55rem;line-height:1;color:var(--text-strong);font-variant-numeric:tabular-nums}.cafe-count__seg span{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.cafe-count--live{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:#fff}.cafe-count__row[hidden],.cafe-count--live[hidden],.cafe-form[hidden],.cafe-card__head[hidden]{display:none}.cafe-count__dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--green-500);flex:0 0 auto}.cafe-card{position:relative;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:clamp(1.8rem,3vw,2.6rem)}.cafe-card__head{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.15;color:var(--text-strong);margin:0 0 1.3rem;text-wrap:balance}.cafe-form{display:flex;flex-direction:column;gap:1.05rem}.cafe-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cafe-micro{font-size:.86rem;line-height:1.5;color:var(--text-muted);margin:.2rem 0 0;display:flex;gap:.5rem;align-items:flex-start}.cafe-micro svg{width:1rem;height:1rem;color:var(--green-700);flex:0 0 auto;margin-top:.15rem}.cafe-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cafe-form__error{margin:0;font-size:.9rem;line-height:1.5;color:var(--danger);background:var(--danger-subtle);border-radius:var(--radius-md);padding:.7rem .9rem}.cafe-form__error[hidden]{display:none}.cafe-chips{display:flex;flex-wrap:wrap;gap:.5rem}.cafe-andere{margin-top:.6rem}.cafe-andere[hidden]{display:none}.cafe-done{text-align:center;padding:1.4rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.cafe-done[hidden]{display:none}.cafe-done__icon{width:3.8rem;height:3.8rem;border-radius:50%;background:var(--green-200);color:var(--green-700);display:inline-flex;align-items:center;justify-content:center;margin-bottom:.3rem}.cafe-done__icon svg{width:2rem;height:2rem}.cafe-done h3{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.5rem,2.2vw,1.9rem);color:var(--text-strong);margin:0}.cafe-done p{color:var(--text-muted);line-height:1.65;margin:0;max-width:38ch}.cafe-done__note{margin-top:.6rem;font-size:.9rem;color:var(--text-muted)}.cafe-done__note a{color:var(--brand);font-weight:600}.cafe-about__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:center}.cafe-about__art{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--plum-100)}.cafe-about__art img{width:100%;height:100%;object-fit:cover;object-position:center center}.cafe-about__body p{font-size:clamp(1.02rem,1.4vw,1.15rem);line-height:1.75;color:var(--text-body);margin:0 0 1.1rem;max-width:60ch}.cafe-about__body p:last-child{margin-bottom:0}.cafe-about__body strong{color:var(--text-strong);font-weight:600}.cafe-about__body .zs-h2{margin-top:.7rem}.cafe-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}.cafe-step{position:relative;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.8rem 1.6rem;box-shadow:var(--shadow-sm)}.cafe-step__num{font-family:var(--font-heading);font-weight:800;font-size:1.05rem;color:var(--brand);background:var(--plum-50);width:2.6rem;height:2.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.cafe-step h3{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--text-strong);margin:1.1rem 0 .5rem}.cafe-step p{color:var(--text-muted);line-height:1.65;margin:0}.cafe-cta{position:relative;overflow:hidden;background:var(--surface-brand);color:#fff;border-radius:var(--radius-2xl);text-align:center;padding:clamp(2.6rem,5vw,4rem) clamp(1.5rem,4vw,3rem);margin-block:clamp(1rem,2vw,2rem)}.cafe-cta h2{font-family:var(--font-heading);font-weight:800;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;margin:0 auto;max-width:18ch;text-wrap:balance}.cafe-cta p{color:var(--plum-200);font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.6;margin:1rem auto 0;max-width:46ch}.cafe-cta__btn{margin-top:1.8rem}.zk-field{display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-body)}.zk-field__label{font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-body)}.zk-field__req{color:var(--accent-hover);margin-left:.15em}.zk-input{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-strong);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:.7rem .9rem;width:100%;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.zk-input::placeholder{color:var(--text-subtle)}.zk-input:hover{border-color:var(--border-strong)}.zk-input:focus{outline:none;border-color:var(--ring-focus);box-shadow:var(--shadow-focus)}.zk-input--invalid{border-color:var(--danger)}.zk-input--invalid:focus{box-shadow:0 0 0 4px var(--danger-subtle)}.zk-input:disabled{background:var(--surface-sunken);opacity:.7;cursor:not-allowed}.zk-check{display:inline-flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-body);line-height:1.4}.zk-check input{position:absolute;opacity:0;width:0;height:0}.zk-check__box{flex:0 0 auto;width:1.4rem;height:1.4rem;border-radius:7px;border:1.5px solid var(--border-strong);background:var(--surface-card);display:inline-flex;align-items:center;justify-content:center;margin-top:1px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.zk-check__box svg{width:.95rem;height:.95rem;color:#fff;opacity:0;transform:scale(.6);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.zk-check input:checked+.zk-check__box{background:var(--brand);border-color:var(--brand)}.zk-check input:checked+.zk-check__box svg{opacity:1;transform:scale(1)}.zk-check input:focus-visible+.zk-check__box{box-shadow:var(--shadow-focus)}.zk-check__label a{color:var(--brand);font-weight:600}.zk-btn{--_bg: var(--brand);--_fg: var(--brand-on);--_bd: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--font-heading);font-weight:var(--fw-semibold);border:1.5px solid var(--_bd);background:var(--_bg);color:var(--_fg);border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-fast) var(--ease-out)}.zk-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.zk-btn--lg{font-size:var(--fs-lg);padding:.9rem 1.9rem}.zk-btn--full{width:100%}.zk-btn__i{display:inline-flex;align-items:center}.zk-btn__i svg{width:1.1em;height:1.1em;display:block}.zk-btn--primary{box-shadow:var(--shadow-brand)}.zk-btn--primary:hover{--_bg: var(--brand-hover);transform:translateY(-1px)}.zk-btn--primary:active{--_bg: var(--brand-press);transform:translateY(0)}.zk-btn--secondary{--_bg: transparent;--_fg: var(--brand-strong);--_bd: var(--brand-300)}.zk-btn--secondary:hover{--_bg: var(--brand-subtle-2);transform:translateY(-1px)}.zk-btn--secondary:active{--_bg: var(--brand-subtle);transform:translateY(0)}.zk-btn:disabled,.zk-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none;pointer-events:none}.cafe-welcome{position:relative;overflow:hidden;text-align:center;padding-block:clamp(2.8rem,6vw,5rem) clamp(1.5rem,3vw,2.5rem)}.cafe-welcome:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(110% 80% at 50% 0%,var(--green-100),transparent 60%),linear-gradient(180deg,#fbf7fa 0%,var(--surface-page) 70%)}.cafe-welcome__icon{width:4.4rem;height:4.4rem;border-radius:50%;background:var(--green-200);color:var(--green-700);display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.cafe-welcome__icon svg{width:2.4rem;height:2.4rem}.cafe-welcome__h1{font-family:var(--font-heading);font-weight:800;font-size:clamp(2.2rem,4.4vw,3.2rem);line-height:1.05;letter-spacing:-.022em;color:var(--text-strong);margin:1.2rem 0 0}.cafe-welcome__lead{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.65;color:var(--text-muted);margin:1.1rem auto 0;max-width:48ch}.cafe-welcome__media{position:relative;max-width:30rem;margin:2.6rem auto 0}.cafe-welcome__foot{font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.7;color:var(--text-muted);margin:2rem auto 0;max-width:50ch}.cafe-hero__media-main{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:3 / 2;background:var(--plum-100)}.cafe-hero__media-main img{width:100%;height:100%;object-fit:cover;display:block}.cafe-hero__media-sign{position:absolute;right:-1rem;bottom:-1.6rem;width:42%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:5px solid var(--surface-card);aspect-ratio:4 / 3;background:var(--plum-100)}.cafe-hero__media-sign img{width:100%;height:100%;object-fit:cover;display:block}.cafe-infocard{position:relative;overflow:hidden;max-width:42rem;margin:2.4rem auto 0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:clamp(1.8rem,3.5vw,2.8rem);text-align:left}.cafe-infocard__termin{display:flex;align-items:center;gap:1rem;padding-bottom:1.4rem;margin-bottom:1.6rem;border-bottom:1px solid var(--border-subtle)}.cafe-infocard__termin .cafe-ti{width:3rem;height:3rem;border-radius:var(--radius-md);flex:0 0 auto;background:var(--plum-50);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.cafe-infocard__termin .cafe-ti svg{width:1.5rem;height:1.5rem}.cafe-infocard__termin small{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:var(--font-heading);font-weight:700}.cafe-infocard__termin strong{display:block;font-family:var(--font-heading);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.35rem);color:var(--text-strong);margin-top:.2rem}.cafe-infocard__btns{display:flex;flex-wrap:wrap;gap:.9rem}.cafe-infocard__btns .zk-btn{flex:1 1 auto}.cafe-infocard__pass{font-size:.88rem;color:var(--text-muted);margin:.9rem 0 0}.cafe-infocard__pass code{font-family:var(--font-heading);font-weight:700;color:var(--brand);background:var(--plum-50);border-radius:var(--radius-sm);padding:.05em .4em}.cafe-spin{display:none}.zk-btn.is-loading .cafe-spin{display:inline-flex;animation:cafe-rotate .7s linear infinite}.zk-btn.is-loading .zk-btn__i:not(.cafe-spin){display:none}#cafe-submit:disabled:not(.is-loading){pointer-events:auto;cursor:not-allowed}#cafe-submit:disabled:not(.is-loading):hover{--_bg: var(--brand);transform:none}@keyframes cafe-pulse{0%{box-shadow:#b1d8b7b3 0 0}70%{box-shadow:#b1d8b700 0 0 0 .7rem}to{box-shadow:#b1d8b700 0 0}}@keyframes cafe-kenburns{0%{transform:scale(1.18)}to{transform:scale(1.3) translate(-1.5%,-1.2%)}}@keyframes cafe-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.cafe-count__dot{animation:cafe-pulse 1.7s var(--ease-out) infinite}.cafe-hero--foto .cafe-hero__bg img{animation:cafe-kenburns 28s ease-in-out infinite alternate}}@media(max-width:880px){.cafe-hero__inner{grid-template-columns:1fr;gap:2.4rem}.cafe-hero--foto .cafe-hero__scrim{background:linear-gradient(#3a1733e6,#3a1733c7)}.cafe-about__grid{grid-template-columns:1fr;gap:2.2rem}.cafe-about__art{order:-1;max-width:420px;margin-inline:auto;aspect-ratio:4 / 3}.cafe-steps{grid-template-columns:1fr}}@media(max-width:520px){.cafe-form__row{grid-template-columns:1fr}}