@font-face {
    font-family: ZurichSansBold;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-Bold.ttf');
  }
  @font-face {
    font-family: ZurichSansBoldItalic;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-BoldItalic.ttf');
  }
  @font-face {
    font-family: ZurichSansItalic;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-Italic.ttf');
  }
  @font-face {
    font-family: ZurichSansLight;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-Light.ttf');
  }

  @font-face {
    font-family: ZurichSansLightItalic;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-LightItalic.ttf');
  }
  @font-face {
    font-family: ZurichSansMedium;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-Medium.ttf');
  }
  @font-face {
    font-family: ZurichSansMediumItalic;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-MediumItalic.ttf');
  }
  @font-face {
    font-family: ZurichSansRegular;
    src: url('https://panel.zurich.ch/fonts/ZurichSans-Regular.ttf');
  }

:root {
    --pui-body-custom-font: "ZurichSansRegular", Arial;
    --pui-navbar-logo-height: 57px;
    --pui-navbar-logo-width: 186px;
    --pui-navbar-logo-url: url('https://panel.zurich.ch/images/zurich-vg-logo-2.png');

    --pui-navbar-height: 57px;
    --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.zurich.ch/images/myarea-background.jpg');
    --pui-my-area-bg-image-size: cover;
    --pui-my-area-bg-image-position: center center;

    --pui-primary: #2167AE;
    --pui-primary-contrast: var(--pui-white);

    --pui-secondary: #23366F;
    --pui-secondary-contrast: var(--pui-white);

    --pui-success: #5495CF;
    --pui-success-contrast: var(--pui-white);

    --pui-info: #2167AE;
    --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: #ECEEEF;
    --pui-light-contrast: var(--pui-secondary);

    --pui-dark: #23366F;
    --pui-dark-contrast: var(--pui-white);

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

    --pui-main-navigation-dropdown-link-active-bg: #ECEEEF;
    --pui-main-navigation-dropdown-link-hover-bg: #ECEEEF;
    --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: #ECEEEF;

    --pui-main-navigation-bg-color: var(--pui-light);
    --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);
}

@media (min-width: 768px) {
  :root {
    --pui-my-area-bg-image: url('https://panel.zurich.ch/images/myarea-background.jpg');
    --pui-my-area-bg-image-size: cover;
    --pui-my-area-bg-image-position: center center;
  }
}

@media (max-width: 767px) {
  :root {
    --pui-my-area-bg-image: url('https://panel.zurich.ch/images/myarea-background-mobile.jpg');
    --pui-my-area-bg-image-size: cover;
    --pui-my-area-bg-image-position: center center;
  }
}

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