@font-face {
    font-family: MobiliarRealist;
    src: url('https://panel.mobiliar.ch/fonts/MobiliarRealistWeb-SemiLight.woff');
    font-weight: 400;
  }
  @font-face {
    font-family: MobiliarRealist;
    src: url('https://panel.mobiliar.ch/fonts/MobiliarRealistWeb-SemiLight.woff');
    font-weight: normal;
  }
  @font-face {
    font-family: MobiliarRealist;
    src: url('https://panel.mobiliar.ch/fonts/MobiliarRealistWeb-Bold.woff');
    font-weight: 700;
  }
  @font-face {
    font-family: MobiliarRealist;
    src: url('https://panel.mobiliar.ch/fonts/MobiliarRealistWeb-Bold.woff');
    font-weight: bold;
  }

  @font-face {
    font-family: TisaPro;
    src: url('https://panel.mobiliar.ch/fonts/TisaPro.woff');
  }
  @font-face {
    font-family: TisaPro;
    src: url('https://panel.mobiliar.ch/fonts/TisaPro.woff');
  }
  @font-face {
    font-family: TisaPro;
    src: url('https://panel.mobiliar.ch/fonts/TisaPro-Ita.woff');
    font-style: italic;
  }
  @font-face {
    font-family: TisaPro;
    src: url('https://panel.mobiliar.ch/fonts/TisaPro-MediIta.woff');
    font-weight: bold;
    font-style: italic;
  }
  @font-face {
    font-family: TisaPro;
    src: url('https://panel.mobiliar.ch/fonts/TisaPro-MediIta.woff');
    font-weight: 700;
    font-style: italic;
  }

:root {

    --pui-body-custom-font: "MobiliarRealist", Arial;
    /*--pui-heading-font-custom: "TisaPro",'Courier New', Courier, monospace;
    --pui-navigation-font-custom: "TisaPro",'Courier New', Courier, monospace;*/
    --pui-navbar-logo-height: 97px;
    --pui-navbar-logo-width: 186px;
    --pui-navbar-logo-url: url('https://panel.mobiliar.ch/images/mobiliar-de.svg');
    --pui-navbar-height: 121px;
    --pui-navigation-padding-y-custom:  0;
    --pui-main-navigation-icon-label-padding-top: 0.25rem;

    --pui-main-navigation-toggler-color: var(--pui-primary);
    --pui-main-navigation-toggler-border-color: var(--pui-primary);
    --pui-navbar-offcanvas-close-color: var(--pui-primary);
    --pui-navbar-offcanvas-close-filter: none;


    --pui-my-area-bg-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://panel.mobiliar.ch/images/Bild_Laptop.jpg');
    --pui-my-area-bg-image-size: cover;
    --pui-my-area-bg-image-position: center center;
    --pui-my-area-bg-image-repeat: no-repeat;

    --pui-primary: #da2323;
    --pui-primary-contrast: var(--pui-white);

    --pui-secondary: #000000;
    --pui-secondary-contrast: var(--pui-white);

    --pui-success: #da2323;
    --pui-success-contrast: var(--pui-white);

    --pui-info: #007b91;
    --pui-info-contrast: var(--pui-white);

    --pui-warning: #fd8f5e;
    --pui-warning-contrast: var(--pui-white);

    --pui-danger: #ff004e;
    --pui-danger-contrast: var(--pui-white);

    --pui-light: #c4dbf2;
    --pui-light-contrast: var(--pui-secondary);

    --pui-dark: #969ba0;
    --pui-dark-contrast: var(--pui-white);

    --pui-white: #ffffff;
    --pui-white-contrast: var(--pui-secondary);

    --pui-main-navigation-bg-color: var(--pui-white);
    --pui-main-navigation-nav-link-font-weight: normal;
    --pui-main-navigation-nav-link-color: var(--pui-primary);
    --pui-main-navigation-nav-link-hover-color: var(--pui-secondary);
    --pui-main-navigation-nav-link-active-color: var(--pui-secondary);

    --pui-main-navigation-dropdown-link-active-bg: #f5f5f6;
    --pui-main-navigation-dropdown-link-hover-bg: #f5f5f6;
    --pui-main-navigation-dropdown-link-active-color: var(--pui-primary);
    --pui-main-navigation-dropdown-link-hover-color: var(--pui-primary);
    --pui-main-navigation-dropdown-body-color: var(--pui-white);
    --pui-main-navigation-dropdown-link-color: var(--pui-secondary);
    --pui-main-navigation-dropdown-body-bg: #f5f5f6;

    
    --pui-btn-outline-light-border-color:  var(--pui-light);
    --pui-btn-outline-hover-light-bg-color: var(--pui-light);
    --pui-btn-outline-hover-light-border-color: var(--pui-light);
    --pui-btn-outline-active-light-bg-color: var(--pui-light);
    --pui-btn-outline-active-light-border-color:  var(--pui-light);
    --pui-btn-outline-disabled-light-bg-color: transparent;
    --pui-btn-outline-disabled-light-border-color:  var(--pui-light);
    --pui-btn-outline-light-contrast: var(--pui-light-contrast);
    --pui-btn-outline-light-color: var(--pui-dark);
}

@supports (-webkit-touch-callout: none) {
    #user-dropdown-links {
        transform: none !important;
        margin-top: 26px !important;
    }
}