:root {
  
  --rules-customer: itsmydata; 
  --rules-context: SupportStandard;/* In Abhängigkeit von der gewählten Variante in der Index.html-Datei muss auch an dieser Stelle entweder ein rules-context für die Standard- oder die Contact-Variante gewählt werden. In diesem Fall: SupportStandard oder ChatbotContact*/
  --chatbot-name: Ole von itsmydata;
  --chatbot-spitzname: Ole;
  --temperature: 1.0;
  
  --company-name: "itsmydata GmbH";
  --company-street: "Birkenleiten 43";
  --company-city: "81543 München";
  --company-email: "service@itsmydata.de";
  --company-main-url: https://www.itsmydata.de;
  --company-contact-url: https://itsmydata.de/kontakt/;
  --company-logo-url: url("1c-company-logo-imd.webp");
  --clara-image-url: url("1b-chati-image-imd.gif");
  --start-video-url: "";
  --start-gif-url: url("1b-chati-image-imd.gif");


  --company-logo-width: 300px;
  --company-logo-height: 80px;
  --media-company-logo-width: 300px;
  --media-company-logo-height: 60px;

  --company-font-family: 'DINPro-Regular', sans-serif;
  --company-font-weight: 300;
  
  --primary-company-border-radius: 12px;
  --primary-company-button-border-radius: 12px;
  --company-font-size-title: 27px;
  --company-font-size-subtitle: 18px;
  --company-font-size-text: 18px;
  --company-font-size-fineprint: 18px;
  --company-font-size-button: 18px;

  --primary-company-color: #204759;
  --secondary-company-color: #4EBCC2;
  --tertiary-company-color: #BBD3DC;
  --primary-company-color-dark: #204759;
  --secondary-company-color-dark: #3C3C3B;
  --primary-company-color-light: #E7E7E7;
  --secondary-company-color-light: #fff;
  --modal-background: rgba(0, 0, 0, 0.5);

  --body-background-color: var(--primary-company-color-light);
  --primary-background-company-color: var(--primary-company-color-light);
  --secondary-background-company-color: var(--secondary-company-color-light);
  --company-logo-background: var(--secondary-company-color-light);

  --primary-background-color: var(--primary-company-color-light);
  --secondary-background-color: var(--secondary-company-color-light);
  --special-background-color: var(--primary-company-color);

  --primary-border-color:   var(--tertiary-company-color);
  --secondary-border-color: var(--primary-company-color);
  --tertiary-border-color:  var(--secondary-company-color);
  --iframe-border-color: var(--secondary-company-color);

  --form-and-field-background-color: var(--primary-company-color-light);
  --form-and-field-background-color-focus: var(--secondary-company-color-light);

  --form-and-field-border-color: var(--primary-company-color);
  --form-and-field-border-color-focus: var(--secondary-company-color);
  
  --primary-font-color: var(--primary-company-color);
  --secondary-font-color: var(--secondary-company-color);
  --tertiary-font-color:  var(--primary-company-color-light);
  --website-standard-font-color-dark: var(--secondary-company-color-dark);
  --placeholder-standard-font-color: var(--secondary-company-color);

  --primary-link-color: var(--primary-company-color);
  --secondary-link-color: var(--secondary-company-color);

  --primary-button-color: var(--primary-company-color);
  --secondary-button-color: var(--secondary-company-color);
  --tertiary-button-color: var(--tertiary-company-color);

  --primary-loader-color: var(--secondary-company-color);
  --secondary-loader-color: var(--primary-company-color);

  --video-background-color: var(--secondary-company-color-light);
  --video-border-color: var(--secondary-company-color-light);
  
--theme-value-1-de: "Wer ist die Firma itsmydata und was macht sie genau?";
--theme-text-1-de: "Über itsmydata";
--theme-value-2-de: "Was ist der BonitätsPass von itsmydata? Für welchen Zweck kann ich ihn einsetzen? Was unterscheidet den BonitätsPass von der MieterMappe?";
--theme-text-2-de: "BonitätsPass";
--theme-value-3-de: "Was ist die MieterMappe von itsmydata? Für welchen Zweck kann ich sie einsetzen? Was unterscheidet die Mietermappe vom BonitätsPass?";
--theme-text-3-de: "MieterMappe";
--theme-value-4-de: "Wie kann ich eine Nachricht an itsmydata senden";
--theme-text-4-de: "Kontakt";
--theme-value-5-de: "Ich möchte mit einem persönlichen Ansprechpartner bei itsmydata sprechen. Wie kann ich jemanden erreichen?";
--theme-text-5-de: "Ansprechpartner";
--theme-value-6-de: "Was genau ist Chati und wer steckt dahinter?";
--theme-text-6-de: "Über Chati";

--theme-value-1-en: "Who or what is Chati?";
--theme-text-1-en: "Get to know Chati";
--theme-value-2-en: "What do I need to do to use Chati in my company?";
--theme-text-2-en: "Use Chati";
--theme-value-3-en: "How can I customize Chati to my needs?";
--theme-text-3-en: "Configure Chati";
--theme-value-4-en: "What benefits do I gain from using Chati?";
--theme-text-4-en: "Learn about Chati's benefits";
--theme-value-5-en: "How does Chati work? How does Chati handle data protection? What security features does Chati use?";
--theme-text-5-en: "Trust Chati";
--theme-value-6-en: "Who or what is cream collection?";
--theme-text-6-en: "About creamco";

--theme-value-1-es: "¿Quién o qué es Chati?";
--theme-text-1-es: "Conocer Chati";
--theme-value-2-es: "¿Qué necesito hacer para usar Chati en mi empresa?";
--theme-text-2-es: "Usar Chati";
--theme-value-3-es: "¿Cómo puedo personalizar Chati según mis necesidades?";
--theme-text-3-es: "Configurar Chati";
--theme-value-4-es: "¿Qué beneficios obtengo al usar Chati?";
--theme-text-4-es: "Conocer los beneficios de Chati";
--theme-value-5-es: "¿Cómo funciona Chati? ¿Cómo maneja Chati la protección de datos? ¿Qué características de seguridad usa Chati?";
--theme-text-5-es: "Confiar en Chati";
--theme-value-6-es: "¿Quién o qué es cream collection?";
--theme-text-6-es: "Acerca de creamco";

--theme-value-1-tr: "Chati nedir veya kimdir?";
--theme-text-1-tr: "Chati'yi tanıyın";
--theme-value-2-tr: "Chati'yi şirketimde kullanmak için ne yapmam gerekiyor?";
--theme-text-2-tr: "Chati'yi kullanın";
--theme-value-3-tr: "Chati'yi ihtiyaçlarıma nasıl uyarlayabilirim?";
--theme-text-3-tr: "Chati'yi yapılandırın";
--theme-value-4-tr: "Chati'yi kullanarak ne gibi faydalar elde edebilirim?";
--theme-text-4-tr: "Chati'nin faydalarını öğrenin";
--theme-value-5-tr: "Chati nasıl çalışır? Chati veri korumasını nasıl ele alır? Hangi güvenlik özelliklerini kullanır?";
--theme-text-5-tr: "Chati'ye güvenin";
--theme-value-6-tr: "Cream collection nedir veya kimdir?";
--theme-text-6-tr: "Creamco hakkında";

--theme-value-1-sa: "ما هو أو من هو شاتي؟";
--theme-text-1-sa: "تعرف على شاتي";
--theme-value-2-sa: "ماذا أحتاج لفعله لاستخدام شاتي في شركتي؟";
--theme-text-2-sa: "استخدام شاتي";
--theme-value-3-sa: "كيف يمكنني تخصيص شاتي لاحتياجاتي؟";
--theme-text-3-sa: "تخصيص شاتي";
--theme-value-4-sa: "ما الفوائد التي أحصل عليها من استخدام شاتي؟";
--theme-text-4-sa: "تعرف على فوائد شاتي";
--theme-value-5-sa: "كيف يعمل شاتي؟ كيف يتعامل شاتي مع حماية البيانات؟ وما هي ميزات الأمان التي يستخدمها؟";
--theme-text-5-sa: "الثقة بشاتي";
--theme-value-6-sa: "ما هي cream collection؟";
--theme-text-6-sa: "حول creamco";

--theme-value-1-ru: "Кто или что такое Chati?";
--theme-text-1-ru: "Познакомьтесь с Chati";
--theme-value-2-ru: "Что мне нужно сделать, чтобы использовать Chati в моей компании?";
--theme-text-2-ru: "Использовать Chati";
--theme-value-3-ru: "Как я могу настроить Chati под свои нужды?";
--theme-text-3-ru: "Настроить Chati";
--theme-value-4-ru: "Какие преимущества я получаю от использования Chati?";
--theme-text-4-ru: "Узнайте о преимуществах Chati";
--theme-value-5-ru: "Как работает Chati? Как Chati обрабатывает защиту данных? Какие функции безопасности использует?";
--theme-text-5-ru: "Доверьтесь Chati";
--theme-value-6-ru: "Кто или что такое cream collection?";
--theme-text-6-ru: "О creamco";

--theme-value-1-pl: "Kim lub czym jest Chati?";
--theme-text-1-pl: "Poznaj Chati";
--theme-value-2-pl: "Co muszę zrobić, aby używać Chati w mojej firmie?";
--theme-text-2-pl: "Używaj Chati";
--theme-value-3-pl: "Jak mogę dostosować Chati do swoich potrzeb?";
--theme-text-3-pl: "Skonfiguruj Chati";
--theme-value-4-pl: "Jakie korzyści zyskuję, używając Chati?";
--theme-text-4-pl: "Poznaj korzyści Chati";
--theme-value-5-pl: "Jak działa Chati? Jak Chati radzi sobie z ochroną danych? Jakie funkcje bezpieczeństwa wykorzystuje?";
--theme-text-5-pl: "Zaufaj Chati";
--theme-value-6-pl: "Kim lub czym jest cream collection?";
--theme-text-6-pl: "O creamco";

--theme-value-1-ro: "Cine sau ce este Chati?";
--theme-text-1-ro: "Cunoaște Chati";
--theme-value-2-ro: "Ce trebuie să fac pentru a folosi Chati în compania mea?";
--theme-text-2-ro: "Folosește Chati";
--theme-value-3-ro: "Cum pot personaliza Chati pentru nevoile mele?";
--theme-text-3-ro: "Configurează Chati";
--theme-value-4-ro: "Ce beneficii obțin utilizând Chati?";
--theme-text-4-ro: "Află despre beneficiile Chati";
--theme-value-5-ro: "Cum funcționează Chati? Cum gestionează Chati protecția datelor? Ce caracteristici de securitate folosește?";
--theme-text-5-ro: "Ai încredere în Chati";
--theme-value-6-ro: "Cine sau ce este cream collection?";
--theme-text-6-ro: "Despre creamco";

--theme-value-1-gr: "Τι είναι το Chati;";
--theme-text-1-gr: "Γνωρίστε το Chati";
--theme-value-2-gr: "Τι πρέπει να κάνω για να χρησιμοποιήσω το Chati στην εταιρεία μου;";
--theme-text-2-gr: "Χρησιμοποιήστε το Chati";
--theme-value-3-gr: "Πώς μπορώ να προσαρμόσω το Chati στις ανάγκες μου;";
--theme-text-3-gr: "Διαμορφώστε το Chati";
--theme-value-4-gr: "Τι οφέλη αποκομίζω χρησιμοποιώντας το Chati;";
--theme-text-4-gr: "Μάθετε για τα οφέλη του Chati";
--theme-value-5-gr: "Πώς λειτουργεί το Chati; Πώς διαχειρίζεται το Chati την προστασία δεδομένων; Ποιες λειτουργίες ασφαλείας χρησιμοποιεί;";
--theme-text-5-gr: "Εμπιστευθείτε το Chati";
--theme-value-6-gr: "Τι είναι το cream collection;";
--theme-text-6-gr: "Σχετικά με το creamco";

--theme-value-1-it: "Chi o cosa è Chati?";
--theme-text-1-it: "Conosci Chati";
--theme-value-2-it: "Cosa devo fare per utilizzare Chati nella mia azienda?";
--theme-text-2-it: "Usa Chati";
--theme-value-3-it: "Come posso personalizzare Chati per le mie esigenze?";
--theme-text-3-it: "Configura Chati";
--theme-value-4-it: "Quali benefici ottengo utilizzando Chati?";
--theme-text-4-it: "Scopri i benefici di Chati";
--theme-value-5-it: "Come funziona Chati? Come gestisce la protezione dei dati? Quali funzioni di sicurezza utilizza?";
--theme-text-5-it: "Fidati di Chati";
--theme-value-6-it: "Chi o cosa è cream collection?";
--theme-text-6-it: "Informazioni su creamco";
}

@font-face {
  font-family: 'DINPro-Regular';
  src: url('/static/fonts/DINPro-Regular.otf') format('truetype');
  font-weight: 400;
}