/* Kunden individuelle roots */
/* Build 20250314-00002*/


:root {
  
  --rules-customer: creamco; 
  --rules-context: SchuldnerGlobal;
  --chatbot-name: Chat Assistant;
  --chatbot-spitzname: Chati;
  --temperature: 0.3;

  --company-name: "cream collection Stephan Vila";
  --company-street: "Roswithastraße 28";
  --company-city: "45131 Essen";
  --company-email: "stephan.vila@cream-collection.de";
  --intern-chati-email: stephan.vila@cream-collection.de;
  --company-main-url: https://www.cream-collection.de;
  --company-contact-url: https://www.cream-collection.de/kontakt;
  --company-logo-url: url("https://www.cream-collection.de/wp-content/uploads/go-x/u/59b84de7-525d-4992-99ec-ac57b73c25b6/image-640x211.png");
  --clara-image-url: url("https://www.cream-collection.de/wp-content/uploads/go-x/u/8b4f2525-c964-461b-a6a9-daa9ef61f180/l0,t0,w482,h410/image-240x204.jpg");
  --start-video-url: "https://player.vimeo.com/video/1049572459?h=a853da66b9&badge=0&autopause=0&player_id=0&app_id=58479";
  --start-gif-url: url("");


  --company-logo-width: 200px;
  --company-logo-height: 80px;
  --media-company-logo-width: 200px;
  --media-company-logo-height: 40px;
    
  --company-font-family: 'Quicksand', sans-serif;
  --company-font-weight: 300;
  
  --primary-company-border-radius: 8px;
  --primary-company-button-border-radius: 8px;
  --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: #3FA6C7;
  --secondary-company-color: #D87A92;
  --tertiary-company-color: #707B84;
  --primary-company-color-dark: #3FA6C7;
  --secondary-company-color-dark: #3FA6C7;
  --primary-company-color-light: #fff;
  --secondary-company-color-light: #f1f2f3;
  --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(--primary-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: "Bitte zeigen Sie mir eine aktuelle Forderungsaufstellung an.";
--theme-text-1-de: "Forderungsaufstellung";
--theme-value-2-de: "Bitte zeigen Sie mir eine aktuelle Übersicht über meine bereits geleisteten Zahlungen an.";
--theme-text-2-de: "Zahlungseingänge";
--theme-value-3-de: "Ich möchte eine Ratenzahlung beantragen.";
--theme-text-3-de: "Ratenzahlung";
--theme-value-4-de: "Ich bin aktuell nicht in der Lage, die Forderung zu begleichen. Können Sie mir Zahlungsaufschub / Stundung gewähren?";
--theme-text-4-de: "Zahlungspause";
--theme-value-5-de: "Ich widerspreche der Forderung.";
--theme-text-5-de: "Widerspruch";
--theme-value-6-de: "Ich bin grundsätzlich nicht in der Lage, die Forderung zu begleichen.";
--theme-text-6-de: "Zahlungsunfähigkeit";

--theme-value-1-en: "Please show me a current overview of my outstanding claims.";
--theme-text-1-en: "Claims Overview";
--theme-value-2-en: "Please show me a current overview of my payments made.";
--theme-text-2-en: "Payment History";
--theme-value-3-en: "I want to apply for an installment plan.";
--theme-text-3-en: "Installment Plan";
--theme-value-4-en: "I am currently unable to pay the claim. Can you grant me a payment deferral?";
--theme-text-4-en: "Payment Deferral";
--theme-value-5-en: "I object to the claim.";
--theme-text-5-en: "Objection";
--theme-value-6-en: "I am fundamentally unable to pay the claim.";
--theme-text-6-en: "Insolvency";

--theme-value-1-es: "Por favor, muéstreme un resumen actual de mis deudas pendientes.";
--theme-text-1-es: "Resumen de Deudas";
--theme-value-2-es: "Por favor, muéstreme un resumen actual de mis pagos realizados.";
--theme-text-2-es: "Historial de Pagos";
--theme-value-3-es: "Quiero solicitar un plan de pagos a plazos.";
--theme-text-3-es: "Pago a Plazos";
--theme-value-4-es: "Actualmente no puedo pagar la deuda. ¿Podrían concederme una prórroga de pago?";
--theme-text-4-es: "Prórroga de Pago";
--theme-value-5-es: "Rechazo la deuda.";
--theme-text-5-es: "Rechazo";
--theme-value-6-es: "No puedo pagar la deuda en absoluto.";
--theme-text-6-es: "Insolvencia";

--theme-value-1-tr: "Lütfen mevcut borç durumumu gösterin.";
--theme-text-1-tr: "Borç Durumu";
--theme-value-2-tr: "Lütfen yaptığım ödemelerin güncel bir özetini gösterin.";
--theme-text-2-tr: "Ödeme Geçmişi";
--theme-value-3-tr: "Taksitli ödeme talep etmek istiyorum.";
--theme-text-3-tr: "Taksit Planı";
--theme-value-4-tr: "Şu anda borcu ödeyemiyorum. Bana ödeme ertelemesi yapabilir misiniz?";
--theme-text-4-tr: "Ödeme Ertelemesi";
--theme-value-5-tr: "Borcu reddediyorum.";
--theme-text-5-tr: "İtiraz";
--theme-value-6-tr: "Borcu kesinlikle ödeyemem.";
--theme-text-6-tr: "Ödeme Güçlüğü";

--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: "لا أستطيع دفع المطالبة على الإطلاق.";
--theme-text-6-sa: "إعسار";

--theme-value-1-ru: "Пожалуйста, покажите мне актуальный обзор моих непогашенных требований.";
--theme-text-1-ru: "Обзор требований";
--theme-value-2-ru: "Пожалуйста, покажите мне актуальный обзор моих платежей.";
--theme-text-2-ru: "История платежей";
--theme-value-3-ru: "Я хочу подать заявку на рассрочку.";
--theme-text-3-ru: "План рассрочки";
--theme-value-4-ru: "В настоящее время я не могу оплатить требование. Можете ли вы предоставить отсрочку платежа?";
--theme-text-4-ru: "Отсрочка платежа";
--theme-value-5-ru: "Я не согласен с требованием.";
--theme-text-5-ru: "Возражение";
--theme-value-6-ru: "Я не в состоянии оплатить требование.";
--theme-text-6-ru: "Неплатежеспособность";

--theme-value-1-pl: "Proszę o pokazanie aktualnego podsumowania moich niezapłaconych należności.";
--theme-text-1-pl: "Podsumowanie Należności";
--theme-value-2-pl: "Proszę o pokazanie aktualnego podsumowania moich dokonanych płatności.";
--theme-text-2-pl: "Historia Płatności";
--theme-value-3-pl: "Chcę ubiegać się o plan ratalny.";
--theme-text-3-pl: "Plan Ratalny";
--theme-value-4-pl: "Obecnie nie jestem w stanie zapłacić należności. Czy można przyznać mi odroczenie płatności?";
--theme-text-4-pl: "Odroczenie Płatności";
--theme-value-5-pl: "Sprzeciwiam się należności.";
--theme-text-5-pl: "Sprzeciw";
--theme-value-6-pl: "Nie jestem w stanie w ogóle zapłacić należności.";
--theme-text-6-pl: "Niewypłacalność";

--theme-value-1-ro: "Vă rog să-mi arătați o prezentare actuală a creanțelor restante.";
--theme-text-1-ro: "Prezentare Creanțe";
--theme-value-2-ro: "Vă rog să-mi arătați o prezentare actuală a plăților efectuate.";
--theme-text-2-ro: "Istoric Plăți";
--theme-value-3-ro: "Doresc să solicit un plan de rate.";
--theme-text-3-ro: "Plan de Rate";
--theme-value-4-ro: "Momentan nu pot achita creanța. Puteți să-mi acordați o amânare a plății?";
--theme-text-4-ro: "Amânare Plată";
--theme-value-5-ro: "Contest creanța.";
--theme-text-5-ro: "Contestație";
--theme-value-6-ro: "Nu sunt capabil să achit creanța.";
--theme-text-6-ro: "Insolvabilitate";

--theme-value-1-gr: "Παρακαλώ δείξτε μου μια τρέχουσα ανασκόπηση των ανεξόφλητων απαιτήσεών μου.";
--theme-text-1-gr: "Ανασκόπηση Απαιτήσεων";
--theme-value-2-gr: "Παρακαλώ δείξτε μου μια τρέχουσα ανασκόπηση των πραγματοποιημένων πληρωμών μου.";
--theme-text-2-gr: "Ιστορικό Πληρωμών";
--theme-value-3-gr: "Θέλω να υποβάλω αίτηση για σχέδιο δόσεων.";
--theme-text-3-gr: "Σχέδιο Δόσεων";
--theme-value-4-gr: "Αυτή τη στιγμή δεν μπορώ να εξοφλήσω την απαίτηση. Μπορείτε να μου χορηγήσετε αναβολή πληρωμής;";
--theme-text-4-gr: "Αναβολή Πληρωμής";
--theme-value-5-gr: "Εναντιώνομαι στην απαίτηση.";
--theme-text-5-gr: "Ένσταση";
--theme-value-6-gr: "Δεν είμαι σε θέση να εξοφλήσω την απαίτηση.";
--theme-text-6-gr: "Αφερεγγυότητα";

--theme-value-1-it: "Per favore, mostrami un riepilogo attuale delle mie richieste in sospeso.";
--theme-text-1-it: "Riepilogo Richieste";
--theme-value-2-it: "Per favore, mostrami un riepilogo attuale dei miei pagamenti effettuati.";
--theme-text-2-it: "Storico dei Pagamenti";
--theme-value-3-it: "Voglio richiedere un piano di rateizzazione.";
--theme-text-3-it: "Piano di Rateizzazione";
--theme-value-4-it: "Al momento non riesco a pagare la richiesta. Potete concedermi una proroga del pagamento?";
--theme-text-4-it: "Proroga del Pagamento";
--theme-value-5-it: "Contesto la richiesta.";
--theme-text-5-it: "Contestazione";
--theme-value-6-it: "Non sono in grado di pagare la richiesta.";
--theme-text-6-it: "Insolvenza";
}

@font-face {
  font-family: 'Quicksand';
  src: url('/static/fonts/Quicksand-Light.ttf') format('truetype');
  font-weight: 300;
}

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

@font-face {
  font-family: 'Quicksand';
  src: url('/static/fonts/Quicksand-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Quicksand';
  src: url('/static/fonts/Quicksand-Bold.ttf') format('truetype');
  font-weight: 700;
}

.modal-contact-form-mobilnummer {
  font-family: var(--company-font-family);
  font-size: var(--font-size-text);
  color: var(--primary-font-color);
  font-weight: normal;
  flex: 1;
  padding: 10px 10px 10px 30px;
  background-color: var(--form-and-field-background-color);
  border: 2px solid var(--form-and-field-border-color);
  border-radius: var(--primary-border-radius);
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  resize: none;
  height: 50px; 
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}

.modal-contact-form-mobilnummer:focus {
  background-color: var(--form-and-field-background-color-focus);
  border: 2px solid var(--form-and-field-border-color-focus) !important;
  border-radius: var(--primary-border-radius) !important;    
  z-index: 50;
  outline: none; 
}

.modal-contact-form-mobilnummer::placeholder {
  color: var(--placeholder-standard-font-color);
  font-size: var(--font-size-text);
  font-style: italic;
  font-weight: normal;
  padding-left: 0px;
}

/*.iban-container {
  display: none;
}*/

.modal-contact-form-IBAN {
  font-family: var(--company-font-family);
  font-size: var(--font-size-text);
  color: var(--primary-font-color);
  font-weight: normal;
  flex: 1;
  padding: 10px 10px 10px 30px;
  background-color: var(--form-and-field-background-color);
  border: 2px solid var(--form-and-field-border-color);
  border-radius: var(--primary-border-radius);
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  resize: none;
  height: 50px; 
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}

.modal-contact-form-IBAN:focus {
  background-color: var(--form-and-field-background-color-focus);
  border: 2px solid var(--form-and-field-border-color-focus) !important;
  border-radius: var(--primary-border-radius) !important;    
  z-index: 50;
  outline: none; 
}

.modal-contact-form-IBAN::placeholder {
  color: var(--placeholder-standard-font-color);
  font-size: var(--font-size-text);
  font-style: italic;
  font-weight: normal;
  padding-left: 0px;
}