Kontakt

.vb-contact { background: var(--vb-canvas, #FDFDFD); } .vb-contact__inner { max-width: var(--vb-page-width, 72rem); margin: 0 auto; } .vb-contact__card { background: rgb(var(--color-background)); border: 1px solid color-mix(in srgb, rgb(var(--color-foreground)) 8%, transparent); border-radius: var(--vb-radius-2xl, 1.25rem); padding: clamp(1.5rem, 3vw, 2.5rem); box-shadow: 0 1px 0 color-mix(in srgb, rgb(var(--color-foreground)) 4%, transparent), 0 18px 40px -22px color-mix(in srgb, rgb(var(--color-foreground)) 14%, transparent); } .vb-contact__heading { margin-bottom: 0.5rem; } .vb-contact__subtext { margin: 0 0 1.5rem; color: var(--vb-ink-soft, color-mix(in srgb, rgb(var(--color-foreground)) 65%, transparent)); font-size: 0.95rem; line-height: 1.55; } .vb-contact .field { position: relative; margin-top: 1.25rem; } .vb-contact .field__input { border-radius: var(--vb-radius-lg, 0.875rem) !important; border: 1px solid color-mix(in srgb, rgb(var(--color-foreground)) 10%, transparent); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .vb-contact .field__input:focus { border-color: var(--vb-mint, #4E8C8A); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vb-mint, #4E8C8A) 18%, transparent); outline: none; } .vb-contact .text-area { min-height: 8rem; resize: vertical; } .vb-contact .contact__button { margin-top: 1.5rem; } .vb-contact .contact__button .button { border-radius: var(--vb-radius-pill, 999px); min-height: 2.75rem; padding-inline: 1.5rem; } .vb-contact .form-status, .vb-contact .form__message { border-radius: var(--vb-radius-lg, 0.875rem); }

Wir antworten innerhalb von 24 Stunden. Erzähl uns, wie wir dir helfen können.