Kommunikation

Unser Hauptsitz

Technocity Informatics Valley
Muallimköy Mah. Gebze / Kocaeli

Unsere E-Mail-Adressen

hello@vocens.com
destek@vocens.com

Rufen Sie uns an

+90 (850) 123 45 67
Wochentags: 09:00 - 18:00

/* Voc-Formular – Kontaktformular (für minimale und enge Räume) */ .voc-form-fields-container { Anzeige:flex; Flexrichtung: Spalte; Lücke: 0,8rem; /* Leerzeichen wurden stark reduziert */ Hintergrund: transparent; /* Hintergrund und dicke Polsterung entfernt */ Grenze:keine; Polsterung: 0; Breite: 100 %; } .voc-form-group { Anzeige:flex; Flexrichtung: Spalte; Lücke: 0,3rem; /* Der Abstand zwischen dem Tag und der Eingabe wurde verringert */ Breite: 100 %; margin-bottom: 0 !important; } .voc-label { Farbe: rgba(255, 255, 255, 0,8) !important; Schriftstärke: 600; Schriftgröße: 13px !important; /* Minimalere Schriftgröße */ Schriftfamilie: „Inter“, serifenlos; Anzeige:flex; align-items: center; Lücke: 0,2rem; } .voc-required-mark { Farbe: var(--brand-red, #f7374f) !important; } .voc-input { Breite: 100 %; Hintergrund: rgba(0, 0, 0, 0.2) !important; Rand: 1px fest rgba(255, 255, 255, 0.1) !important; Farbe: #fff !important; Polsterung: 0,7rem 1rem !important; /* Ausgedünnt */ Randradius: 8px !important; /* Minimalere ovale Ecken */ Schriftgröße: 14px !important; Schriftfamilie: „Inter“, serifenlos; Gliederung: keine; Übergang: alle 0,3 Sekunden nachlassen; Hintergrundfilter: Unschärfe (5 Pixel); } .voc-input::placeholder { Farbe: rgba(255, 255, 255, 0.3) !important; } .voc-input:focus { Rahmenfarbe: var(--brand-red, #f7374f) !important; Hintergrund: rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* Wählen Sie (Popup-Menü) Benutzerdefinierte Einstellungen */ .voc-select { Aussehen: keines; Hintergrundbild: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9,3 %201,8-12,9 %205,4A17,6 %2017,6 %200 %200 %200 %200 %2082,2c 0%205%201,8%209,3%205,4%2012,9l128%20127,9c3,6%203,6%207,8%2 05,4%2012,8%205,4s9,2-1,8%2012,8-5,4L287%2095c3,5-3,5%205,4- 7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E“) !important; Hintergrundwiederholung: keine Wiederholung !important; Hintergrundposition: rechts 1rem oben 50 % !important; Hintergrundgröße: 0,6rem auto !important; } .voc-select-Option { Hintergrund: #0f172a; Farbe: #fff; } /* Textbereichseinstellungen */ .voc-textarea { Größe ändern: vertikal; Mindesthöhe: 80px !important; /* Höhe erheblich reduziert */ } /* KVKK-Checkbox-Design */ .voc-checkbox-wrapper { Rand oben: 0,2rem; } .voc-checkbox-label { Anzeige:flex; align-items: Flex-Start; Lücke: 0,6rem; Cursor: Zeiger; Farbe: RGBA (255, 255, 255, 0,7); Zeilenhöhe: 1,4; Schriftgröße: 12px !important; /* KVKK-Text wurde reduziert */ } .voc-checkbox-input { Aussehen: keines; Mindestbreite: 16 Pixel; Höhe: 16px; Rand: 1px fest rgba(255, 255, 255, 0.2) !important; Randradius: 4px !important; Hintergrund: rgba(0, 0, 0, 0.2) !important; Cursor: Zeiger; Position: relativ; Übergang: alle 0,2 s Leichtigkeit; Rand oben: 1px; } .voc-checkbox-input:checked { Hintergrund: var(--brand-red, #f7374f) !important; Rahmenfarbe: var(--brand-red, #f7374f) !important; } .voc-checkbox-input:checked::after { Inhalt: ''; Position: absolut; links: 4px; Kugel: 2px; Breite: 4px; Höhe: 8px; Rand: einfarbigweiß; Randbreite: 0 2px 2px 0; transformieren: drehen (45 Grad); } .voc-checkbox-content a { Farbe: var(--brand-red, #f7374f) !important; Textdekoration: unterstreichen; Schriftgröße: 12px !important; } /* Schaltfläche „Senden“ (Minimal) */ .voc-submit-btn { Rand oben: 0,5rem; Hintergrund: var(--brand-red, #f7374f) !important; Farbe: #fff !important; Grenze: keine !important; Polsterung: 0,8rem 1,5rem !wichtig; /* Ausgedünnt */ Randradius: 8px !important; /* Kompatible Kanten */ Schriftstärke: 600; Schriftgröße: 14px !important; Schriftfamilie: „Inter“, serifenlos; Cursor: Zeiger; Anzeige:flex; align-items: center; rechtfertigen-Inhalt: Mitte; Lücke: 0,5rem; Übergang: alle 0,3 Sekunden nachlassen; Breite: 100 %; } .voc-submit-btn:hover { Hintergrund: #e02040 !important; transform: TranslateY(-1px); } /* Loading Spinner */ .voc-spinner { Anzeige: Inline-Block; Breite: 14px; Höhe: 14px; Rand: 2px solid rgba(255,255,255,0,3); Randradius: 50 %; Rand-Top-Farbe: #fff; Animation: vocSpin 1s Easy-in-out unendlich; } @keyframes vocSpin { zu { transform: rotation(360deg); } }