.marketing-demo-page { display: grid; gap: 0; padding: 24px 0 40px; } .marketing-demo-section { padding: var(--ci-space-2xl) 0; } .marketing-demo-section--tight { padding-top: var(--ci-space-xl); padding-bottom: var(--ci-space-xl); } .marketing-demo-shell { width: min(100%, var(--ci-public-shell-max, 1480px)); margin: 0 auto; padding: 0 var(--ci-public-shell-padding, 24px); } .marketing-demo-hero, .marketing-demo-section-head, .marketing-demo-final .ci-card__body { display: grid; gap: var(--ci-space-md); } .marketing-demo-hero { max-width: 68ch; } .marketing-demo-eyebrow { display: inline-flex; width: max-content; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--ci-radius-pill); background: rgba(227, 234, 240, 0.72); color: var(--accent-dark); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .marketing-demo-eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--accent-dark); opacity: 0.8; } .marketing-demo-hero h1, .marketing-demo-section-head h2 { margin: 0; line-height: 1.04; } .marketing-demo-hero h1 { font-size: clamp(2.3rem, 4.8vw, 3.9rem); max-width: 12ch; } .marketing-demo-hero p, .marketing-demo-section-head p { margin: 0; line-height: 1.7; } .marketing-demo-hero__actions { display: flex; gap: var(--ci-space-md); flex-wrap: wrap; } .marketing-demo-highlights, .marketing-demo-grid { display: grid; gap: var(--ci-space-lg); } .marketing-demo-highlights { grid-template-columns: repeat(3, minmax(0, 1fr)); } .marketing-demo-highlights .ci-card__body { min-height: 96px; display: grid; place-items: center; text-align: center; } .marketing-demo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketing-demo-card .ci-card__body { display: grid; gap: var(--ci-space-md); } .marketing-demo-preview { min-height: 360px; overflow: hidden; border-radius: calc(var(--ci-radius-lg) - 2px); background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,250,255,0.94) 100%); border: 1px solid rgba(207, 202, 196, 0.52); } .marketing-demo-preview .template-shell { transform: scale(0.8); transform-origin: top center; width: 125%; margin-left: -12.5%; } .marketing-demo-final { text-align: center; } .marketing-demo-final .ci-card__body { justify-items: center; padding-top: var(--ci-space-2xl); padding-bottom: var(--ci-space-2xl); } .marketing-demo-final p { max-width: 52ch; } @media (max-width: 980px) { .marketing-demo-highlights, .marketing-demo-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { .marketing-demo-page { padding-top: 12px; } .marketing-demo-section { padding: var(--ci-space-xl) 0; } .marketing-demo-shell { padding: 0 16px; } } .marketing-faq-page { display: grid; gap: 0; padding: 24px 0 40px; } .marketing-faq-section { padding: var(--ci-space-2xl) 0; } .marketing-faq-shell { width: min(100%, var(--ci-public-shell-max, 1480px)); margin: 0 auto; padding: 0 var(--ci-public-shell-padding, 24px); } .marketing-faq-hero, .marketing-faq-group, .marketing-faq-final .ci-card__body { display: grid; gap: var(--ci-space-md); } .marketing-faq-hero { max-width: 68ch; } .marketing-faq-eyebrow { display: inline-flex; width: max-content; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--ci-radius-pill); background: rgba(227, 234, 240, 0.72); color: var(--accent-dark); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .marketing-faq-eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--accent-dark); opacity: 0.8; } .marketing-faq-hero h1, .marketing-faq-group h2, .marketing-faq-item h3 { margin: 0; line-height: 1.04; } .marketing-faq-hero h1 { font-size: clamp(2.3rem, 4.7vw, 3.8rem); max-width: 10ch; } .marketing-faq-hero p, .marketing-faq-item p { margin: 0; line-height: 1.7; } .marketing-faq-groups, .marketing-faq-grid, .marketing-faq-quick-grid, .marketing-faq-next-grid { display: grid; gap: var(--ci-space-lg); } .marketing-faq-grid, .marketing-faq-quick-grid, .marketing-faq-next-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .marketing-faq-trust .ci-card__body { display: grid; place-items: center; min-height: 92px; text-align: center; } .marketing-faq-next-card .ci-card__body { display: grid; gap: var(--ci-space-md); } .marketing-faq-final { text-align: center; } .marketing-faq-final .ci-card__body { justify-items: center; padding-top: var(--ci-space-2xl); padding-bottom: var(--ci-space-2xl); } .marketing-faq-final p { max-width: 52ch; } @media (max-width: 980px) { .marketing-faq-grid, .marketing-faq-quick-grid, .marketing-faq-next-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { .marketing-faq-page { padding-top: 12px; } .marketing-faq-section { padding: var(--ci-space-xl) 0; } .marketing-faq-shell { padding: 0 16px; } } .marketing-flow-page { display: grid; gap: 0; padding: 24px 0 40px; } .marketing-flow-section { padding: var(--ci-space-2xl) 0; } .marketing-flow-section--tight { padding-top: var(--ci-space-xl); padding-bottom: var(--ci-space-xl); } .marketing-flow-shell { width: min(100%, var(--ci-public-shell-max, 1480px)); margin: 0 auto; padding: 0 var(--ci-public-shell-padding, 24px); } .marketing-flow-hero, .marketing-flow-section-head, .marketing-flow-final .ci-card__body { display: grid; gap: var(--ci-space-md); } .marketing-flow-hero { max-width: 68ch; } .marketing-flow-eyebrow { display: inline-flex; width: max-content; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--ci-radius-pill); background: rgba(227, 234, 240, 0.72); color: var(--accent-dark); font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .marketing-flow-eyebrow::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--accent-dark); opacity: 0.8; } .marketing-flow-hero h1, .marketing-flow-section-head h2 { margin: 0; line-height: 1.04; } .marketing-flow-hero h1 { font-size: clamp(2.3rem, 4.6vw, 3.9rem); max-width: 12ch; } .marketing-flow-hero p, .marketing-flow-section-head p { margin: 0; line-height: 1.7; } .marketing-flow-hero__actions { display: flex; gap: var(--ci-space-md); flex-wrap: wrap; } .marketing-flow-grid, .marketing-flow-conversion-grid, .marketing-flow-principles, .marketing-flow-stats, .marketing-flow-objection-grid { display: grid; gap: var(--ci-space-lg); } .marketing-flow-grid, .marketing-flow-stats, .marketing-flow-objection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .marketing-flow-conversion-grid, .marketing-flow-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .marketing-flow-trust .ci-card__body { display: grid; place-items: center; min-height: 92px; text-align: center; } .marketing-flow-card .ci-card__body, .marketing-flow-principle .ci-card__body, .marketing-flow-conversion-card .ci-card__body, .marketing-flow-objection .ci-card__body { display: grid; gap: var(--ci-space-md); } .marketing-flow-card__number { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 16px; background: rgba(227, 234, 240, 0.78); color: var(--accent-dark); font-weight: 800; } .marketing-flow-card__proof { padding-top: var(--ci-space-sm); border-top: 1px solid rgba(62, 92, 115, 0.12); color: var(--text-soft); font-size: 0.95rem; line-height: 1.6; } .marketing-flow-stat .ci-card__body { display: grid; gap: 6px; place-items: center; text-align: center; min-height: 120px; } .marketing-flow-stat strong { font-family: var(--ci-font-display); font-size: clamp(2rem, 4vw, 3rem); line-height: 1; color: var(--text-ink); } .marketing-flow-final { text-align: center; } .marketing-flow-final .ci-card__body { justify-items: center; padding-top: var(--ci-space-2xl); padding-bottom: var(--ci-space-2xl); } .marketing-flow-final p { max-width: 52ch; } @media (max-width: 980px) { .marketing-flow-grid, .marketing-flow-conversion-grid, .marketing-flow-principles, .marketing-flow-stats, .marketing-flow-objection-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { .marketing-flow-page { padding-top: 12px; } .marketing-flow-section { padding: var(--ci-space-xl) 0; } .marketing-flow-shell { padding: 0 16px; } .marketing-flow-hero__actions { display: grid; } .marketing-flow-hero__actions .button { width: 100%; } } .marketing-heading-reset { margin: 0; } .marketing-faq-section--flush-top { padding-top: 0; } .marketing-faq-quick-grid--compact { grid-template-columns: repeat(2, minmax(0, 220px)); }
Warum Click & Invite

Weil dein Event mehr verdient als eine Nachricht, einen PDF-Anhang oder einen chaotischen Start.

Click & Invite verbindet Design, Orientierung und Gastkommunikation in einem ruhigen Einstieg. Dadurch entsteht frueh ein Auftritt, den du wirklich teilen willst und den deine Gaeste sofort verstehen.

Kein leerer Builder-Start, sondern fruehe Orientierung
Einladung, Infos und Gaesteantworten bleiben in einem Flow
Gaeste brauchen keine App und keinen Download
Der Unterschied

Vier Gruende, warum sich der Start mit Click & Invite sofort klarer anfuehlt.

Die Plattform soll nicht nur huebsch aussehen. Sie soll dir Entscheidungen abnehmen, Vertrauen aufbauen und dein Event frueh in eine Form bringen, die schon nach echter Einladung wirkt.

Du kommst schneller zu einem Ergebnis, das sich schon nach Event anfuehlt.

Click & Invite fuehrt nicht zuerst in Technik oder Formulare. Anlass, Stil und ein klarer Startpunkt sorgen dafuer, dass du frueh Wirkung siehst und nicht erst spaet.

Dein Event bleibt organisiert, ohne wie ein kompliziertes Tool zu wirken.

Einladung, RSVP, Logistik und spaetere Erweiterungen laufen im selben Kontext zusammen. Dadurch musst du weniger zwischen Tools, Nachrichten und Listen springen.

Deine Gaeste erleben Klarheit statt Huerden.

Link oeffnen, Informationen sehen, reagieren. Ohne App-Zwang, ohne Reibung und ohne dass dein Event wie eine zusammengewuerfelte Sammlung einzelner Bausteine wirkt.

Vertrauen und Design ziehen in dieselbe Richtung.

Freigabe, Struktur und hochwertige Gestaltung greifen ineinander. So wirkt deine Einladung nicht nur schoener, sondern auch sicherer und verbindlicher.

Naechster Schritt

Wenn du einen klaren, hochwertigen Start willst, fuehrt dich der kuerzeste Weg direkt in den Einstieg.

Du musst nichts vorbereiten, bevor du Wirkung siehst. Starte mit Anlass und Stil und baue dein Event von dort aus in Ruhe weiter auf.