/* Kunden individuelle roots */
/* Build 20250314-00002*/


:root {
  
  --rules-customer: crefoAustriaInkasso;
  --rules-context: SchuldnerGlobal;/* 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: SchuldnerGlobal, SchuldnerStandard oder SchuldnerContact*/
  --chatbot-name: Chat Assistant;
  --chatbot-spitzname: Chati;
  --temperature: 0.3;
  --showAktennummerModal: yes;
  
  --showAktennummerRow: yes;
  --showRechnungsstellerRow: no;
  --showRechnungsnummerRow: no;
  --showMandatRow: no;
  --showAnfrageRow: no;
  --showNachricht1Row: yes;
  --showNachricht2Row: no;

  --showGegenparteiContainer: no;

  --company-name: "Creditreform Österreich";
  --company-street: "Muthgasse 36-40 (Bauteil 4)";
  --company-city: "1190 Wien";
  --company-email: "stephan.vila@cream-collection.de";
  --intern-chati-email: chati@austria.creditreform.de;
  --company-main-url: https://www.creditreform.at;
  --company-contact-url: https://www.creditreform.at/wien/creditreform/kontakt;
  --company-logo-url: url("1c-company-logo-austria.png");
  --clara-image-url: url("1b-chati-image-crm.jpg");
  --start-video-url: "https://player.vimeo.com/video/1066520553?h=925605dc39&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&texttrack=de";
  --start-gif-url: url("");


  --company-logo-width: 300px;
  --company-logo-height: 80px;
  --media-company-logo-width: 300px;
  --media-company-logo-height: 70px;

  --company-font-family: 'Quicksand', sans-serif;
  --company-font-weight: 300;
  
  --primary-company-border-radius: 0px;
  --primary-company-button-border-radius: 24px;
  --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: #009EE3;
  --secondary-company-color: #A762A4; /*(alternativ grün #3C998C mit 60, 153, 140)*/
  --tertiary-company-color: #EDECE5;
  --primary-company-color-dark: #4C4C4C;
  --secondary-company-color-dark: #009EE3;
  --primary-company-color-light: #EDECE5;
  --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: #DCE5EC;
  --video-border-color: var(--secondary-company-color-light);
  
  
  --theme-value-1-de: "Bitte zeigen Sie mir eine aktuelle Forderungsaufstellung an.<span class='themes_id' id='forderungsaufstellung' style='display:none;'></span>";
  --theme-text-1-de: "Forderungsaufstellung";
  --theme-value-2-de: "Bitte zeigen Sie mir eine aktuelle Übersicht über meine bereits geleisteten Zahlungen an.<span class='themes_id' id='FmpZlgPrfg' style='display:none;'></span>";
  --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-7-de: "Ich möchte die Forderung jetzt bezahlen. Welche Möglichkeiten habe ich?<span class='themes_id' id='bezahlen' style='display:none;'></span>";
  --theme-text-7-de: "Bezahlen";
  --theme-value-8-de: "Ich benötige Hilfe von einem Mitarbeiter.<span class='themes_id' id='Hilfe' style='display:none;'></span>";
  --theme-text-8-de: "Hilfe / Mitarbeiter";
  
  --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-7-en: "I would like to pay the claim now. What are my options?";
  --theme-text-7-en: "Pay Now";
  --theme-value-8-en: "I need help from a representative.";
  --theme-text-8-en: "Help / Representative";
  
  --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-7-es: "Quiero pagar la deuda ahora. ¿Qué opciones tengo?";
  --theme-text-7-es: "Pagar Ahora";
  --theme-value-8-es: "Necesito ayuda de un asesor.";
  --theme-text-8-es: "Ayuda / Asesor";
  
  --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-7-tr: "Borcu şimdi ödemek istiyorum. Hangi seçeneklerim var?";
  --theme-text-7-tr: "Şimdi Öde";
  --theme-value-8-tr: "Bir yetkiliden yardım istiyorum.";
  --theme-text-8-tr: "Yardım / Yetkili";
  
  --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-7-sa: "أريد دفع المطالبة الآن. ما هي خياراتي؟";
  --theme-text-7-sa: "الدفع الآن";
  --theme-value-8-sa: "أحتاج إلى مساعدة من ممثل.";
  --theme-text-8-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-7-ru: "Я хочу оплатить требование сейчас. Какие у меня есть варианты?";
  --theme-text-7-ru: "Оплатить Сейчас";
  --theme-value-8-ru: "Мне нужна помощь представителя.";
  --theme-text-8-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-7-pl: "Chcę teraz zapłacić należność. Jakie mam opcje?";
  --theme-text-7-pl: "Zapłać Teraz";
  --theme-value-8-pl: "Potrzebuję pomocy przedstawiciela.";
  --theme-text-8-pl: "Pomoc / Przedstawiciel";
  
  --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-7-ro: "Doresc să plătesc creanța acum. Ce opțiuni am?";
  --theme-text-7-ro: "Plată Acum";
  --theme-value-8-ro: "Am nevoie de ajutorul unui reprezentant.";
  --theme-text-8-ro: "Ajutor / Reprezentant";
  
  --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-7-gr: "Θέλω να εξοφλήσω την απαίτηση τώρα. Ποιες είναι οι επιλογές μου;";
  --theme-text-7-gr: "Πληρωμή Τώρα";
  --theme-value-8-gr: "Χρειάζομαι βοήθεια από έναν εκπρόσωπο.";
  --theme-text-8-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";
  --theme-value-7-it: "Vorrei pagare ora la richiesta. Quali sono le opzioni?";
  --theme-text-7-it: "Paga Ora";
  --theme-value-8-it: "Ho bisogno di aiuto da un rappresentante.";
  --theme-text-8-it: "Aiuto / Rappresentante";

  }

  @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;
  }

  #footer-contact {
    display: none !important;
  }

  #test-iframe {
    display: none !important;
  }