/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./src/styles.less?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --white: #ffffff;
  --black: #000000;
  --steel-grey: #f2f0f0;
  --concrete-grey: #dad8d8;
  --greyblue: #67a9af;
  --marine: #083959;
  --warm-grey: #999999;
  --warm-grey-two: #777777;
}
:root {
  --white: #fff;
  --black: #333;
  --bg-color: var(--white);
  --on-bg-color: var(--black);
  --primary-color: #06546a;
  --on-primary-color: #fff;
  --secondary-color: rebeccapurple;
  --on-secondary-color: #fff;
  --warn-color: orange;
  --on-warn-color: #333;
  --error-color: red;
  --on-error-color: #fff;
  --text-color: var(--black);
  --text-color-light: gray;
  --button-primary-color: var(--primary-color);
  --on-button-primary-color: var(--on-primary-color);
  --button-secondary-color: var(--secondary-color);
  --on-button-secondary-color: var(--on-secondary-color);
  --button-warn-color: var(--warn-color);
  --on-button-warn-color: var(--on-warn-color);
  --button-error-color: var(--error-color);
  --on-button-error-color: var(--on-error-color);
  --ff-text: 'DINNextLTPro';
  --ff-headings: var(--ff-text);
  --font-size: 18px;
  --line-height: 24px;
  --link-color: #156570;
  --grid-column-gap: 2.63158%;
}
@media print {
  .breadcrumbs {
    display: none !important;
  }
}
@font-face {
  font-family: 'bsf';
  src: url('bsf.561639e36b709f43.ttf?wyvz2x') format('truetype'), url('bsf.386572a65d92f349.woff?wyvz2x') format('woff'), url('bsf.6d982472c0a49799.svg?wyvz2x#bsf') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bsf' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alert:before {
  content: "\e90c";
}
.icon-linkedin:before {
  content: "\e90b";
}
.icon-link:before {
  content: "\e90a";
}
.icon-download:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e908";
}
.icon-chevron-right:before {
  content: "\e900";
}
.icon-chevron-left:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-up:before {
  content: "\e903";
}
.icon-profile:before {
  content: "\e904";
}
.icon-burger:before {
  content: "\e905";
}
.icon-search:before {
  content: "\e906";
}
h1 {
  font-family: 'DINNextLTPro', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.5;
}
h2 {
  font-family: 'DINNextLTPro', Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.5;
}
a,
a:visited {
  color: #156570;
}
a:hover,
a:visited:hover {
  text-decoration: underline;
}
p {
  margin: 0;
}
.link--external {
  position: relative;
  padding-left: 1.25em;
}
.link--external::before {
  content: "\e90a";
  position: absolute;
  font: 0.9em "bsf";
  line-height: inherit;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  .page__aside .subscribe__form .input-n-btn-block {
    flex-direction: column;
  }
  .page__aside .subscribe__form .input-n-btn-block button.submit.register-btn {
    margin-left: 0;
    width: 100%;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  font-family: 'DINNextLTPro', Arial, Helvetica, sans-serif;
  margin: 0;
  min-height: 100%;
}
body.no-scroll {
  overflow: hidden;
}
.gtx-trans-icon {
  display: none;
}
.rte {
  color: #333;
  font-family: 'DINNextLTPro', Arial, Helvetica, sans-serif;
  /**umb_name:h2*/
  /**umb_name:h3*/
  /**umb_name:small*/
}
.rte p {
  margin: 0 0 30px;
  line-height: 1.5;
  font-size: 18px;
}
@media (min-width: 769px) {
  .rte p {
    font-size: 22px;
  }
}
.rte a {
  color: #156570;
  text-decoration: underline;
}
.rte a:hover {
  text-decoration: underline;
}
.rte a:active {
  color: #b90000;
}
.blue-theme .rte a,
.green-theme .rte a,
.black-theme .rte a {
  color: inherit;
}
.rte img {
  max-width: 100%;
}
.rte ul,
.rte ol {
  padding-left: 20px;
  margin: 0;
  line-height: 1.5;
  font-size: 18px;
}
@media (min-width: 769px) {
  .rte ul,
  .rte ol {
    font-size: 22px;
  }
}
.rte ul {
  list-style-type: disc;
  margin-bottom: 30px;
}
.rte ol {
  margin-bottom: 30px;
  list-style-type: decimal;
}
.rte em {
  font-style: italic;
}
.rte h1,
.rte h2,
.rte h3 {
  font-weight: bold;
}
.rte .avoid-page-break-inside {
  page-break-inside: avoid;
}
.rte .avoid-page-break-inside p:last-child {
  margin-bottom: 30px;
}
.rte h2 {
  font-size: 25px;
  line-height: 37px;
  margin: 0;
  padding-bottom: 4px;
}
.rte h3 {
  font-size: 22px;
  line-height: 22px;
  padding-bottom: 2px;
  margin: 0;
}
.rte text--small {
  font-size: 22px;
  color: #000;
}
a:active {
  color: #b90000;
  text-decoration: none;
}
.popup .text-panel {
  margin-top: 0;
}
ubl-link:focus,
input:focus,
button:focus,
div:focus,
textarea:focus,
a:focus {
  outline: 1px solid currentColor;
}
.skip-navigation {
  cursor: pointer;
  padding: 8px 10px;
  border: 2px solid #156570;
  background: #156570;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  position: absolute;
  left: 0;
  top: 0;
  text-decoration: none;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.skip-navigation.active {
  background-color: #fff;
  color: #156570;
}
.skip-navigation:focus {
  box-shadow: 0 0 5px #156570;
}
.skip-navigation[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
}
.skip-navigation[disabled]:hover {
  background: #156570;
  color: #fff;
}
@media (hover) {
  .skip-navigation:hover {
    background-color: #fff;
    color: #156570;
  }
}
.skip-navigation:active,
.skip-navigation:visited {
  color: #fff;
}
.skip-navigation:hover {
  color: #156570;
}
.skip-navigation:focus {
  overflow: visible;
  clip: initial;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
[hidden] {
  display: none !important;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles/print.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************/


@page {
  size: A3;
  margin: 2cm;
}

@page {
  @top-center {
    margin-top: 2cm;
  }
}


/*# sourceMappingURL=styles.8204c0974911658f.css.map*/