@import "ip.css";
/*======================= UI STYLE =======================*/
/*===== Allgemein =====*/

:root {
    /** main background color */
    --main-bg-color: #f8f8f8;

    /** navigation bar color */
    --navbar-bg-color: #fff;

    /** component background color */
    --component-bg-color: #fff;
    --outer-component-bg-color: #fff;
    --component-bg-color-secondary: #e9e9e9;

    /** text color */
    --text-color-primary: #000;
    --text-color-secondary: #fff;
    --text-color-tertiary: #333;

    /** theme color */
    --color-primary: #f44336 !important;
    --color-primary-rgb: 224, 32, 44 !important;

    /** button color */
    --btn-bg-color: #333;
    --btn-hover-color: #fff;
    --btn-bg-color-secondary: #fff;

    /** badge color */
    --badge-bg-color: #555;
    --badge-new-bg-color: #da4950;

	/** border color - buttons, badges, form-input fields */
    --border-color-primary-dark: #8daf1d;
    --border-color-primary-dark-rgb: 141, 175, 29;
    --border-color: #ddd;
    --border-color-rgb: 221, 221, 221;
    --border-dark-color: #333;

    --box-shadow-color: 0, 0, 0;

    /** form color */
    --form-field-focus-color: #efefef;
    --form-error-bg-color: #ffa5a0;
    --form-error-border-color: #A10004;
    --form-error-text-color: #A10004;
    --form-error-fielgroup-color: #A10004;

    /** hover color */
    --hover-color: #fff;
    --hover-text-color: #555;
    --hover-text-disabled-color: #777;

    --focus-outline-color: #333;

    --footer-border-color: #000;

    --news-preview-after-color-rgb: 255, 255, 255;
    --switch-label-lever-color: #818181;
    --checkbox-color: #26a69a;
    /*
     Hier kann der Betreiber eigene CSS-Variablen deklarieren.
    */
}

/*
   Hier kann der Betreiber seine Instanz mit CSS erweitern / anpassen.
*/