/*! Zensus Online - v1.4.13-202511261057 - production | (c) 2025 - Statistisches Bundesamt, Wiesbaden */
:root {
  /* ############################ COLORS ############################ */

  /* Examples: app headline, main navigation button backgrounds, borders, interactive element backgrounds (checkboxes etc.) */
  --styleguide-color-primary-100_c: #072d66; /* $zor-blau7 */

  /* Examples: link highlight color */
  --styleguide-color-primary-30_c: #cccccc; /* $zor-grau3 */

  /* Examples: icon in search bar */
  --styleguide-color-primary-25_c: #bfd8e5;

  /* Examples: table row hover background color */
  --styleguide-color-primary-10_c: #e9edf8; /* $zor-blau1 */

  /* Examples: {will be added later} */
  --styleguide-color-accent-100_c: #ec4e60;

  /* Examples: {will be added later} */
  --styleguide-color-accent-10_c: #f1838f;

  /* Examples: text color side navigation, search input placeholder text, share icons, headlines,  */
  --styleguide-color-text-primary_c: #1e1e1e;

  /* Examples: collapse side nav text, tile headlines/dates */
  --styleguide-color-text-secondary_c: #6d6d6d;

  /* Examples: {will be added later} */
  --styleguide-color-text-primary-inverted_c: #ffffff;

  /* Examples: collapse icon (up arrow) on statistics page, table toolbar background color */
  --styleguide-color-secondary-100_c: #003a5b;

  /* Examples: {will be added later} */
  --styleguide-color-secondary-85_c: #265773;

  /* Examples: interactive element hover backgrounds (checkboxes etc.) */
  --styleguide-color-secondary-60_c: #66899d;

  /* Examples: dropdown menu border color */
  --styleguide-color-secondary-30_c: #cccccc; /* $zor-grau3 */

  /* Examples: multi-select row background hover color (for example: table filter) */
  --styleguide-color-secondary-15_c: #d9e2e7;

  /* Examples: {will be added later} */
  --styleguide-color-secondary-5_c: #f2f5f7;

  /* Examples: {will be added later} */
  --styleguide-color-signal-one-100_c: #00b288;

  /* Examples: {will be added later} */
  --styleguide-color-signal-one-40_c: #99e0cf;

  /* Examples: form validation error color */
  --styleguide-color-signal-two-100_c: #ec4e60;

  /* Examples: {will be added later} */
  --styleguide-color-signal-two-30_c: #f9c9cf;

  /* Examples: {will be added later} */
  --styleguide-color-signal-three-100_c: #ffaa00;

  /* Examples: {will be added later} */
  --styleguide-color-signal-four-100_c: #ffbcac;

  /* Examples: app (body) background color */
  --styleguide-color-background-1_c: #fafafa;

  /* Examples: search input background, tile background, some other parts background (for example: table result) */
  --styleguide-color-background-2_c: #ffffff;

  /* ############################ FONT SETTINGS ############################ */

  /* Base font size setting (affects every element) */
  --styleguide-font-size_c: 1rem;

  /* Examples: Content text size in tables, lists or tiles */
  --styleguide-font-size-small_c: 0.875rem;

  /* Examples: {will be added later} */
  --styleguide-font-size-smaller_c: 0.75rem;

  /* Base font family setting (affects every element) */
  --styleguide-font-family_c: "Statis Sans", Helvetica, Arial, sans-serif;

  /* Base font weight setting (affects every element) */
  --styleguide-font-weight_c: 400;

  /* Base font weight setting for text that is supposed to be rendered bold */
  --styleguide-font-weight-fat_c: 600;

  /* Base line height setting (vertical distance between text lines) */
  --styleguide-line-height_c: 1.75rem;

  /* Line height setting for text with reduced line height */
  --styleguide-line-height-small_c: 1.375rem;

  /* Font size setting for copyright text */
  --styleguide-font-size-copyright_c: 0.75rem;

  /* Line height setting for copyright text */
  --styleguide-line-height-copyright_c: 0.875rem;
}

/* 
  ENTER CUSTOM CSS HERE
  EXAMPLE: CUSTOMIZE LOGO RULES

      .amtslogo-img > img {
        width: 90% !important;
      }

      .amtslogo-img-collapsed > img {
        width: 75% !important;
      }
*/

