/*! Genesis Online - v1.5.22-202509101438 - 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: #006298;

      /* Examples: link highlight color */
      --styleguide-color-primary-30_c: #408ab2;

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

      /* Examples: table row hover background color */
      --styleguide-color-primary-10_c: #e5eff4;
      
      /* 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: #b2c3cd;

      /* 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: #f9fafb;

      /* 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.075rem;

      /* 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.075rem;

      /* 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;
      }
*/