/* Add your customizations of the layout variables here */
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("Open-Sans-Regular"), url("../../layout/fonts/open-sans-v28-latin-regular.woff2") format("woff2"), url("../../layout/fonts/open-sans-v28-latin-regular.woff") format("woff");
    /* Modern Browsers */
  }
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("Open-Sans-SemiBold"), url("../../layout/fonts/open-sans-v28-latin-600.woff2") format("woff2"), url("../../layout/fonts/open-sans-v28-latin-600.woff") format("woff");
    /* Modern Browsers */
  }
  @font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("Open-Sans-Bold"), url("../../layout/fonts/open-sans-v28-latin-700.woff2") format("woff2"), url("../../layout/fonts/open-sans-v28-latin-700.woff") format("woff");
    /* Modern Browsers */
  }


:root {
    --font-family:Open Sans
  }

body,
body .p-component{
    font-family: "Open Sans", sans-serif;
}

/* Text Links (p-button-link) ohne Padding links  */
.p-ripple.p-element.p-button-link.p-button.p-component {
    padding-left: 0;
  }
  
.login-body .login-wrapper .login-panel {
  /*width: 40%;*/ /* --> nicht setzen, sonst ist nicht responsiv */
}

.login-body .login-wrapper .login-panel .login-form {
  /*width: 100%;*/ /* --> nicht setzen, sonst ist nicht responsiv */
}

.layerIcon1 {
  background-image: url('../../../assets/layout/images/layerIcon1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 1rem;
  background-position: center;
  }

.layerIcon2 {
  background-image: url('../../../assets/layout/images/layerIcon2.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 1rem;
  background-position: center;
  }

.layerIcon3 {
  background-image: url('../../../assets/layout/images/layerIcon3.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 1rem;
  background-position: center;
  }

.layerIcon4 {
  background-image: url('../../../assets/layout/images/layerIcon4.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 1rem;
  background-position: center;
  }