Kontaktinformationen
.hs-input {
color: white !important;
font-family: 'Lora' !important;
}
.contact-container {
display: flex;
gap: 5rem;
align-items: flex-start;
margin: 0 auto;
}
.contact-form {
flex: 0 0 60%;
min-width: 300px;
}
.contact-info {
flex: 0 0 40%;
min-width: 300px;
}
@media (max-width: 768px) {
.contact-container {
flex-direction: column;
gap: 1.5rem;
}
}
/* Globale Texte weiß für dunklen Hintergrund */
.contact-container,
.contact-container h2,
.contact-container h3,
.contact-container p,
.contact-container li,
.contact-container strong {
color: white !important;
}
/* Links styling */
.contact-container a {
color: white !important;
}
/* Email Link Styling */
a[href^="mailto:"] {
color: #b57d35 !important;
text-decoration: none;
transition: color 0.3s ease;
}
a[href^="mailto:"]:hover {
color: white !important;
text-decoration: underline;
}
/* Externe Links */
a[href^="https://"] {
color: white !important;
transition: color 0.3s ease;
}
a[href^="https://"]:hover {
color: #b57d35 !important;
}
.hs-input[type="textarea"],
textarea.hs-input {
min-height: 120px !important;
resize: vertical !important;
}
.hs-button {
background-color: #16222e !important;
color: white !important;
padding: 0.75rem 2rem !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
transition: background-color 0.3s ease, transform 0.2s ease !important;
}
.hs-button:hover {
background-color: #b57d35 !important;
transform: translateY(-1px) !important;
}
.hs-button:active {
transform: translateY(0) !important;
}
/* Error Styling */
.hs-error-msgs {
color: #dc3545 !important;
font-size: 0.85rem !important;
margin-top: 0.25rem !important;
}
.hs-form-field.error .hs-input {
border-color: #dc3545 !important;
}
/* Required Field Indicator */
.hs-form-required {
color: #ff6b6b !important;
}
/* HubSpot Form Text Elements */
.hs-form,
.hs-form *,
.hs-form p,
.hs-form span,
.hs-form div {
color: white !important;
}
/* HubSpot Placeholder Text */
.hs-input::placeholder {
color: #999 !important;
}
/* HubSpot Help Text */
.hs-field-desc {
color: #ccc !important;
}
/* Spezifische Regeln für HubSpot File Upload Label */
.hs-form .hs-fieldtype-file label,
.hs-form .hs-fieldtype-file label span,
.hs-form .hs-fieldtype-file .hs-form-field label,
.hs-form .hs-fieldtype-file .hs-form-field label span {
color: white !important;
font-family: 'Lora' !important;
}
/* Alternative: Noch spezifischerer Selektor */
div[class*="hs_TICKET.hs_file_upload"] label,
div[class*="hs_TICKET.hs_file_upload"] label span,
#label-TICKET\.hs_file_upload-0a88aaed-c167-4360-8f07-8ad1ce8abffe,
#label-TICKET\.hs_file_upload-0a88aaed-c167-4360-8f07-8ad1ce8abffe span {
color: white !important;
font-family: 'Lora' !important;
}
/* Fallback: Brute-Force Ansatz für alle Labels in HubSpot Forms */
.hs-form label,
.hs-form label span,
.hs-form .hs-form-field label,
.hs-form .hs-form-field label span {
color: white !important;
font-family: 'Lora' !important;
}
/* Zusätzlich: File Input Button Styling */
.hs-form input[type="file"] {
color: white !important;
font-family: 'Lora' !important;
}
/* File Input Button Wrapper */
.hs-form .hs-fieldtype-file .input {
color: white !important;
}
/* Spezifische Regel für File Upload Label - überschreibt HubSpot */
.hs-form-0a88aaed-c167-4360-8f07-8ad1ce8abffe_944bad33-e8b4-4c8f-931b-c8fed46e092a .hs-fieldtype-file label,
.hs-form-0a88aaed-c167-4360-8f07-8ad1ce8abffe_944bad33-e8b4-4c8f-931b-c8fed46e092a .hs-fieldtype-file label span {
color: #FFFFFF !important;
font-family: 'Lora' !important;
}
/* Alternative falls das nicht reicht */
.hs-form-0a88aaed-c167-4360-8f07-8ad1ce8abffe_944bad33-e8b4-4c8f-931b-c8fed46e092a .hs-form-field.hs-fieldtype-file label {
color: #FFFFFF !important;
font-family: 'Lora' !important;
}
// Warten bis HubSpot geladen ist
window.addEventListener('load', function() {
// Timeout für HubSpot Loading
setTimeout(function() {
if (typeof hbspt !== 'undefined') {
try {
hbspt.forms.create({
portalId: "25334915",
formId: "0a88aaed-c167-4360-8f07-8ad1ce8abffe",
region: "eu1",
target: '#hubspot-form',
onFormReady: function() {
console.log('HubSpot Form loaded successfully');
// Additional styling after form loads
setTimeout(function() {
// Style the form container
const form = document.querySelector('.hs-form');
if (form) {
form.style.backgroundColor = 'transparent';
form.style.padding = '1.5rem';
form.style.borderRadius = '8px';
form.style.border = '1px solid rgba(255,255,255,0.2)';
}
// Ensure all form text is white
const formElements = document.querySelectorAll('.hs-form, .hs-form *, .hs-form label, .hs-form p, .hs-form span, .hs-form div');
formElements.forEach(function(el) {
if (el.tagName !== 'INPUT' && el.tagName !== 'TEXTAREA' && el.tagName !== 'SELECT') {
el.style.color = 'white';
}
});
}, 500);
},
onFormSubmit: function() {
console.log('Form submitted');
},
onFormSubmitted: function() {
console.log('Form submitted successfully');
// Optional: Custom success message or redirect
}
});
} catch (error) {
console.error('HubSpot Form Error:', error);
showFallback();
}
} else {
console.warn('HubSpot not loaded, showing fallback');
showFallback();
}
}, 1000);
// Fallback nach 5 Sekunden falls Form nicht lädt
setTimeout(function() {
if (document.getElementById('hubspot-form').innerHTML === '') {
showFallback();
}
}, 5000);
});
function showFallback() {
document.getElementById('hubspot-form-container').style.display = 'none';
document.getElementById('form-fallback').style.display = 'block';
}
// In dein bestehendes Script, nach onFormReady
setTimeout(function() {
const fileLabels = document.querySelectorAll('.hs-fieldtype-file label, .hs-fieldtype-file label span');
fileLabels.forEach(function(label) {
label.style.color = 'white';
label.style.fontFamily = 'Lora';
});
}, 1000);
Haben Sie Fragen zu unseren Fachübersetzungen oder benötigen Sie ein individuelles Angebot? Unser Team steht Ihnen gerne zur Verfügung.
Ihr Juristra-Team
E-Mail: beglaubigung@tolingo.com
Mo. – Fr., 08:00–19:00 Uhr