/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/customer-frontend/src/global.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb: 0, 84, 233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb: 1, 99, 170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb: 96, 48, 255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb: 45, 213, 91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb: 197, 0, 15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb: 99, 100, 105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}

html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}

html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}

body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}

body.backdrop-no-scroll {
  overflow: hidden;
}

html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}

html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}

html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}

@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}

html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}

.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}

.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}

.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}

.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}

ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}

.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}

ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden {
  display: none !important;
}

.ion-page-invisible {
  opacity: 0;
}

.can-go-back > ion-header ion-back-button {
  display: block;
}

html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}

.menu-content {
  transform: translate3d(0, 0, 0);
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}

.menu-content-open ion-content {
  --overflow: hidden;
}

.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}

.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}

ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}

ion-input input::-webkit-date-and-time-value {
  text-align: start;
}

.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}

.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}

[ion-last-focus], header[tabindex="-1"]:focus, [role=banner][tabindex="-1"]:focus, main[tabindex="-1"]:focus, [role=main][tabindex="-1"]:focus, h1[tabindex="-1"]:focus, [role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}

.popover-viewport:has(> ion-content) {
  overflow: hidden;
}

@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
} 
.healthineers {
  --header-overlay-title: #ededed;
  --header-overlay: rgb(222, 228, 239);
  --header-overlay-border: rgb(222, 228, 239);
  --header-overlay-border-contrast: rgb(204, 237, 236);
  --header-overlay-title-contrast: rgb(177, 227, 227);
  --header-overlay-contrast: rgb(204, 237, 236);
  /** mat-form-field **/
}
.healthineers h1,
.healthineers h2 {
  font-family: "SH Headline" !important;
}
.healthineers h3,
.healthineers h4,
.healthineers h5,
.healthineers h6,
.healthineers .page-variant h3,
.healthineers .page-variant h1,
.healthineers .page-variant .cms-chapter-text {
  font-family: "Siemens Sans" !important;
}
.healthineers p {
  font-family: "Siemens Sans" !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.healthineers a,
.healthineers .a {
  text-decoration: underline;
}
.healthineers .page-variant .chapter-icon {
  color: black !important;
  border-color: black !important;
}
.healthineers app-news-headline h3 * {
  font-family: "Siemens Sans" !important;
}
.healthineers app-equity-cms-chapter .divider,
.healthineers gmm-image-slider .divider,
.healthineers app-equity-cms-chapter-overview .divider {
  background: #ec6602;
}
.healthineers app-season-overview .month-part--container {
  background: #ededed;
  border: 1px solid #bfbfbf !important;
  border-radius: 0 !important;
}
.healthineers app-season-overview .month-text {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.healthineers app-season-overview .week-part {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.healthineers app-topic-action-bar .cat-items {
  border-radius: 100px !important;
  border-color: rgb(77, 77, 77) !important;
  background-color: rgb(26, 26, 26) !important;
}
.healthineers app-topic-action-bar .cat-items p,
.healthineers app-topic-action-bar .cat-items i {
  color: rgb(255, 255, 255) !important;
}
.healthineers app-topic-action-bar .cat-items:hover, .healthineers app-topic-action-bar .cat-items.active {
  background-color: rgb(60, 60, 60) !important;
  color: rgb(51, 51, 51) !important;
}
.healthineers .bug-overlay-main {
  border-radius: 100px !important;
  background: rgb(255, 255, 255) !important;
  color: rgb(51, 51, 51) !important;
  border: 1px solid rgb(179, 179, 179) !important;
}
.healthineers .bug-overlay-main .bug-container > * {
  color: rgb(51, 51, 51) !important;
}
.healthineers .bug-overlay-main:hover {
  background: rgb(242, 242, 242) !important;
  color: rgb(51, 51, 51) !important;
}
.healthineers app-header .faq-search-input {
  background-color: var(--lightgrey200);
}
.healthineers app-collapsed-bar {
  background: var(--lightgrey200) !important;
}
.healthineers app-collapsed-bar button h3 {
  color: var(--textColor) !important;
}
.healthineers app-sidebar .burger-wrapper {
  background-color: var(--lightgrey200) !important;
}
.healthineers app-sidebar .burger-wrapper mat-icon {
  color: var(--textColor) !important;
}
.healthineers app-sidebar .components {
  background: var(--lightgrey200) !important;
}
.healthineers app-sidebar .components h3,
.healthineers app-sidebar .components h3:after {
  color: var(--textColor) !important;
}
.healthineers button.secondary,
.healthineers .secondary button {
  border-radius: 100px !important;
  background-color: rgb(255, 255, 255) !important;
  color: rgb(51, 51, 51) !important;
  border-color: rgb(179, 179, 179) !important;
}
.healthineers button.secondary:hover,
.healthineers .secondary button:hover {
  background-color: rgb(242, 242, 242) !important;
  color: rgb(51, 51, 51) !important;
}
.healthineers button.primary,
.healthineers .primary button {
  border-radius: 100px !important;
  color: rgb(255, 255, 255) !important;
  background-color: rgb(207, 75, 0) !important;
  border-color: rgb(207, 75, 0) !important;
}
.healthineers button.primary:hover,
.healthineers .primary button:hover {
  background-color: rgb(186, 68, 0) !important;
  border-color: rgb(186, 68, 0) !important;
  color: rgb(255, 255, 255) !important;
}
.healthineers button {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: transparent !important;
}
.healthineers button.secondary {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(51, 51, 51) !important;
  border-color: rgb(179, 179, 179) !important;
}
.healthineers button.secondary:hover {
  background-color: rgb(242, 242, 242) !important;
  color: rgb(51, 51, 51) !important;
}
.healthineers button.primary {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(207, 75, 0) !important;
  border-color: rgb(207, 75, 0) !important;
}
.healthineers button.primary:hover {
  background-color: rgb(186, 68, 0) !important;
  border-color: rgb(186, 68, 0) !important;
  color: rgb(255, 255, 255) !important;
}
.healthineers button.no-style {
  border-radius: 0;
}
.healthineers .season-container .left {
  background: #000000;
}
.healthineers app-topics-collapsed-bar {
  background: #f2f2f2 !important;
}
.healthineers app-equity-cms-card-item .container {
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.05);
}
.healthineers .equity-disclaimer-container .content .header {
  background: black !important;
}
.healthineers .top-part.slim-design .selection-part .selection-item.tab-selected > p {
  border-bottom: 2px solid #ec6602 !important;
}
.healthineers app-item-overview .text-part p {
  color: var(--textColor) !important;
}
.healthineers app-item-overview .image-part.empty-image span {
  color: var(--textColor) !important;
}
.healthineers app-item-overview:hover {
  background-color: #DFDFD9;
}
.healthineers app-item-overview:hover .text-part p {
  color: var(--textColor) !important;
}
.healthineers app-item-overview:hover .image-part.empty-image span {
  color: var(--textColor) !important;
}
.healthineers ion-router-outlet {
  background: #ededed;
}
.healthineers portfolio-detail .container .content .header,
.healthineers coin-c-academy .container .content .header,
.healthineers coin-c-performance-overview .container__navigation {
  background: black !important;
}
.healthineers .pc__header__spac {
  color: #cf4b00;
  font-family: "Siemens Sans Bold";
}
.healthineers .pc__header__spac:hover {
  color: #ba4400;
}
.healthineers .lay-wrapper--sog {
  background: black !important;
}
.healthineers .mod-sog-tool .m-header .m-arrow-navigation ul .m-arrow-item .m-desc,
.healthineers .mod-sog-tool .m-header .m-arrow-navigation ul .arrow-item .description {
  background: black !important;
}
.healthineers .mod-sog-tool .m-header .m-arrow-navigation ul .m-arrow-item .m-desc:before,
.healthineers .mod-sog-tool .m-header .m-arrow-navigation ul .arrow-item .description:before {
  background-color: black !important;
}
.healthineers .mod-sog-tool .m-header .m-arrow-navigation ul .m-arrow-item--active .m-desc,
.healthineers .mod-sog-tool .m-header .m-arrow-navigation ul .arrow-item.active .description {
  background: white !important;
  color: #ec6602 !important;
}
.healthineers .mod-table--sog .m-content--chart .m-content-main > .m-col--tnos {
  background: linear-gradient(to bottom, rgba(67, 177, 206, 0) 0%, #bfbfbf 100%);
}
.healthineers .mod-table--sog .m-content--chart .m-content-main > .m-col--mas,
.healthineers .mod-table--sog .m-content--chart .m-content-main .m-col--final {
  background: linear-gradient(to bottom, rgba(250, 165, 10, 0) 0%, #f9b591 100%);
}
.healthineers .mod-table--sog .m-content--chart .m-content-main > .m-col--mas .m-col--top-bar,
.healthineers .mod-table--sog .m-content--chart .m-content-main .m-col--final .m-col--top-bar {
  background: linear-gradient(to bottom, white 0%, #bfbfbf 100%);
}
.healthineers .mod-table--sog .m-content--chart .m-content-main > .m-col .m-info {
  color: #cf4b00 !important;
}
.healthineers .mod-table--sog .m-col {
  color: #cf4b00 !important;
}
.healthineers .mod-table--sog .m-content--chart .m-content-main--simulation .m-line > div {
  border-color: #cf4b00 !important;
}
.healthineers .mod-table--detail {
  background: white !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 -1px 2px 0 rgba(0, 0, 0, 0.05);
}
.healthineers .mod-table--detail .m-desc,
.healthineers .mod-table--detail .m-headline,
.healthineers .mod-table--detail .m-value {
  color: black !important;
}
.healthineers app-equity-expand-box .expand-box-main .expand-box-item .expand-box-item-content {
  background-color: #666666 !important;
}
.healthineers coin-c-login-teaser {
  background-image: linear-gradient(to right, rgba(26, 26, 26, 0.6), rgba(26, 26, 26, 0)), url(/assets/images/SHS-login-teaser-bg.jpg) !important;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: left;
  color: white;
}
.healthineers coin-c-login-teaser .title {
  font-family: "SH Headline";
}
.healthineers coin-c-login-teaser .title .divider {
  display: none;
}
.healthineers coin-c-login-teaser img {
  display: none;
}
.healthineers coin-c-login-teaser .cta-btn {
  border-radius: 100px !important;
  color: rgb(255, 255, 255) !important;
  background: rgb(207, 75, 0) !important;
  border-color: rgb(207, 75, 0) !important;
}
.healthineers coin-c-login-teaser .cta-btn:hover {
  background-color: rgb(186, 68, 0) !important;
  border-color: rgb(186, 68, 0) !important;
  color: rgb(255, 255, 255) !important;
}
.healthineers .documents-content {
  background: #EDEDF1;
}
.healthineers app-calendar .task-event-item {
  background-color: #e6e6e6;
}
.healthineers app-calendar .task-event-item p {
  color: #cf4b00 !important;
}
.healthineers app-calendar .task-event-item p span {
  color: black;
}
.healthineers app-calendar .task-event-item:hover,
.healthineers app-calendar .task-event-item.highlight {
  background-color: #fdddcb;
}
.healthineers .search-input .mat-form-field-suffix {
  top: 4px;
  right: 15px;
}
.healthineers .mat-form-field-legacy {
  width: 100%;
}
.healthineers .mat-form-field-legacy .mat-select-panel {
  border-radius: var(--borderRadius);
}
.healthineers .mat-form-field-legacy .mat-input-element {
  color: var(--textColor);
  font-size: 18px;
  font-family: "Siemens Sans";
}
.healthineers .mat-form-field-label-wrapper {
  left: 15px !important;
  top: -0.5rem !important;
}
.healthineers .mat-option {
  height: 3.25rem !important;
}
.healthineers .mat-form-field-label {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-family: "Siemens Sans";
}
.healthineers .mat-select-value-text span {
  font-size: 18px;
  font-family: "Siemens Sans";
  color: var(--textColor);
}
.healthineers .sog-phase-selector .mat-select-value-text span {
  font-size: 18px;
  font-family: "Siemens Sans";
  color: var(--sogPhaseSelectorTextColor);
}
.healthineers .sog-phase-selector .mat-select-arrow {
  color: var(--sogPhaseSelectorTextColor);
}
.healthineers .mat-form-field-infix {
  padding: 8px 15px !important;
}
.healthineers .mat-form-field-appearance-legacy,
.healthineers .mat-form-field-appearance-outline,
.healthineers .mat-form-field-appearance-fill {
  width: 100%;
}
.healthineers .mat-form-field-appearance-legacy .mat-input-element::placeholder,
.healthineers .mat-form-field-appearance-outline .mat-input-element::placeholder,
.healthineers .mat-form-field-appearance-fill .mat-input-element::placeholder {
  color: black;
}
.healthineers .mat-form-field-appearance-legacy .mat-select-arrow,
.healthineers .mat-form-field-appearance-outline .mat-select-arrow,
.healthineers .mat-form-field-appearance-fill .mat-select-arrow {
  color: rgb(102, 102, 102);
}
.healthineers .mat-form-field-appearance-legacy .mat-form-field-underline::before,
.healthineers .mat-form-field-appearance-outline .mat-form-field-underline::before,
.healthineers .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgb(102, 102, 102);
}
.healthineers .mat-form-field-appearance-legacy .mat-form-field-flex,
.healthineers .mat-form-field-appearance-outline .mat-form-field-flex,
.healthineers .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: white;
  height: 54px;
  border-radius: 0px;
}
.healthineers .mat-form-field-appearance-legacy .mat-form-field-label,
.healthineers .mat-form-field-appearance-outline .mat-form-field-label,
.healthineers .mat-form-field-appearance-fill .mat-form-field-label {
  color: rgb(102, 102, 102);
}
.healthineers .mat-form-field-appearance-legacy.mat-focused .mat-form-field-ripple, .healthineers .mat-form-field-appearance-legacy:hover .mat-form-field-ripple,
.healthineers .mat-form-field-appearance-outline.mat-focused .mat-form-field-ripple,
.healthineers .mat-form-field-appearance-outline:hover .mat-form-field-ripple,
.healthineers .mat-form-field-appearance-fill.mat-focused .mat-form-field-ripple,
.healthineers .mat-form-field-appearance-fill:hover .mat-form-field-ripple {
  background-color: rgb(102, 102, 102) !important;
}
.healthineers .mat-form-field-appearance-legacy.mat-focused .mat-form-field-flex, .healthineers .mat-form-field-appearance-legacy:hover .mat-form-field-flex,
.healthineers .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
.healthineers .mat-form-field-appearance-outline:hover .mat-form-field-flex,
.healthineers .mat-form-field-appearance-fill.mat-focused .mat-form-field-flex,
.healthineers .mat-form-field-appearance-fill:hover .mat-form-field-flex {
  background-color: white;
}
.healthineers .mat-form-field-appearance-legacy.mat-focused .mat-form-field-label, .healthineers .mat-form-field-appearance-legacy:hover .mat-form-field-label,
.healthineers .mat-form-field-appearance-outline.mat-focused .mat-form-field-label,
.healthineers .mat-form-field-appearance-outline:hover .mat-form-field-label,
.healthineers .mat-form-field-appearance-fill.mat-focused .mat-form-field-label,
.healthineers .mat-form-field-appearance-fill:hover .mat-form-field-label {
  color: rgb(102, 102, 102);
}
.healthineers .mat-form-field-appearance-legacy.mat-focused.mat-primary .mat-select-arrow, .healthineers .mat-form-field-appearance-legacy:hover.mat-primary .mat-select-arrow,
.healthineers .mat-form-field-appearance-outline.mat-focused.mat-primary .mat-select-arrow,
.healthineers .mat-form-field-appearance-outline:hover.mat-primary .mat-select-arrow,
.healthineers .mat-form-field-appearance-fill.mat-focused.mat-primary .mat-select-arrow,
.healthineers .mat-form-field-appearance-fill:hover.mat-primary .mat-select-arrow {
  color: rgb(102, 102, 102);
}
.healthineers .mat-form-field-appearance-legacy.mat-form-field-disabled,
.healthineers .mat-form-field-appearance-outline.mat-form-field-disabled,
.healthineers .mat-form-field-appearance-fill.mat-form-field-disabled {
  opacity: 0.8;
}
.healthineers .mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-ripple,
.healthineers .mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-ripple,
.healthineers .mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-ripple {
  background-color: #ef0137;
}
.healthineers .close-button mat-icon {
  color: #cf4b00 !important;
}
.healthineers app-header .faq-search-input {
  background-color: #F3F3F0;
}
.healthineers app-equity-expand-linksbox .expand-links-box {
  border-top: 1px solid black;
}
.healthineers app-equity-expand-linksbox .expand-links-box .expand-links-text > * {
  color: black !important;
}
.healthineers app-equity-expand-linksbox .expand-box-linkcontent {
  box-shadow: none;
  border-bottom: 1px solid black;
}
.healthineers app-equity-expand-linksbox .expand-box-linkcontent--expanded {
  padding: 50px 15px 15px;
}
.healthineers .mat-expansion-panel {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.siemens {
  --header-height: 65px;
  --viewport-height: 100vh;
  --footer-height: 40px;
  --font-color: var(--darkgrey900);
  --font-color-grey: rgba(var(--darkgrey900-rgb), .3);
  --header-overlay-title: #F3F3F0;
  --header-overlay: rgb(222, 228, 239);
  --header-overlay-border: rgb(222, 228, 239);
  --header-overlay-border-contrast: rgb(204, 237, 236);
  --header-overlay-title-contrast: rgb(177, 227, 227);
  --header-overlay-contrast: rgb(204, 237, 236);
  /** mat-form-field **/
}
.siemens a,
.siemens .a {
  font-family: "Siemens Sans Black";
}
.siemens a:hover,
.siemens .a:hover {
  text-decoration: underline;
}
.siemens .footer,
.siemens .footer-expand {
  background-color: white !important;
}
.siemens .lay-wrapper--header {
  background: #F3F3F0;
  border-bottom: 1px solid #CCCCD4;
  box-shadow: none;
}
.siemens app-header .faq-search-input {
  background-color: var(--lightgrey200);
}
.siemens app-collapsed-bar {
  background: var(--lightgrey200) !important;
}
.siemens app-collapsed-bar button h3 {
  color: var(--textColor) !important;
}
.siemens app-sidebar .burger-wrapper {
  background-color: var(--lightgrey200) !important;
}
.siemens app-sidebar .burger-wrapper mat-icon {
  color: var(--textColor) !important;
}
.siemens app-sidebar .components {
  background: var(--lightgrey200) !important;
}
.siemens app-sidebar .components h3,
.siemens app-sidebar .components h3:after {
  color: var(--textColor) !important;
}
.siemens h1,
.siemens h2 {
  font-family: "Siemens Sans Black" !important;
}
.siemens h3,
.siemens h4,
.siemens h5,
.siemens h6,
.siemens .page-variant h3,
.siemens .page-variant h1 {
  font-family: "Siemens Sans Black" !important;
}
.siemens p {
  font-family: "Siemens Sans" !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.siemens .page-variant .chapter-overview-main .chapter-text {
  color: #000028 !important;
}
.siemens .page-variant .chapter-icon {
  color: black !important;
  border-color: black !important;
}
.siemens .menu-part-element {
  border-radius: 2px;
}
.siemens app-news-headline h3 * {
  font-family: "Siemens Sans" !important;
}
.siemens app-season-overview .month-part--container {
  background: #F3F3F0;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  box-shadow: 0px 0px 2px rgba(0, 0, 40, 0.1), 0px 4px 8px rgba(0, 0, 40, 0.1), 0px 12px 18px rgba(0, 0, 40, 0.1);
}
.siemens app-season-overview .month-text,
.siemens app-season-overview .week-text {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.siemens app-season-overview .month-text.active, .siemens app-season-overview .month-text.active-week,
.siemens app-season-overview .week-text.active,
.siemens app-season-overview .week-text.active-week {
  background: #009999 !important;
  color: white !important;
}
.siemens app-season-overview .week-part,
.siemens app-season-overview .weeks-part .day-part {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.siemens app-season-overview .week-part.active,
.siemens app-season-overview .weeks-part .day-part.active {
  background: #009999 !important;
}
.siemens app-season-overview .week-part.active p,
.siemens app-season-overview .weeks-part .day-part.active p {
  color: white !important;
}
.siemens app-season-overview .current-month .indicator .bar {
  background: #009999 !important;
}
.siemens app-topic-action-bar .cat-items {
  border-radius: 0 !important;
  background-color: white !important;
  border-color: #007993 !important;
}
.siemens app-topic-action-bar .cat-items p {
  color: #007993 !important;
}
.siemens app-topic-action-bar .cat-items:hover, .siemens app-topic-action-bar .cat-items.active {
  background-color: #C2FFEE !important;
  border-color: #005159 !important;
  color: #005159 !important;
}
.siemens app-topic-action-bar .cat-items:hover p,
.siemens app-topic-action-bar .cat-items:hover i, .siemens app-topic-action-bar .cat-items.active p,
.siemens app-topic-action-bar .cat-items.active i {
  color: #005159 !important;
}
.siemens .bug-overlay-main {
  border-radius: 0 !important;
  color: #007993 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  height: 44px;
}
.siemens .bug-overlay-main .bug-container {
  height: 100%;
}
.siemens .bug-overlay-main .bug-container > * {
  color: #007993 !important;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.siemens .bug-overlay-main .bug-container > p {
  font-family: "Siemens Sans Black";
}
.siemens .bug-overlay-main:hover {
  background-color: #C2FFEE !important;
  border-color: transparent !important;
  color: #005159 !important;
}
.siemens .bug-overlay-main:hover .bug-container > * {
  color: #005159 !important;
}
.siemens button.secondary,
.siemens .secondary button {
  border-radius: 0 !important;
  background-color: white !important;
  color: #007993 !important;
  border-color: #007993 !important;
}
.siemens button.secondary:hover,
.siemens .secondary button:hover {
  background-color: #C2FFEE !important;
  color: #005159 !important;
  border-color: #005159 !important;
}
.siemens button.primary,
.siemens .primary button {
  border-radius: 0 !important;
  color: #FFFFFF !important;
  background-color: #007993 !important;
  border-color: #007993 !important;
}
.siemens button.primary:hover,
.siemens .primary button:hover {
  background-color: #196269 !important;
  border-color: #196269 !important;
  color: #FFFFFF !important;
}
.siemens button.tetriary {
  border-radius: 0 !important;
  color: #007993 !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.siemens button.tetriary:hover {
  background-color: #C2FFEE !important;
  border-color: transparent !important;
  color: #005159 !important;
}
.siemens button.cta-btn {
  color: #000028 !important;
  background: linear-gradient(#00FFB9 0%, #00E6DC 100%);
  border: none !important;
}
.siemens button.cta-btn:hover {
  color: #000028 !important;
  background: none;
  background-color: #C5FFEF !important;
}
.siemens button {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: transparent !important;
}
.siemens button.secondary {
  border-radius: 0 !important;
  background-color: white !important;
  color: #007993 !important;
  border-color: #007993 !important;
}
.siemens button.secondary:hover {
  background-color: #C2FFEE !important;
  color: #005159 !important;
  border-color: #005159 !important;
}
.siemens button.primary {
  border-radius: 0 !important;
  color: #FFFFFF !important;
  background-color: #007993 !important;
  border-color: #007993 !important;
}
.siemens button.primary:hover {
  background-color: #196269 !important;
  border-color: #196269 !important;
  color: #FFFFFF !important;
}
.siemens button.no-style {
  border-radius: 0;
}
.siemens .switch .se-switches i {
  border-radius: 0 !important;
  background-color: white !important;
  border: 1px solid #000028 !important;
  color: #000028 !important;
}
.siemens .switch .se-switches i.activ {
  background-color: #C2FFEE !important;
  color: #000028 !important;
}
.siemens .switch .se-switches button:focus i {
  box-shadow: none;
}
.siemens .switch .se-switches p {
  color: #000028 !important;
}
.siemens .season-container .left {
  background: white;
}
.siemens .season-container .left .title {
  color: #000028 !important;
}
.siemens app-topics-collapsed-bar {
  background: #f2f2f2 !important;
}
.siemens coin-siemens-energy-content-pages .container .content > .header,
.siemens coin-siemens-energy-content-pages .container .top-header,
.siemens coin-siemens-energy-content-pages .container__navigation,
.siemens coin-c-my-performance-overview .container .content > .header,
.siemens coin-c-my-performance-overview .container .top-header,
.siemens coin-c-my-performance-overview .container__navigation,
.siemens coin-c-performance-overview .container .content > .header,
.siemens coin-c-performance-overview .container .top-header,
.siemens coin-c-performance-overview .container__navigation,
.siemens coin-c-academy .container .content > .header,
.siemens coin-c-academy .container .top-header,
.siemens coin-c-academy .container__navigation {
  margin-bottom: 10px;
}
.siemens coin-siemens-energy-content-pages .container .content > .header p,
.siemens coin-siemens-energy-content-pages .container .top-header p,
.siemens coin-siemens-energy-content-pages .container__navigation p,
.siemens coin-c-my-performance-overview .container .content > .header p,
.siemens coin-c-my-performance-overview .container .top-header p,
.siemens coin-c-my-performance-overview .container__navigation p,
.siemens coin-c-performance-overview .container .content > .header p,
.siemens coin-c-performance-overview .container .top-header p,
.siemens coin-c-performance-overview .container__navigation p,
.siemens coin-c-academy .container .content > .header p,
.siemens coin-c-academy .container .top-header p,
.siemens coin-c-academy .container__navigation p {
  color: #000028 !important;
  font-size: 1rem;
  font-family: "Siemens Sans Black";
}
.siemens coin-siemens-energy-content-pages .container .content > .header .mat-tab-label-active p,
.siemens coin-siemens-energy-content-pages .container .top-header .mat-tab-label-active p,
.siemens coin-siemens-energy-content-pages .container__navigation .mat-tab-label-active p,
.siemens coin-c-my-performance-overview .container .content > .header .mat-tab-label-active p,
.siemens coin-c-my-performance-overview .container .top-header .mat-tab-label-active p,
.siemens coin-c-my-performance-overview .container__navigation .mat-tab-label-active p,
.siemens coin-c-performance-overview .container .content > .header .mat-tab-label-active p,
.siemens coin-c-performance-overview .container .top-header .mat-tab-label-active p,
.siemens coin-c-performance-overview .container__navigation .mat-tab-label-active p,
.siemens coin-c-academy .container .content > .header .mat-tab-label-active p,
.siemens coin-c-academy .container .top-header .mat-tab-label-active p,
.siemens coin-c-academy .container__navigation .mat-tab-label-active p {
  color: #005159 !important;
}
.siemens coin-siemens-energy-content-pages .container .content > .header .mat-tab-label,
.siemens coin-siemens-energy-content-pages .container .top-header .mat-tab-label,
.siemens coin-siemens-energy-content-pages .container__navigation .mat-tab-label,
.siemens coin-c-my-performance-overview .container .content > .header .mat-tab-label,
.siemens coin-c-my-performance-overview .container .top-header .mat-tab-label,
.siemens coin-c-my-performance-overview .container__navigation .mat-tab-label,
.siemens coin-c-performance-overview .container .content > .header .mat-tab-label,
.siemens coin-c-performance-overview .container .top-header .mat-tab-label,
.siemens coin-c-performance-overview .container__navigation .mat-tab-label,
.siemens coin-c-academy .container .content > .header .mat-tab-label,
.siemens coin-c-academy .container .top-header .mat-tab-label,
.siemens coin-c-academy .container__navigation .mat-tab-label {
  margin: 0 !important;
}
.siemens coin-siemens-energy-content-pages .container .content > .header .mat-tab-label:hover,
.siemens coin-siemens-energy-content-pages .container .top-header .mat-tab-label:hover,
.siemens coin-siemens-energy-content-pages .container__navigation .mat-tab-label:hover,
.siemens coin-c-my-performance-overview .container .content > .header .mat-tab-label:hover,
.siemens coin-c-my-performance-overview .container .top-header .mat-tab-label:hover,
.siemens coin-c-my-performance-overview .container__navigation .mat-tab-label:hover,
.siemens coin-c-performance-overview .container .content > .header .mat-tab-label:hover,
.siemens coin-c-performance-overview .container .top-header .mat-tab-label:hover,
.siemens coin-c-performance-overview .container__navigation .mat-tab-label:hover,
.siemens coin-c-academy .container .content > .header .mat-tab-label:hover,
.siemens coin-c-academy .container .top-header .mat-tab-label:hover,
.siemens coin-c-academy .container__navigation .mat-tab-label:hover {
  background-color: #D1FFF2;
  border-bottom: 3px solid #005159;
}
.siemens coin-siemens-energy-content-pages .container .content > .header .mat-tab-label:hover p,
.siemens coin-siemens-energy-content-pages .container .top-header .mat-tab-label:hover p,
.siemens coin-siemens-energy-content-pages .container__navigation .mat-tab-label:hover p,
.siemens coin-c-my-performance-overview .container .content > .header .mat-tab-label:hover p,
.siemens coin-c-my-performance-overview .container .top-header .mat-tab-label:hover p,
.siemens coin-c-my-performance-overview .container__navigation .mat-tab-label:hover p,
.siemens coin-c-performance-overview .container .content > .header .mat-tab-label:hover p,
.siemens coin-c-performance-overview .container .top-header .mat-tab-label:hover p,
.siemens coin-c-performance-overview .container__navigation .mat-tab-label:hover p,
.siemens coin-c-academy .container .content > .header .mat-tab-label:hover p,
.siemens coin-c-academy .container .top-header .mat-tab-label:hover p,
.siemens coin-c-academy .container__navigation .mat-tab-label:hover p {
  color: #005159 !important;
}
.siemens coin-siemens-energy-content-pages .container .content > .header .mat-tab-label:last-of-type:hover,
.siemens coin-siemens-energy-content-pages .container .top-header .mat-tab-label:last-of-type:hover,
.siemens coin-siemens-energy-content-pages .container__navigation .mat-tab-label:last-of-type:hover,
.siemens coin-c-my-performance-overview .container .content > .header .mat-tab-label:last-of-type:hover,
.siemens coin-c-my-performance-overview .container .top-header .mat-tab-label:last-of-type:hover,
.siemens coin-c-my-performance-overview .container__navigation .mat-tab-label:last-of-type:hover,
.siemens coin-c-performance-overview .container .content > .header .mat-tab-label:last-of-type:hover,
.siemens coin-c-performance-overview .container .top-header .mat-tab-label:last-of-type:hover,
.siemens coin-c-performance-overview .container__navigation .mat-tab-label:last-of-type:hover,
.siemens coin-c-academy .container .content > .header .mat-tab-label:last-of-type:hover,
.siemens coin-c-academy .container .top-header .mat-tab-label:last-of-type:hover,
.siemens coin-c-academy .container__navigation .mat-tab-label:last-of-type:hover {
  background-color: transparent !important;
  border-bottom: none !important;
}
.siemens coin-siemens-energy-content-pages .container .content > .header mat-tab-group,
.siemens coin-siemens-energy-content-pages .container .top-header mat-tab-group,
.siemens coin-siemens-energy-content-pages .container__navigation mat-tab-group,
.siemens coin-c-my-performance-overview .container .content > .header mat-tab-group,
.siemens coin-c-my-performance-overview .container .top-header mat-tab-group,
.siemens coin-c-my-performance-overview .container__navigation mat-tab-group,
.siemens coin-c-performance-overview .container .content > .header mat-tab-group,
.siemens coin-c-performance-overview .container .top-header mat-tab-group,
.siemens coin-c-performance-overview .container__navigation mat-tab-group,
.siemens coin-c-academy .container .content > .header mat-tab-group,
.siemens coin-c-academy .container .top-header mat-tab-group,
.siemens coin-c-academy .container__navigation mat-tab-group {
  margin-top: 20px !important;
  z-index: 99;
  background: white;
}
.siemens coin-siemens-energy-content-pages .mat-ink-bar,
.siemens coin-c-my-performance-overview .mat-ink-bar,
.siemens coin-c-performance-overview .mat-ink-bar,
.siemens coin-c-academy .mat-ink-bar {
  background-color: #005159 !important;
}
.siemens app-equity-cms-card-item .container {
  border-radius: 4px;
  background-color: #F3F3F0;
  box-shadow: none !important;
}
.siemens app-equity-cms-card-item .container .bottom p {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.siemens .pi-text .underlay-full-width {
  border-radius: 4px;
}
.siemens app-begin-tour .header,
.siemens .equity-disclaimer-container .content .header {
  background: white !important;
}
.siemens app-begin-tour .header .fv-header-text,
.siemens .equity-disclaimer-container .content .header .fv-header-text {
  color: #000028 !important;
}
.siemens app-begin-tour .fv-buttons,
.siemens .equity-disclaimer-container .content .fv-buttons {
  background: white !important;
}
.siemens .top-part.slim-design .selection-part .selection-item.tab-selected > p {
  border-bottom: 2px solid #62EEC7 !important;
}
.siemens .selection-part .selection-item:not(.tab-selected):hover {
  box-shadow: none !important;
}
.siemens app-item-overview .text-part p {
  color: var(--textColor) !important;
}
.siemens app-item-overview .image-part.empty-image span {
  color: var(--textColor) !important;
}
.siemens app-item-overview:hover {
  background-color: #DFDFD9;
}
.siemens app-item-overview:hover .text-part p {
  color: var(--textColor) !important;
}
.siemens app-item-overview:hover .image-part.empty-image span {
  color: var(--textColor) !important;
}
.siemens ion-router-outlet {
  background: #ededed;
}
.siemens .mod-table--detail {
  background: #E8E8E3 !important;
  border-radius: 4px;
}
.siemens .mod-table--detail .m-desc,
.siemens .mod-table--detail .m-headline,
.siemens .mod-table--detail .m-value {
  color: #000028 !important;
}
.siemens app-equity-cms-chapter .divider,
.siemens gmm-image-slider .divider,
.siemens app-equity-cms-chapter-overview .divider,
.siemens coin-c-login-teaser .title .divider {
  background: linear-gradient(180deg, #00FFB9 0%, #00E6DC 100%);
}
.siemens app-simple-lang-switch .lang-image {
  border-radius: 4px !important;
}
.siemens .primary-scrollbar-vertical.equity .simplebar-scrollbar:before {
  background: #000028 !important;
}
.siemens coin-c-login-teaser {
  background: #000028 !important;
  color: white;
}
.siemens coin-c-login-teaser .title {
  font-family: "Siemens Sans Black";
}
.siemens coin-c-login-teaser .cta-btn {
  background: linear-gradient(#00FFB9 0%, #00E6DC 100%);
}
.siemens coin-c-login-teaser .cta-btn:hover {
  background: none;
  background-color: #C5FFEF !important;
}
.siemens .documents-content {
  background: #F3F3F0;
}
.siemens app-calendar .task-event-item {
  background-color: #D9D9D6;
}
.siemens app-calendar .task-event-item p {
  color: #00FFB9 !important;
}
.siemens app-calendar .task-event-item p span {
  color: #000028;
}
.siemens .search-input .mat-form-field-suffix {
  top: 4px;
  right: 15px;
}
.siemens .mat-form-field-legacy {
  width: 100%;
}
.siemens .mat-form-field-legacy .mat-select-panel {
  border-radius: var(--borderRadius);
}
.siemens .mat-form-field-legacy .mat-input-element {
  color: var(--textColor);
  font-size: 18px;
  font-family: "Siemens Sans";
}
.siemens .mat-form-field-label-wrapper {
  left: 15px !important;
  top: -0.5rem !important;
}
.siemens .mat-option {
  height: 3.25rem !important;
}
.siemens .mat-form-field-label {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-end;
  font-family: "Siemens Sans";
}
.siemens .sog-phase-selector .mat-select-value-text span {
  font-size: 18px;
  font-family: "Siemens Sans";
  color: var(--sogPhaseSelectorTextColor);
}
.siemens .sog-phase-selector .mat-select-arrow {
  color: var(--sogPhaseSelectorTextColor);
}
.siemens .mat-select-value-text span {
  font-size: 18px;
  font-family: "Siemens Sans";
  color: var(--textColor);
}
.siemens .mat-form-field-infix {
  padding: 8px 15px !important;
}
.siemens .mat-form-field-appearance-legacy,
.siemens .mat-form-field-appearance-outline,
.siemens .mat-form-field-appearance-fill {
  width: 100%;
}
.siemens .mat-form-field-appearance-legacy .mat-input-element::placeholder,
.siemens .mat-form-field-appearance-outline .mat-input-element::placeholder,
.siemens .mat-form-field-appearance-fill .mat-input-element::placeholder {
  color: #000028;
}
.siemens .mat-form-field-appearance-legacy .mat-select-arrow,
.siemens .mat-form-field-appearance-outline .mat-select-arrow,
.siemens .mat-form-field-appearance-fill .mat-select-arrow {
  color: #4c4c68;
}
.siemens .mat-form-field-appearance-legacy .mat-form-field-underline::before,
.siemens .mat-form-field-appearance-outline .mat-form-field-underline::before,
.siemens .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: #4c4c68;
}
.siemens .mat-form-field-appearance-legacy .mat-form-field-flex,
.siemens .mat-form-field-appearance-outline .mat-form-field-flex,
.siemens .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: white;
  height: 54px;
  border-radius: 0px;
}
.siemens .mat-form-field-appearance-legacy .mat-form-field-label,
.siemens .mat-form-field-appearance-outline .mat-form-field-label,
.siemens .mat-form-field-appearance-fill .mat-form-field-label {
  color: #4c4c68;
}
.siemens .mat-form-field-appearance-legacy.mat-focused .mat-form-field-ripple, .siemens .mat-form-field-appearance-legacy:hover .mat-form-field-ripple,
.siemens .mat-form-field-appearance-outline.mat-focused .mat-form-field-ripple,
.siemens .mat-form-field-appearance-outline:hover .mat-form-field-ripple,
.siemens .mat-form-field-appearance-fill.mat-focused .mat-form-field-ripple,
.siemens .mat-form-field-appearance-fill:hover .mat-form-field-ripple {
  background-color: #00b3b3 !important;
}
.siemens .mat-form-field-appearance-legacy.mat-focused .mat-form-field-flex, .siemens .mat-form-field-appearance-legacy:hover .mat-form-field-flex,
.siemens .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
.siemens .mat-form-field-appearance-outline:hover .mat-form-field-flex,
.siemens .mat-form-field-appearance-fill.mat-focused .mat-form-field-flex,
.siemens .mat-form-field-appearance-fill:hover .mat-form-field-flex {
  background-color: white;
}
.siemens .mat-form-field-appearance-legacy.mat-focused .mat-form-field-label, .siemens .mat-form-field-appearance-legacy:hover .mat-form-field-label,
.siemens .mat-form-field-appearance-outline.mat-focused .mat-form-field-label,
.siemens .mat-form-field-appearance-outline:hover .mat-form-field-label,
.siemens .mat-form-field-appearance-fill.mat-focused .mat-form-field-label,
.siemens .mat-form-field-appearance-fill:hover .mat-form-field-label {
  color: #000028;
}
.siemens .mat-form-field-appearance-legacy.mat-focused.mat-primary .mat-select-arrow, .siemens .mat-form-field-appearance-legacy:hover.mat-primary .mat-select-arrow,
.siemens .mat-form-field-appearance-outline.mat-focused.mat-primary .mat-select-arrow,
.siemens .mat-form-field-appearance-outline:hover.mat-primary .mat-select-arrow,
.siemens .mat-form-field-appearance-fill.mat-focused.mat-primary .mat-select-arrow,
.siemens .mat-form-field-appearance-fill:hover.mat-primary .mat-select-arrow {
  color: #4c4c68;
}
.siemens .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-flex,
.siemens .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
.siemens .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 204, 204, 0.08);
}
.siemens .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline::before,
.siemens .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-underline::before,
.siemens .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.siemens .mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-flex,
.siemens .mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-flex,
.siemens .mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-flex {
  background-color: rgba(239, 1, 55, 0.2);
}
.siemens .mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-ripple,
.siemens .mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-ripple,
.siemens .mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-ripple {
  background-color: #ef0137;
}
.siemens .mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-label,
.siemens .mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-label,
.siemens .mat-form-field-appearance-fill.mat-form-field-invalid .mat-form-field-label {
  color: #ef0137;
}
.siemens .lay-wrapper--sog {
  background: #73BAC9 !important;
}
.siemens .mod-sog-tool .m-header .m-arrow-navigation ul .m-arrow-item .m-desc,
.siemens .mod-sog-tool .m-header .m-arrow-navigation ul .arrow-item .description {
  background: #73BAC9 !important;
}
.siemens .mod-sog-tool .m-header .m-arrow-navigation ul .m-arrow-item .m-desc:before,
.siemens .mod-sog-tool .m-header .m-arrow-navigation ul .arrow-item .description:before {
  background-color: #73BAC9 !important;
}
.siemens .mod-sog-tool .m-header .m-arrow-navigation ul .m-arrow-item--active .m-desc,
.siemens .mod-sog-tool .m-header .m-arrow-navigation ul .arrow-item.active .description {
  background: white !important;
  color: #000028 !important;
}
.siemens .mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-value {
  color: #007993 !important;
}
.siemens .mod-table--sog .m-content--chart .m-content-main > .m-col--tnos {
  background: linear-gradient(to bottom, rgba(67, 177, 206, 0) 0%, #D9D9D6 100%);
}
.siemens .mod-table--sog .m-content--chart .m-content-main > .m-col--mas,
.siemens .mod-table--sog .m-content--chart .m-content-main .m-col--final {
  background: linear-gradient(to bottom, rgba(250, 165, 10, 0) 0%, #73BAC9 100%);
}
.siemens .mod-table--sog .m-content--chart .m-content-main > .m-col--mas .m-col--top-bar,
.siemens .mod-table--sog .m-content--chart .m-content-main .m-col--final .m-col--top-bar {
  background: linear-gradient(to bottom, white 0%, #D9D9D6 100%);
}
.siemens .mod-table--sog .m-content--chart .m-content-main > .m-col .m-info,
.siemens .mod-table--sog .m-content--chart .m-content-main .m-col {
  color: #007993 !important;
}
.siemens .mod-table--sog .m-content--chart .m-content-main .m-content--chart .m-content-main--simulation .m-line > div {
  border-color: #007993 !important;
}
.siemens .mod-table--sog .blinkybunti {
  border: 1px solid #007993 !important;
}
.siemens .task-event-item:hover,
.siemens .task-event-item.hightlight {
  background-color: #E0FFF6;
}

/* Page Variator */
.page-variant--SPS {
  --variant-color: #9D0E4D;
  --variant-color-rgb: 157, 14, 77;
}
.page-variant--SMP {
  --variant-color: #9AA814;
  --variant-color-rgb: 154, 168, 20;
}
.page-variant--HiTec {
  --variant-color: #899BBA;
  --variant-color-rgb: 137, 155, 186;
}
.page-variant--SA {
  --variant-color: #75899A;
  --variant-color-rgb: 117, 137, 154;
}
.page-variant--SIP {
  --variant-color: #117074;
  --variant-color-rgb: 17, 112, 116;
}
.page-variant--SOG {
  --variant-color: #44B1CE;
  --variant-color-rgb: 68, 177, 206;
}
.page-variant .full-image-main p {
  color: white !important;
}
.page-variant .chapter-icon {
  color: var(--variant-color) !important;
}
.page-variant .chapter-icon {
  border-color: var(--variant-color) !important;
}
.page-variant .chapter-overview-main {
  background: var(--variant-color) !important;
}
.page-variant .chapter-overview-main .chapter-icon {
  color: white !important;
  border-color: white !important;
}
.page-variant .chapter-overview-main .chapter-text {
  color: white !important;
}
.page-variant .chapter-overview-main .chapter-line-item {
  background-color: white !important;
}
.page-variant button.primary, .page-variant .primary button {
  background-color: var(--variant-color);
  border: 2px solid var(--variant-color);
}
.page-variant button.primary:hover, .page-variant .primary button:hover {
  background-color: var(--variant-color);
  border: 2px solid var(--variant-color);
}

/* Basic CSS for apps built with Ionic */
audio, canvas, progress, video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b, strong {
  font-weight: bold;
}

img {
  max-width: 100%;
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label, input, select, textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::placeholder {
  padding-left: 2px;
}

form, input, optgroup, select {
  margin: 0;
  font: inherit;
  color: inherit;
}

html input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea {
  touch-action: manipulation;
}

a ion-label, button ion-label {
  pointer-events: none;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled], button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
} 
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html:not(.hydrated) body {
  display: none;
}

html.ion-ce body {
  display: block;
}

html.plt-pwa {
  height: 100vh;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
} 
html {
  font-family: var(--ion-font-family);
}

@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}

h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

small {
  font-size: 75%;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
} 
.ion-hide {
  display: none !important;
}

.ion-hide-up {
  display: none !important;
}

.ion-hide-down {
  display: none !important;
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
} 
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}

.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}

.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
} 
.ion-float-left {
  float: left !important;
}

.ion-float-right {
  float: right !important;
}

.ion-float-start {
  float: left !important;
}

:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}

[dir=rtl] .ion-float-start {
  float: right !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}

:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}

[dir=rtl] .ion-float-end {
  float: left !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
} 
.ion-text-center {
  text-align: center !important;
}

.ion-text-justify {
  text-align: justify !important;
}

.ion-text-start {
  text-align: start !important;
}

.ion-text-end {
  text-align: end !important;
}

.ion-text-left {
  text-align: left !important;
}

.ion-text-right {
  text-align: right !important;
}

.ion-text-nowrap {
  white-space: nowrap !important;
}

.ion-text-wrap {
  white-space: normal !important;
}

@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
} 
.ion-text-uppercase {
  text-transform: uppercase !important;
}

.ion-text-lowercase {
  text-transform: lowercase !important;
}

.ion-text-capitalize {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
} 
.ion-align-self-start {
  align-self: flex-start !important;
}

.ion-align-self-end {
  align-self: flex-end !important;
}

.ion-align-self-center {
  align-self: center !important;
}

.ion-align-self-stretch {
  align-self: stretch !important;
}

.ion-align-self-baseline {
  align-self: baseline !important;
}

.ion-align-self-auto {
  align-self: auto !important;
}

.ion-wrap {
  flex-wrap: wrap !important;
}

.ion-nowrap {
  flex-wrap: nowrap !important;
}

.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.ion-justify-content-start {
  justify-content: flex-start !important;
}

.ion-justify-content-center {
  justify-content: center !important;
}

.ion-justify-content-end {
  justify-content: flex-end !important;
}

.ion-justify-content-around {
  justify-content: space-around !important;
}

.ion-justify-content-between {
  justify-content: space-between !important;
}

.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}

.ion-align-items-start {
  align-items: flex-start !important;
}

.ion-align-items-center {
  align-items: center !important;
}

.ion-align-items-end {
  align-items: flex-end !important;
}

.ion-align-items-stretch {
  align-items: stretch !important;
}

.ion-align-items-baseline {
  align-items: baseline !important;
} 
html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}

.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}

html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}

html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}

html {
  --mdc-elevated-card-container-shape:4px;
}

html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}

html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}

html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}

.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}

.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}

html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}

html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}

html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}

html {
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}

html {
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}

html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}

html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}

html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}

html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}

html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}

html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform:translateY(-8px);
}

html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}

html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color:white;
}

html {
  --mdc-dialog-container-shape:4px;
}

html {
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}

html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}

html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}

.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}

.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}

html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}

html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}

html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}

html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}

html {
  --mdc-switch-state-layer-size:40px;
}

html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}

.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}

.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size:40px;
}

html {
  --mat-radio-touch-target-display:block;
}

html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}

html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}

html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
}

html {
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}

html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
}

html .mat-accent {
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}

html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
}

html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}

html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}

html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}

html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}

html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}

html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}

.mdc-list-item__start, .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}

.mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}

.mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
}

html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}

.mdc-list-item__start, .mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}

.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}

html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}

html {
  --mdc-secondary-navigation-tab-container-height:48px;
}

html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}

html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}

.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
}

.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}

.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}

.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}

.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}

.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}

.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}

html {
  --mdc-checkbox-state-layer-size:40px;
}

html {
  --mat-checkbox-touch-target-display:block;
}

html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}

html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}

html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}

html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}

html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}

html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}

html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}

html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}

html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}

html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}

html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}

html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
}

.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}

.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
}

.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}

.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}

.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
}

.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
}

.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}

.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
}

.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
}

.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}

.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}

.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}

.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}

.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height:36px;
}

html {
  --mdc-filled-button-container-height:36px;
}

html {
  --mdc-protected-button-container-height:36px;
}

html {
  --mdc-outlined-button-container-height:36px;
}

html {
  --mat-text-button-touch-target-display:block;
}

html {
  --mat-filled-button-touch-target-display:block;
}

html {
  --mat-protected-button-touch-target-display:block;
}

html {
  --mat-outlined-button-touch-target-display:block;
}

html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}

html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}

html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}

html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}

html {
  --mdc-icon-button-icon-size:24px;
}

html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}

html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}

html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
}

html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}

html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
}

html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}

html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}

html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display:block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color:white;
}

html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}

html {
  --mdc-fab-small-container-color:white;
}

html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}

html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
}

html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
}

html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}

html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
}

html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
}

html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}

html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}

html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display:block;
}

html {
  --mat-fab-small-touch-target-display:block;
}

html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}

html {
  --mdc-snackbar-container-shape:4px;
}

html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}

html {
  --mat-snack-bar-button-color:#c5cae9;
}

html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}

html {
  --mat-table-row-item-outline-width:1px;
}

html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}

html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}

html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}

html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}

html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}

html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}

html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}

.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}

html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}

html {
  --mat-bottom-sheet-container-shape:4px;
}

html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}

html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}

html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}

html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}

html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}

html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}

html {
  --mat-standard-button-toggle-height:48px;
}

html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}

html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}

html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}

.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}

html {
  --mat-divider-width:1px;
}

html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}

html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}

html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}

html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}

html {
  --mat-icon-color:inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}

.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}

.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}

html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}

html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}

html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}

html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}

html {
  --mat-stepper-header-height:72px;
}

html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}

html {
  --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3);
}

html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}

.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}

.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}

html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}

html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}

html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height:48px;
}

html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}

html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color:white;
}

.mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5, .mat-typography .mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6, .mat-typography .mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}

.mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p {
  margin: 0 0 12px;
}

.mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1, .mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2, .mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3, .mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4, .mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Structured Packages */
:root {
  --borderRadius: 0;
  --cardElevationFlat: none;
  --cardElevationRaised: none;
  --ion-color-primary: var(--petrol900);
  --ion-color-primary-light: #8a00e5;
  --ion-color-primary-dark: #06050a;
  --ion-color-primary-tint: #704e93;
  --ion-color-primary-contrast: #241b43;
  --ion-color-yellow: #ffb700;
  --ion-color-yellow-2: #ffa200;
  --ion-color-yellow-3: #ff8700;
  --ion-color-yellow-4: #fb7100;
  --ion-color-yellow-rgb: 255, 183, 0;
  --ion-color-yellow-contrast: #000000;
  --ion-color-yellow-contrast-rgb: 0, 0, 0;
  --ion-color-yellow-shade: #e0a100;
  --ion-color-yellow-tint: #ffbe1a;
  --ion-color-gray: #dee6ee;
  --ion-color-gray-2: #cad9e2;
  --ion-color-gray-3: #758792;
  --ion-color-gray-rgb: 146, 148, 156;
  --ion-color-gray-contrast: #ffffff;
  --ion-color-gray-contrast-rgb: 255, 255, 255;
  --ion-color-gray-shade: #808289;
  --ion-color-gray-tint: #9d9fa6;
  --ion-color-secondary: #00a3a1;
  --ion-color-secondary-rgb: 0, 163, 161;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #008f8e;
  --ion-color-secondary-tint: #1aacaa;
  --ion-color-tertiary: #97afc0;
  --ion-color-tertiary-rgb: 151, 175, 192;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #859aa9;
  --ion-color-tertiary-tint: #a1b7c6;
  --ion-color-success: #a1ff7a;
  --ion-color-success-rgb: 161, 255, 122;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #8ee06b;
  --ion-color-success-tint: #aaff87;
  --ion-color-danger: #f00000;
  --ion-color-danger-2: crimson;
  --ion-color-danger-3: darkred;
  --ion-color-danger-rgb: 240, 0, 0;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d30000;
  --ion-color-danger-tint: #f21a1a;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  /** spacing **/
  --ion-margin: 30px;
  --ion-padding: 30px;
  --ion-box-shadow-default-color: rgba(48, 50, 50, 0.3);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Siemens Sans Black";
  src: url("/assets/fonts/siemenssans-black-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-black-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Black.otf");
}
@font-face {
  font-family: "Siemens Slab Bold";
  src: url("/assets/fonts/SiemensSlab-Bold.ttf") format("ttf"), url("/assets/fonts/SiemensSlab-Bold.ttf") format("ttf"), url("/assets/fonts/SiemensSlab-Bold.ttf");
}
@font-face {
  font-family: "Siemens Sans";
  src: url("/assets/fonts/siemenssans-roman-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-roman-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Roman.otf");
}
@font-face {
  font-family: "Siemens Sans Serif";
  src: url("/assets/fonts/siemensserif-roman-webfont.woff2") format("woff2"), url("/assets/fonts/siemensserif-roman-webfont.woff") format("woff"), url("/assets/fonts/SiemensSerif-Roman.otf");
}
@font-face {
  font-family: "Siemens Sans Bold";
  src: url("/assets/fonts/siemenssans-bold-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-bold-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Bold.otf");
}
@font-face {
  font-family: "SH Headline";
  src: url("/assets/fonts/SH-Bree-Headline-Regular.woff2") format("woff2"), url("/assets/fonts/SH-Bree-Headline-Regular.woff") format("woff");
}
@font-face {
  font-family: "SH-Bree-Text";
  src: url("/assets/fonts/SH-Bree-TextGlobal-Regular.woff2") format("woff2"), url("/assets/fonts/SH-Bree-TextGlobal-Regular.woff") format("woff");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/MaterialIconsOutlined-Regular.otf");
}
@font-face {
  font-family: "Catamaran";
  src: url("/assets/fonts/Catamaran-VariableFont_wght.ttf") format("ttf");
}
/**
*  ====================== Fontstack ======================
*/
.material-icons,
.material-icons-outlined {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

html {
  height: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

*:focus {
  outline: none;
}

*:focus-visible {
  outline: 3px solid black;
}

body {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}
body.dark {
  background: var(--lightgrey100);
}
body.noscroll {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
ul,
li {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
}

ol {
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: var(--linkColor);
}
a:hover {
  text-decoration: underline;
  color: var(--linkHover);
}

menu {
  padding: 0;
  margin: 0;
}

button {
  border: none;
  outline: none;
}

body.dark-mode ion-router-outlet {
  background: #1a1535;
}
body.dark-mode ion-content > .container {
  background: #1a1535 !important;
}
body.dark-mode .letter-task-info span {
  color: white;
}
body.dark-mode app-season-overview {
  background: linear-gradient(to bottom, black, #00242f) !important;
}
body.dark-mode .selection-item {
  box-shadow: 1px -3px 5px var(--ion-box-shadow-default-color) !important;
}
body.dark-mode .sortby-menu-item {
  background-color: rgb(45, 45, 45) !important;
}
body.dark-mode .mat-input-element {
  color: white !important;
}
body.dark-mode app-faq-inbetween-level span.mat-badge, body.dark-mode app-faq-top-level span.mat-badge {
  color: white !important;
}
body.dark-mode .percentage p {
  color: #6C677C !important;
}
body.dark-mode .create-new-bug-container {
  background: #2D2750;
}
body.dark-mode .create-new-bug-container h3 {
  color: white;
}
body.dark-mode .create-new-bug-container .mat-form-field-appearance-outline .mat-form-field-outline, body.dark-mode .create-new-bug-container mat-label, body.dark-mode .create-new-bug-container .mat-select-arrow {
  color: white;
}
body.dark-mode .create-new-bug-container ::placeholder, body.dark-mode .create-new-bug-container .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body.dark-mode ion-content {
  --ion-background-color: rgb(45, 45, 45) !important;
}
body.dark-mode .mat-badge-content {
  color: #2D2750 !important;
  background: white !important;
}
body.dark-mode .doc-side-part,
body.dark-mode .documents-content {
  background: #1a1534;
}
body.dark-mode .doc-side-part .category-icon,
body.dark-mode .documents-content .category-icon {
  border-color: white;
}
body.dark-mode .doc-side-part .material-icons,
body.dark-mode .documents-content .material-icons {
  color: white;
}
body.dark-mode .doc-side-part .doccat-active .category-icon,
body.dark-mode .documents-content .doccat-active .category-icon {
  border-color: #1a1534 !important;
}
body.dark-mode .doc-side-part .doccat-active .material-icons,
body.dark-mode .doc-side-part .doccat-active h4,
body.dark-mode .documents-content .doccat-active .material-icons,
body.dark-mode .documents-content .doccat-active h4 {
  color: #1a1534 !important;
}
body.dark-mode app-item-overview .empty-image,
body.dark-mode app-direct-item-overview .empty-image {
  background-color: #1f153d !important;
}
body.dark-mode app-item-overview .empty-image span,
body.dark-mode app-direct-item-overview .empty-image span {
  color: white !important;
}
body.dark-mode app-item-overview .text-part,
body.dark-mode app-direct-item-overview .text-part {
  background: #c7d6e0 !important;
}
body.dark-mode app-item-overview .text-part p,
body.dark-mode app-direct-item-overview .text-part p {
  color: var(--petrol500) !important;
}
body.dark-mode .cat-items {
  background-color: transparent;
}
body.dark-mode app-equity-media .text-layer-content .text p,
body.dark-mode app-equity-media .text-layer-content .text h3 {
  color: #2d373c !important;
}
body.dark-mode .top-faq-text {
  color: white !important;
}
body.dark-mode .answer-items {
  font-family: Siemens Sans;
  color: white;
}
body.dark-mode .answer-items a {
  color: white;
}
body.dark-mode .faq-answer-items-holder tr:nth-child(even) p {
  color: black !important;
}
body.dark-mode .logo-wrapper:after {
  background-image: url(/assets/svgs/SE_Logo_White_RGB.svg) !important;
  border: none !important;
}
body.dark-mode .text-part h1,
body.dark-mode .text-part p {
  color: white !important;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h4,
body.dark-mode p,
body.dark-mode ion-button .headline-fy,
body.dark-mode .no-topics,
body.dark-mode ion-icon {
  color: white;
}
body.dark-mode ion-input {
  color: white !important;
}
body.dark-mode .custom-header h4,
body.dark-mode .custom-header p,
body.dark-mode .custom-header .m-icon-label,
body.dark-mode .custom-header mat-icon,
body.dark-mode .custom-header .material-icons-outlined {
  color: white !important;
}
body.dark-mode .custom-header ion-avatar {
  border: solid 2px white !important;
}
body.dark-mode .custom-header .profile-info > p:after {
  color: white !important;
}
body.dark-mode app-topic-item p,
body.dark-mode app-topic-item h3,
body.dark-mode app-topic-item .more-details,
body.dark-mode app-tree-box p,
body.dark-mode app-tree-box h3,
body.dark-mode app-tree-box .more-details,
body.dark-mode app-allocation-box .top p,
body.dark-mode app-allocation-box .top h3,
body.dark-mode app-allocation-box .top .more-details {
  color: white !important;
}
body.dark-mode app-allocation-kpi-header .triangle,
body.dark-mode app-allocation-breadcrumb .container {
  background: rgb(45, 45, 45) !important;
}
body.dark-mode .dashed-border-part {
  border-color: white !important;
}
body.dark-mode .dots:before {
  border-color: white !important;
}
body.dark-mode .lay-wrapper--header {
  background-color: black;
  box-shadow: inset 0 -50px 90px -80px lightgray;
}
body.dark-mode app-topic-list,
body.dark-mode app-adjust-subview-calc > .container > .right {
  background: rgb(45, 45, 45) !important;
}
body.dark-mode app-item-overview {
  background-color: #1f153d;
}
body.dark-mode app-topic-item,
body.dark-mode .budget-item,
body.dark-mode .simplebar-vertical,
body.dark-mode .simplebar-horizontal,
body.dark-mode app-tree-box .top,
body.dark-mode app-tree-box .bottom,
body.dark-mode app-allocation-box .person-container > .top,
body.dark-mode app-allocation-box .person-container > .bottom,
body.dark-mode app-adjustment-section-box .container,
body.dark-mode app-confirmation-dialog .container, body.dark-mode app-completed-creation .main-container {
  background: rgb(84, 84, 85) !important;
}
body.dark-mode app-adjust-kpi-edit-box .container {
  background: #2d2d2d !important;
}
body.dark-mode .simplebar-scrollbar::before {
  background: white !important;
}
body.dark-mode app-tree-box .person-container:not(.children-available) .toggle-children,
body.dark-mode app-allocation-box .person-container:not(.children-available) .toggle-children {
  background: gray !important;
}
body.dark-mode app-service-provider-list .header {
  background: #dde7f1 !important;
}
body.dark-mode app-service-provider-list .header h3,
body.dark-mode app-service-provider-list .header p,
body.dark-mode app-service-provider-list .header b {
  color: black !important;
}
body.dark-mode app-service-provider-list .container a {
  color: white !important;
}
body.dark-mode .season-container {
  background: linear-gradient(to bottom, black, rgb(0, 36, 47)) !important;
}
body.dark-mode app-equity-chapter .container {
  background: rgb(45, 45, 45) !important;
}
body.dark-mode app-equity-chapter .head {
  border-bottom: 2px solid lightgray !important;
}
body.dark-mode app-equity-chapter .head p {
  color: white !important;
}
body.dark-mode app-equity-chapter h3,
body.dark-mode app-equity-chapter h4,
body.dark-mode app-equity-chapter mat-icon {
  color: white !important;
}
body.dark-mode app-equity-chapter-icon .icon-wrapper {
  border: 2px solid white;
  background: rgb(45, 45, 45);
}
body.dark-mode app-equity-chapter-icon .icon-wrapper mat-icon {
  color: white !important;
}
body.dark-mode app-equity-chapter-indicator .scroll-indicator {
  background: white !important;
}
body.dark-mode .chapter-text {
  color: #1d1336 !important;
}
body.dark-mode .content-pages-main-part {
  background: #281f4c;
}
body.dark-mode .content-pages-main-part .enlarge-icon span {
  color: #1d1336 !important;
}
body.dark-mode .content-pages-main-part h1,
body.dark-mode .content-pages-main-part h2,
body.dark-mode .content-pages-main-part h3,
body.dark-mode .content-pages-main-part h4,
body.dark-mode .content-pages-main-part p,
body.dark-mode .content-pages-main-part span,
body.dark-mode .content-pages-main-part a {
  color: white !important;
}
body.dark-mode .content-pages-main-part .top-chapter span {
  color: #1d1336 !important;
}
body.dark-mode .content-pages-main-part .chapter-icon:not(.top-chapter) {
  border-color: white;
}
body.dark-mode .content-pages-main-part .chapter-icon:not(.top-chapter) span {
  color: white;
}
body.dark-mode .content-pages-main-part .angular-editor-textarea {
  color: white !important;
}
body.dark-mode .content-pages-main-part app-equity-cms-card-item p {
  color: #1d1336 !important;
}
body.dark-mode .select-emulate-popup {
  background: #281f4c;
}
body.dark-mode .select-emulate-popup .lang-image.no-image {
  position: relative;
  border-color: white !important;
}
body.dark-mode .select-emulate-popup .lang-image.no-image span {
  color: white !important;
}
body.dark-mode .select-emulate-popup .user-item:hover .lang-image.no-image {
  border-color: #1d1336 !important;
}
body.dark-mode .select-emulate-popup .user-item:hover .lang-image.no-image span {
  color: #1d1336 !important;
}
body.dark-mode .select-emulate-popup .user-item:hover p {
  color: #1d1336;
}
body.dark-mode .select-emulate-popup ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #1d1336;
}
body.dark-mode .select-emulate-popup ::-moz-placeholder {
  /* Firefox 19+ */
  color: #1d1336;
}
body.dark-mode .select-emulate-popup :-ms-input-placeholder {
  /* IE 10+ */
  color: #1d1336;
}
body.dark-mode .select-emulate-popup :-moz-placeholder {
  /* Firefox 18- */
  color: #1d1336;
}
body.dark-mode .select-emulate-popup input {
  color: #1d1336;
}
body.dark-mode .left-side-fade-out {
  background: linear-gradient(to right, #19132E, #19132E, #19132E, rgba(255, 255, 255, 0));
}

.mat-slider {
  height: 56px !important;
}
.mat-slider.mat-slider-horizontal .mat-slider-wrapper {
  top: 18px;
  left: 0;
  right: 0;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-wrapper {
  height: 20px;
  border-radius: 30px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.mat-slider.mat-slider-horizontal .mat-slider-track-background,
.mat-slider.mat-slider-horizontal .mat-slider-track-fill {
  height: 100%;
  z-index: 15;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-background {
  background-color: white;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-fill {
  background-color: rgb(161, 255, 122);
}
.mat-slider.mat-slider-horizontal .mat-slider-thumb-container {
  z-index: 999 !important;
}

.mat-accent .mat-slider-thumb {
  right: -26px;
  bottom: -35px;
  width: 52px;
  height: 52px;
  background-color: var(--ion-color-primary);
  border: none !important;
  transform: scale(0.7) !important;
}
.mat-accent .mat-slider-thumb:before {
  font-family: "Material Icons";
  font-size: 24px;
  content: "\e925";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  max-height: 24px;
  margin: 0 -2px;
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  background-color: var(--ion-color-primary) !important;
  background-color: transparent;
}

.mat-slider:not(.mat-slider-disabled).cdk-mouse-focused .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled).cdk-touch-focused .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled).cdk-program-focused .mat-slider-thumb {
  transform: scale(0.85) !important;
}

.lay-wrapper {
  width: 100%;
  position: relative;
  transition: transform 0.5s ease-in-out;
  /**** Layout Wrapper - Main Types ****/
  /**** Layout Wrapper - Grid Type ****/
  /** Layout Wrapper - Background Colors **/
}
@media print {
  .lay-wrapper > *:last-child {
    border-bottom: none !important;
  }
}
.lay-wrapper--header {
  background: var(--white);
  z-index: 12;
}
@media print {
  .lay-wrapper--header {
    display: none;
  }
}
.lay-wrapper--footer {
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 60px;
  opacity: 0;
  position: absolute;
}
@media print {
  .lay-wrapper--footer {
    display: none;
  }
}
.lay-wrapper--footer.dark {
  background: var(--darkgrey700);
}
.lay-wrapper--footer.lightfont span,
.lay-wrapper--footer.lightfont a {
  color: var(--white) !important;
}
.lay-wrapper--footer.show {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.lay-wrapper--default, .lay-wrapper--grid-width {
  width: 92.5%;
  margin: 0 auto;
  transition: max-width 0.25s ease-in-out;
  position: relative;
}
.lay-wrapper--full-height {
  min-height: 100vh;
}
.lay-wrapper--light {
  background: var(--white);
}
.lay-wrapper--grey-light {
  background: var(--lightgrey100);
}
.lay-wrapper--grey-dark {
  background: var(--darkgrey700);
}
.lay-wrapper--smp {
  background: #75861f;
}
.lay-wrapper--mip {
  background: #849718;
}
.lay-wrapper--bap {
  background: #607626;
}
.lay-wrapper--sa, .lay-wrapper--hsa {
  background: #8a9fb0;
}
.lay-wrapper--ceo, .lay-wrapper--hceo {
  background: #75899a;
}
.lay-wrapper--ps {
  background: #af235f;
}
.lay-wrapper--sog {
  background: rgb(67, 177, 206);
}
.lay-wrapper--dr {
  background: #005f87;
}
.lay-wrapper--msp {
  background: #555f69;
}
.lay-wrapper--his {
  background: #ec6602;
}
.lay-wrapper--hsa {
  background: #8a9fb0;
}
.lay-wrapper--hceo {
  background: #75899a;
}
.lay-wrapper--ip {
  background: #147074;
}
.lay-wrapper--c4s {
  background: #41aaaa;
}
.lay-wrapper--mmt {
  background: #eff3f6;
}
.lay-wrapper--top-distance {
  margin-top: 130px;
}
@media print {
  .lay-wrapper--top-distance {
    margin-top: 0;
  }
}
.lay-wrapper--top-distance-small {
  margin-top: 75px;
}
@media print {
  .lay-wrapper--top-distance-small {
    margin-top: 0;
  }
}
.lay-wrapper-medium {
  padding-top: 90px;
}
@media print {
  .lay-wrapper-medium {
    padding-top: 0;
  }
}
.lay-wrapper--bottom-distance {
  margin-bottom: 100px;
}
.lay-wrapper--bottom-distance-medium {
  margin-bottom: 75px;
}
.lay-wrapper--bottom-distance-small {
  margin-bottom: 50px;
}
.lay-wrapper.headroom {
  transition: top 200ms linear;
}
.lay-wrapper.headroom--pinned {
  top: 0;
}
.lay-wrapper.headroom--unpinned {
  top: -75px;
}
.lay-wrapper--sog {
  background: rgb(67, 177, 206);
}

h1,
.h1 {
  font-family: "Siemens Sans Black", Tahoma, Geneva, sans-serif;
  font-size: 2.375rem;
  line-height: 2.625rem;
  letter-spacing: 0.008rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}

h2,
.h2 {
  font-family: "Siemens Slab Bold", Tahoma, Geneva, sans-serif;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}

h3,
.h3 {
  font-family: "Siemens Sans Black", Tahoma, Geneva, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}

h4,
.h4 {
  font-family: "Siemens Sans Black", Tahoma, Geneva, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}

p,
.p {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  font-size: 1rem;
}
p.bold,
.p.bold {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
  line-height: 1.05rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}

span,
.span {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  font-size: 1rem;
}

i,
.i {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: unset;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  font-size: 1rem;
}

button,
.button {
  font-family: "Siemens Sans Black", Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}

@font-face {
  font-family: "siemens-webicons-webfont";
  src: url("/assets/fonts/siemens-webicons-webfont.eot?avcggw");
  src: url("/assets/fonts/siemens-webicons-webfont.eot?avcggw#iefix") format("embedded-opentype"), url("/assets/fonts/siemens-webicons-webfont.ttf?avcggw") format("truetype"), url("/assets/fonts/siemens-webicons-webfont.woff?avcggw") format("woff"), url("/assets/fonts/siemens-webicons-webfont.svg?avcggw#siemens-webicons-webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
.a-icon--apps:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
}
.a-icon--arrow-down-extrasmall:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
}
.a-icon--arrow-left-extrasmall:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e602";
}
.a-icon--arrow-right-extrasmall:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603";
}
.a-icon--arrow-up-extrasmall:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e604";
}
.a-icon--arrow-down-large:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e605";
}
.a-icon--arrow-left-large:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606";
}
.a-icon--arrow-right-large:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e607";
}
.a-icon--arrow-up-large:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e608";
}
.a-icon--arrow-down-small:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609";
}
.a-icon--arrow-left-small:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60a";
}
.a-icon--arrow-right-small:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.a-icon--arrow-up-small:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60c";
}
.a-icon--arrow-to-top:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60d";
}
.a-icon--at:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
}
.a-icon--bookmark:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60f";
}
.a-icon--calculate:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
}
.a-icon--calendar:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
}
.a-icon--chat:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
}
.a-icon--check-mark:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e613";
}
.a-icon--circle:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e614";
}
.a-icon--close:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e615";
}
.a-icon--control:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e616";
}
.a-icon--delete:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e617";
}
.a-icon--double-arrow-backward:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e618";
}
.a-icon--double-arrow-down:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e619";
}
.a-icon--double-arrow-forward:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61a";
}
.a-icon--double-arrow-up:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61b";
}
.a-icon--download:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c";
}
.a-icon--drag:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61d";
}
.a-icon--edit {
  width: 38px;
  height: 57px;
  background: url("/assets/svgs/icon-edit.svg") no-repeat;
  background-size: 100%;
}
.a-icon--edit:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--email:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61f";
}
.a-icon--ext:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e620";
}
.a-icon--facebook:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e621";
}
.a-icon--facebook-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e622";
}
.a-icon--fax:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e623";
}
.a-icon--file:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e624";
}
.a-icon--avi:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e625";
}
.a-icon--doc:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e626";
}
.a-icon--eps:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e627";
}
.a-icon--jpg:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e628";
}
.a-icon--mov:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e629";
}
.a-icon--mp3:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62a";
}
.a-icon--mp4:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62b";
}
.a-icon--pdf {
  width: 16px;
  height: 24px;
  background: url("/assets/svgs/icon-pdf.svg") no-repeat;
  background-size: 100%;
}
.a-icon--pdf:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--png:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62d";
}
.a-icon--ppt:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62e";
}
.a-icon--files:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f";
}
.a-icon--tif:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e630";
}
.a-icon--vcf:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e631";
}
.a-icon--xls:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e632";
}
.a-icon--zip:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e633";
}
.a-icon--forum:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e634";
}
.a-icon--fullscreen:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e635";
}
.a-icon--globe:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e636";
}
.a-icon--glossary:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e637";
}
.a-icon--google:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e638";
}
.a-icon--google-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e639";
}
.a-icon--home:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63a";
}
.a-icon--information:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63b";
}
.a-icon--information-package:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63c";
}
.a-icon--instagram:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63d";
}
.a-icon--instagram-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63e";
}
.a-icon--legal-notice:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63f";
}
.a-icon--level-up:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e640";
}
.a-icon--linkedin:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e641";
}
.a-icon--linkedin-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e642";
}
.a-icon--list-view:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e643";
}
.a-icon--location-pin:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e644";
}
.a-icon--log-in:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e645";
}
.a-icon--log-out:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e646";
}
.a-icon--menu:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e647";
}
.a-icon--minus:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e648";
}
.a-icon--more:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e649";
}
.a-icon--navigation-gyroscope:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e64a";
}
.a-icon--navigation-mouse:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e64b";
}
.a-icon--newton_product-catalogue:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--outline:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e64d";
}
.a-icon--phone:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e64e";
}
.a-icon--play:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e64f";
}
.a-icon--plus:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e650";
}
.a-icon--print-doc:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e651";
}
.a-icon--rating:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e652";
}
.a-icon--region:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e653";
}
.a-icon--replay:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e654";
}
.a-icon--rss:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e655";
}
.a-icon--scaling:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e656";
}
.a-icon--search:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e657";
}
.a-icon--share-ios:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e658";
}
.a-icon--share-newton-android:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e659";
}
.a-icon--shopping-cart:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65a";
}
.a-icon--show-location:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65b";
}
.a-icon--single-arrow-backward:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65c";
}
.a-icon--single-arrow-down:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65d";
}
.a-icon--single-arrow-forward:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65e";
}
.a-icon--single-arrow-up:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e65f";
}
.a-icon--slider:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e660";
}
.a-icon--social-feed:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e661";
}
.a-icon--speakers-off:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e662";
}
.a-icon--speakers-on:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e663";
}
.a-icon--subscribe:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e664";
}
.a-icon--theenergyblog:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e665";
}
.a-icon--theenergyblog-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e666";
}
.a-icon--tile-view:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e667";
}
.a-icon--twitter:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e668";
}
.a-icon--twitter-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e669";
}
.a-icon--user-account:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66a";
}
.a-icon--video-chat:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66b";
}
.a-icon--warning:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66c";
}
.a-icon--youtube:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66d";
}
.a-icon--youtube-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66e";
}
.a-icon--zoom:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66f";
}
.a-icon--weibo:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}
.a-icon--weibo-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}
.a-icon--youku:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
}
.a-icon--youku-negative:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
}
.a-icon--support:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}
.a-icon--service:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
}
.a-icon--benefits-affordable {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-affordable.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-affordable:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-company-subsidy {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-company-subsidy.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-company-subsidy:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-matching-shares {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-matching-shares.svg") no-repeat;
  background-size: 100%;
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-matching-shares.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-matching-shares:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-dividends {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-dividends.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-dividends:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-flexible {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-flexible.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-flexible:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-lead {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-lead.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-lead:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-matching-shares {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-matching-shares.svg") no-repeat;
  background-size: 100%;
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-matching-shares.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-matching-shares:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-motivate {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-motivate.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-motivate:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-no-holding-period {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-no-holding-period.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-no-holding-period:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-no-personal-investment {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-no-personal-investment.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-no-personal-investment:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-participation {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-participation.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-participation:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-recognition {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-recognition.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-recognition:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-role-model {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-role-modeL.jpg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-role-model:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-share-rewards {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-share-rewards.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-share-rewards:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-shareholder-rights {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-shareholder-rights.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-shareholder-rights:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-shareholder {
  width: 64px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-shareholder.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-shareholder:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-sell-to-cover {
  width: 60px;
  height: 60px;
  background: url("/assets/svgs/icon-benefits-sell-to-cover.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-sell-to-cover:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-sell-all {
  width: 61px;
  height: 64px;
  background: url("/assets/svgs/icon-benefits-sell-alL.jpg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-sell-all:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-hold-all {
  width: 82px;
  height: 58px;
  background: url("/assets/svgs/icon-benefits-hold-alL.jpg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-hold-all:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-default-option {
  width: 61px;
  height: 53px;
  background: url("/assets/svgs/icon-benefits-default-option.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-default-option:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-preliminary-tax {
  width: 56px;
  height: 58px;
  background: url("/assets/svgs/icon-benefits-preliminary-tax.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-preliminary-tax:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-calculation {
  width: 57px;
  height: 67px;
  background: url("/assets/svgs/icon-benefits-calculation.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-calculation:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-provision {
  width: 83px;
  height: 63px;
  background: url("/assets/svgs/icon-benefits-provision.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-provision:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--benefits-tax-adjustments {
  width: 57px;
  height: 57px;
  background: url("/assets/svgs/icon-benefits-tax-adjustments.svg") no-repeat;
  background-size: 100%;
}
.a-icon--benefits-tax-adjustments:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sog-rectangles {
  width: 42px;
  height: 41px;
  background: url("/assets/svgs/icon-sog-rectangles.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sog-rectangles:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sog-calculator {
  width: 30px;
  height: 40px;
  background: url("/assets/svgs/icon-sog-calculator.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sog-calculator:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sog-flag {
  width: 32px;
  height: 39px;
  background: url("/assets/svgs/icon-sog-flag.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sog-flag:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sog-check {
  width: 47px;
  height: 36px;
  background: url("/assets/svgs/icon-sog-check.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sog-check:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sog-phone {
  width: 29px;
  height: 40px;
  background: url("/assets/svgs/icon-sog-phone.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sog-phone:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sps-1 {
  width: 45px;
  height: 52px;
  background: url("/assets/svgs/icon-sps-1.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sps-1:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--sps-2 {
  width: 50px;
  height: 47px;
  background: url("/assets/svgs/icon-sps-2.svg") no-repeat;
  background-size: 100%;
}
.a-icon--sps-2:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--arrow-white-big {
  width: 32px;
  height: 33px;
  transform: translate(10px, 0);
  background: url("/assets/svgs/icon-arrow-white-big.svg") no-repeat;
  background-size: 100%;
}
.a-icon--arrow-white-big:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--two-rectangle {
  width: 47px;
  height: 47px;
  background: url("/assets/svgs/icon-two-rectangle.svg") no-repeat;
  background-size: 100%;
}
.a-icon--two-rectangle:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--login {
  width: 14px;
  height: 14px;
  background: url("/assets/svgs/icon-login.svg") no-repeat;
  background-size: 100%;
}
.a-icon--login:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--login-before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/assets/svgs/icon-login.svg") no-repeat;
  background-size: 100%;
  margin-right: 6px;
}
.a-icon--logout-before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 14px;
  height: 15px;
  background: url("/assets/svgs/icon-logout.svg") no-repeat;
  background-size: 100%;
  margin-right: 6px;
}
.a-icon--welcome-mo {
  width: 49px;
  height: 50px;
  background: url("/assets/svgs/icon-welcome-mo.svg") no-repeat;
  background-size: 100%;
}
.a-icon--welcome-mo:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--welcome-msp {
  width: 54px;
  height: 49px;
  background: url("/assets/svgs/icon-welcome-msp.svg") no-repeat;
  background-size: 100%;
}
.a-icon--welcome-msp:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--welcome-mmt {
  width: 57px;
  height: 49px;
  background: url("/assets/svgs/icon-welcome-mmt.svg") no-repeat;
  background-size: 100%;
}
.a-icon--welcome-mmt:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.a-icon--upload:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 14px;
  height: 19px;
  background: url("/assets/svgs/icon-upload.svg") no-repeat;
  background-size: 100%;
  margin-right: 6px;
}
.a-icon--print-dark {
  width: 19px;
  height: 18px;
  background: url("/assets/svgs/icon-print-dark.svg") no-repeat;
  background-size: 100%;
}
.a-icon--print-dark:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.app-ripple {
  position: absolute;
  border-radius: 50%;
  background-color: white;
  opacity: 0.2;
  transform: scale(0);
  transition: 800ms ease-out;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
}
.app-ripple.spread {
  transform: scale(2);
  opacity: 0;
}

.coin-chip-info {
  display: flex;
  border-radius: 100px;
  border: 1px solid #d7e4ee;
  height: fit-content;
  width: fit-content;
}
.coin-chip-info.primary {
  border-color: var(--petrol700);
}
.coin-chip-info p {
  font-family: "Siemens Sans Black";
  font-size: 0.7em;
}
.coin-chip-info.organization {
  margin-top: 8px;
}
.coin-chip-info .title,
.coin-chip-info .value {
  padding: 2px 8px;
  white-space: nowrap;
}
.coin-chip-info .title {
  border-radius: 100px;
  background-color: #d7e4ee;
  display: flex;
  align-items: center;
}
.coin-chip-info .value .mat-icon {
  font-size: 12px;
  width: 12px;
  height: 14px;
  vertical-align: middle;
}
.coin-chip-info.primary {
  border-color: var(--petrol700);
}
.coin-chip-info.primary .title {
  background-color: var(--petrol700);
}

body.dark-mode .coin-chip-info {
  border-color: var(--petrol700);
}
body.dark-mode .coin-chip-info .title {
  background-color: var(--petrol700);
}

/* Academy styles */
@font-face {
  font-family: "Siemens Sans";
  src: url("/assets/fonts/siemenssans-roman-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-roman-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Roman.otf");
}
@font-face {
  font-family: "Siemens Sans Bold";
  src: url("/assets/fonts/siemenssans-bold-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-bold-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Bold.otf");
}
@font-face {
  font-family: "Siemens Serif Bold";
  src: url("/assets/fonts/siemenssans-bold-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-bold-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Bold.otf");
}
@font-face {
  font-family: "Siemens Sans Italic";
  src: url("/assets/fonts/siemenssans-roman-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-roman-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Roman.otf");
}
@font-face {
  font-family: "Siemens Black";
  src: url("/assets/fonts/siemenssans-black-webfont.woff2") format("woff2"), url("/assets/fonts/siemenssans-black-webfont.woff") format("woff"), url("/assets/fonts/SiemensSans-Black.otf");
}
/**
*  ====================== Fontstack ======================
*/
.mod-academy {
  margin: 0 -15px;
  position: relative;
}
.mod-academy:before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  z-index: 10;
  pointer-events: none;
  transition: background 0.75s ease-in-out;
}
.mod-academy.active:before {
  background: rgba(0, 0, 0, 0.7);
}
.mod-academy .grid-sizer {
  width: 33.33%;
}
.mod-academy-header {
  width: 100%;
}
.mod-academy-header > .m-content {
  padding: 200px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-academy-header > .m-content h1 {
  width: 100%;
  color: white;
  margin: 0 auto;
  padding: 0 50px;
  text-align: center;
}
.mod-academy-header > .m-content h1 span {
  font-weight: bold;
}
.mod-academy-tile {
  overflow: hidden;
  margin: 15px;
  z-index: 1;
  height: auto;
  transition: left 0.75s ease-in-out, top 0.75s ease-in-out, width 0.75s ease-in-out, height 0.75s ease-in-out, max-height 0.75s ease-in-out;
  /* Modifier Format */
  /* Modifier Type */
  /* Modifier Theme */
  /* Modifier Text Color */
  /* Modifier Media Type */
}
.mod-academy-tile > .m-content {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: white;
  position: absolute;
}
.mod-academy-tile > .m-content .m-top {
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 18px;
  height: 40px;
  position: absolute;
  z-index: 1;
}
.mod-academy-tile > .m-content .m-top .m-desc,
.mod-academy-tile > .m-content .m-top .m-time,
.mod-academy-tile > .m-content .m-top .m-severity {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 12px;
}
.mod-academy-tile > .m-content .m-top .m-time {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-academy-tile > .m-content .m-top .m-time:before {
  content: "";
  margin: 0 -2px 0 0;
  display: inline-block;
}
@media print, only screen and (min-width: 1920px) {
  .mod-academy-tile > .m-content .m-top .m-time:before {
    width: 30.84px !important;
    height: 30.84px !important;
  }
}
.mod-academy-tile > .m-content .m-top .m-time--1:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-1.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--1:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--2:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-2.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--2:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--3:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-3.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--3:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--4:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-4.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--4:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--5:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-5.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--5:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--6:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-6.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--6:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--7:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-7.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--7:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-time--8:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-8.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-time--8:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-severity {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-academy-tile > .m-content .m-top .m-severity:before {
  content: "";
  margin: 0 4px 0 0;
  display: inline-block;
}
@media print, only screen and (min-width: 1920px) {
  .mod-academy-tile > .m-content .m-top .m-severity:before {
    width: 21.845px !important;
    height: 14.135px !important;
  }
}
.mod-academy-tile > .m-content .m-top .m-severity--easy:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-severity-easy.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-severity--easy:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-severity--medium:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-severity-medium.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-severity--medium:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-severity--difficult:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-severity-difficult.svg") no-repeat;
  background-size: 100%;
}
.mod-academy-tile > .m-content .m-top .m-severity--difficult:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-marker {
  right: 0;
  top: 0;
  padding: 7px 18px;
  position: absolute;
  background: rgba(34, 42, 46, 0.9);
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  z-index: 1;
  height: 40px;
}
@media print, only screen and (min-width: 1920px) {
  .mod-academy-tile > .m-content .m-top .m-marker {
    padding: 5px 21px;
  }
}
.mod-academy-tile > .m-content .m-top .m-marker.hide {
  display: none;
}
.mod-academy-tile > .m-content .m-top .m-close {
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url("/assets/svgs/icon-original-size.svg") no-repeat;
  background-size: 100%;
  background-size: 50%;
  background-position: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  display: none;
}
.mod-academy-tile > .m-content .m-top .m-close:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-academy-tile > .m-content .m-top .m-close.active {
  display: block;
}
.mod-academy-tile > .m-content .m-scroll-content {
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: relative;
}
.mod-academy-tile > .m-content .m-scroll-content:before, .mod-academy-tile > .m-content .m-scroll-content:after {
  content: " ";
  display: table;
}
.mod-academy-tile > .m-content .m-scroll-content:after {
  clear: both;
}
.mod-academy-tile > .m-content .m-header-wrapper {
  width: 100%;
  padding: 0;
  height: 100%;
  position: relative;
  transition: all 0.75s ease-in-out;
  transition-delay: 0s;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-text-wrapper {
  width: 100%;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.375s ease-in-out;
  transition-delay: 0.75s;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-text-wrapper--swiper {
  transition: opacity 0.375s ease-in-out, transform 0.375s ease-in-out, padding 0.375s ease-in-out;
  transition-delay: 0.75s, 0s, 0s;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-text-wrapper .m-button {
  width: auto;
  min-width: 140px;
  align-self: flex-start;
  text-align: center;
  display: block;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-text-wrapper .mod-text {
  display: block;
  z-index: 1;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.75s ease-in-out;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-media:before {
  transition: all 0.75s ease-in-out;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-media > img {
  display: block;
}
.mod-academy-tile > .m-content .m-header-wrapper .m-media > .m-image {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.75s ease-in-out;
}
.mod-academy-tile > .m-content .m-bottom-wrapper {
  width: calc(100% - 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  justify-content: space-between;
  left: 30px;
  bottom: 30px;
  position: absolute;
}
.mod-academy-tile > .m-content .m-bottom-wrapper .m-button {
  width: auto;
  min-width: 140px;
  text-align: center !important;
  justify-content: center !important;
  padding-left: 15px !important;
}
.mod-academy-tile > .m-content .m-bottom-wrapper .m-info {
  max-width: 50%;
  text-align: right;
}
.mod-academy-tile > .m-content .m-bottom-wrapper.hide {
  display: none;
}
.mod-academy-tile > .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 30px 0;
  transform: translate(100%, 0);
  opacity: 0;
  transition: transform 0.75s ease-in-out, opacity 0.375s ease-in-out;
  transition-delay: 0s, 0s;
}
.mod-academy-tile > .m-content .m-dynamic-content-wrapper .m-dynamic-content .mod-article {
  padding: 0 10px;
}
.mod-academy-tile--landscape {
  width: calc(100% - 30px);
  position: relative;
}
.mod-academy-tile--landscape:before {
  content: "";
  width: 100%;
  padding-top: 50%;
  display: block;
}
@media print, only screen and (min-width: 1024px) {
  .mod-academy-tile--landscape {
    width: calc(66.66% - 30px);
    position: relative;
  }
  .mod-academy-tile--landscape:before {
    content: "";
    width: 100%;
    padding-top: 50%;
    display: block;
  }
}
.mod-academy-tile--portrait {
  width: calc(100% - 30px);
  position: relative;
}
.mod-academy-tile--portrait:before {
  content: "";
  width: 100%;
  padding-top: 200%;
  display: block;
}
@media print, only screen and (min-width: 1024px) {
  .mod-academy-tile--portrait:before {
    padding-bottom: 60px;
  }
}
@media print, only screen and (min-width: 1024px) {
  .mod-academy-tile--portrait {
    width: calc(33.33% - 30px);
  }
}
.mod-academy-tile--article .m-content .m-top--bar, .mod-academy-tile--article-main .m-content .m-top--bar {
  background: #004669;
}
.mod-academy-tile--article .m-content .m-header-wrapper .m-media, .mod-academy-tile--article-main .m-content .m-header-wrapper .m-media {
  background-color: #004669;
}
.mod-academy-tile--article .m-content .m-dynamic-content-wrapper .m-dynamic-content, .mod-academy-tile--article-main .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  padding-top: 0;
}
.mod-academy-tile--training .m-content .m-top--bar, .mod-academy-tile--training-main .m-content .m-top--bar, .mod-academy-tile--article-video .m-content .m-top--bar {
  background: #32a0a0;
}
.mod-academy-tile--training .m-content .m-header-wrapper .m-media, .mod-academy-tile--training-main .m-content .m-header-wrapper .m-media, .mod-academy-tile--article-video .m-content .m-header-wrapper .m-media {
  background-color: #32a0a0;
}
.mod-academy-tile--training .m-content .m-dynamic-content-wrapper .m-dynamic-content, .mod-academy-tile--training-main .m-content .m-dynamic-content-wrapper .m-dynamic-content, .mod-academy-tile--article-video .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  padding: 0;
}
.mod-academy-tile--quiz .m-content .m-top--bar, .mod-academy-tile--quiz-main .m-content .m-top--bar {
  background: #879baa;
}
.mod-academy-tile--quiz .m-content .m-header-wrapper .m-media, .mod-academy-tile--quiz-main .m-content .m-header-wrapper .m-media {
  background-color: #879baa;
}
.mod-academy-tile--quiz .m-content .m-dynamic-content-wrapper .m-dynamic-content, .mod-academy-tile--quiz-main .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  padding: 0;
}
.mod-academy-tile--survey .m-content .m-top--bar, .mod-academy-tile--quiz-survey .m-content .m-top--bar {
  background: #0a525b;
}
.mod-academy-tile--survey .m-content .m-header-wrapper .m-media, .mod-academy-tile--quiz-survey .m-content .m-header-wrapper .m-media {
  background-color: #0a525b;
}
.mod-academy-tile--survey .m-content .m-dynamic-content-wrapper .m-dynamic-content, .mod-academy-tile--quiz-survey .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  padding: 0;
}
.mod-academy-tile--interactive .m-content .m-top--bar, .mod-academy-tile--interactive-main .m-content .m-top--bar {
  background: #3b5e7b;
}
.mod-academy-tile--interactive .m-content .m-header-wrapper .m-media, .mod-academy-tile--interactive-main .m-content .m-header-wrapper .m-media {
  background-color: #3b5e7b;
}
.mod-academy-tile--interactive .m-content .m-dynamic-content-wrapper .m-dynamic-content, .mod-academy-tile--interactive-main .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  padding: 0;
}
.mod-academy-tile--article-main, .mod-academy-tile--training-main, .mod-academy-tile--quiz-main, .mod-academy-tile--survey-main, .mod-academy-tile--interactive-main {
  width: calc(100% - 30px);
  position: relative;
}
.mod-academy-tile--article-main:before, .mod-academy-tile--training-main:before, .mod-academy-tile--quiz-main:before, .mod-academy-tile--survey-main:before, .mod-academy-tile--interactive-main:before {
  content: "";
  width: 100%;
  padding-top: 56.1797752809%;
  display: block;
}
.mod-academy-tile--article-main .m-content .m-header-wrapper .m-media, .mod-academy-tile--training-main .m-content .m-header-wrapper .m-media, .mod-academy-tile--quiz-main .m-content .m-header-wrapper .m-media, .mod-academy-tile--survey-main .m-content .m-header-wrapper .m-media, .mod-academy-tile--interactive-main .m-content .m-header-wrapper .m-media {
  transition: left 0.375s ease-in-out, filter 0.75s ease-in-out;
}
.mod-academy-tile--article-main .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile--training-main .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile--quiz-main .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile--survey-main .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile--interactive-main .m-content .m-header-wrapper .m-text-wrapper {
  bottom: 0;
  padding: 30px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
}
.mod-academy-tile--default > .m-content {
  background: white;
}
.mod-academy-tile--colored.mod-academy-tile--training > .m-content, .mod-academy-tile--colored.mod-academy-tile--training-main > .m-content, .mod-academy-tile--colored.mod-academy-tile--article-video > .m-content {
  background: #32a0a0;
}
.mod-academy-tile--colored.mod-academy-tile--article > .m-content, .mod-academy-tile--colored.mod-academy-tile--article-main > .m-content {
  background: #004669;
}
.mod-academy-tile--colored.mod-academy-tile--quiz > .m-content, .mod-academy-tile--colored.mod-academy-tile--quiz-main > .m-content {
  background: #879baa;
}
.mod-academy-tile--colored.mod-academy-tile--interactive > .m-content, .mod-academy-tile--colored.mod-academy-tile--interactive-main > .m-content {
  background: #3b5e7b;
}
.mod-academy-tile--colored.mod-academy-tile--survey > .m-content, .mod-academy-tile--colored.mod-academy-tile--survey-main > .m-content {
  background: #0a525b;
}
.mod-academy-tile--placeholder > .m-content:before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  position: absolute;
}
.mod-academy-tile--standalone-image > .m-content .m-header-wrapper, .mod-academy-tile--standalone-icon > .m-content .m-header-wrapper {
  height: auto;
}
.mod-academy-tile--standalone-image > .m-content .m-header-wrapper .m-media, .mod-academy-tile--standalone-icon > .m-content .m-header-wrapper .m-media {
  position: relative;
}
.mod-academy-tile--standalone-image > .m-content .m-header-wrapper .m-media:before, .mod-academy-tile--standalone-icon > .m-content .m-header-wrapper .m-media:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}
.mod-academy-tile--standalone-image > .m-content .m-header-wrapper .m-media:before, .mod-academy-tile--standalone-icon > .m-content .m-header-wrapper .m-media:before {
  padding-top: calc(1 / 1 * 100% - 25px);
}
.mod-academy-tile--standalone-image.mod-academy-tile--landscape > .m-content .m-header-wrapper, .mod-academy-tile--standalone-icon.mod-academy-tile--landscape > .m-content .m-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}
.mod-academy-tile--standalone-image.mod-academy-tile--landscape > .m-content .m-header-wrapper .m-media, .mod-academy-tile--standalone-icon.mod-academy-tile--landscape > .m-content .m-header-wrapper .m-media {
  width: 50%;
}
.mod-academy-tile--standalone-image.mod-academy-tile--landscape > .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile--standalone-icon.mod-academy-tile--landscape > .m-content .m-header-wrapper .m-text-wrapper {
  width: 50%;
  align-self: flex-start;
}
.mod-academy-tile--standalone-image.mod-academy-tile--portrait > .m-content .m-media, .mod-academy-tile--standalone-icon.mod-academy-tile--portrait > .m-content .m-media {
  width: 100%;
  max-height: 50%;
}
.mod-academy-tile--standalone-image.mod-academy-tile--portrait > .m-content .m-media:after, .mod-academy-tile--standalone-icon.mod-academy-tile--portrait > .m-content .m-media:after {
  content: none;
  left: 30px;
  bottom: 0;
  width: calc(100% - 60px);
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.mod-academy-tile--standalone-image.mod-academy-tile--portrait > .m-content .m-header-wrapper, .mod-academy-tile--standalone-icon.mod-academy-tile--portrait > .m-content .m-header-wrapper {
  padding-top: 0;
}
.mod-academy-tile--background-image > .m-content .m-header-wrapper, .mod-academy-tile--background-icon > .m-content .m-header-wrapper {
  position: absolute;
}
.mod-academy-tile--background-image > .m-content .m-header-wrapper .m-media, .mod-academy-tile--background-icon > .m-content .m-header-wrapper .m-media {
  width: 100%;
  right: 0;
  top: 0;
  margin: 0;
  position: absolute;
}
.mod-academy-tile--background-icon.mod-academy-tile--landscape > .m-content .m-header-wrapper .m-media {
  width: 40%;
  right: 8%;
  top: auto;
  bottom: 12%;
  margin: 0;
  position: absolute;
}
.mod-academy-tile--background-icon.mod-academy-tile--portrait > .m-content .m-header-wrapper .m-media {
  width: 80%;
  right: 10%;
  top: auto;
  bottom: 5%;
  margin: 0;
  position: absolute;
}
.mod-academy-tile--standalone-icon .m-media, .mod-academy-tile--background-icon .m-media {
  padding: 0 20px;
}
.mod-academy-tile--standalone-icon .m-media > .m-image, .mod-academy-tile--background-icon .m-media > .m-image {
  opacity: 0.1;
  background-position: center 100% !important;
  background-size: contain !important;
}
.mod-academy-tile--standalone-icon.mod-academy-tile--landscape > .m-content .m-header-wrapper .m-media {
  transform: scale(0.9);
}
.mod-academy-tile--standalone-icon.mod-academy-tile--portrait > .m-content .m-header-wrapper .m-media {
  transform: scale(0.9);
}
.mod-academy-tile--nomedia > .m-content .m-header-wrapper {
  background: none;
  height: auto;
}
.mod-academy-tile--nomedia > .m-content .m-header-wrapper .m-media {
  display: none;
}
.mod-academy-tile.hide {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.mod-academy-tile.active {
  overflow-x: hidden;
}
.mod-academy-tile.active:before {
  content: none;
}
.mod-academy-tile.active > .m-content {
  flex-direction: column;
  position: relative;
}
.mod-academy-tile.active > .m-content .m-scroll-content {
  overflow-y: auto;
}
.mod-academy-tile.active > .m-content:before {
  content: none;
}
.mod-academy-tile.active > .m-content .m-header-wrapper {
  flex-direction: column;
}
.mod-academy-tile.active > .m-content .m-header-wrapper .m-text-wrapper--swiper {
  padding-left: 30px;
  transform: translate(0, 0);
}
@media only screen and (min-width: 0) {
  .mod-academy-tile.active > .m-content .m-header-wrapper .m-text-wrapper--swiper {
    padding-left: 8.33333333%;
  }
}
.mod-academy-tile.active > .m-content .m-dynamic-content-wrapper .m-dynamic-content {
  opacity: 1;
  transform: translate(0, 0);
  transition: transform 0.75s ease-in-out, opacity 0.375s ease-in-out;
  transition-delay: 0s, 0.375s;
}
.mod-academy-tile.active.mod-academy-tile--standalone-image > .m-content .m-media, .mod-academy-tile.active.mod-academy-tile--standalone-icon > .m-content .m-media {
  width: 100%;
  position: relative;
}
.mod-academy-tile.active.mod-academy-tile--standalone-image > .m-content .m-media:before, .mod-academy-tile.active.mod-academy-tile--standalone-icon > .m-content .m-media:before {
  content: "";
  width: 100%;
  padding-top: 25%;
  display: block;
}
.mod-academy-tile.active.mod-academy-tile--standalone-image > .m-content .m-media > .m-image, .mod-academy-tile.active.mod-academy-tile--standalone-icon > .m-content .m-media > .m-image {
  top: 0;
  width: 100%;
}
.mod-academy-tile.active.mod-academy-tile--nomedia > .m-content > .m-media {
  display: none;
}
.mod-academy-tile.active.mod-academy-tile--article.mod-academy-tile--background-image > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--article.mod-academy-tile--background-icon > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--article-main.mod-academy-tile--background-image > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--article-main.mod-academy-tile--background-icon > .m-content .m-header-wrapper {
  height: auto;
  position: relative;
}
.mod-academy-tile.active.mod-academy-tile--article.mod-academy-tile--background-image > .m-content .m-header-wrapper .m-media, .mod-academy-tile.active.mod-academy-tile--article.mod-academy-tile--background-icon > .m-content .m-header-wrapper .m-media, .mod-academy-tile.active.mod-academy-tile--article-main.mod-academy-tile--background-image > .m-content .m-header-wrapper .m-media, .mod-academy-tile.active.mod-academy-tile--article-main.mod-academy-tile--background-icon > .m-content .m-header-wrapper .m-media {
  display: none;
}
.mod-academy-tile.active.mod-academy-tile--quiz > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--quiz-main > .m-content .m-header-wrapper {
  opacity: 0;
  transition: opacity 0.375s ease-in-out;
  transition-delay: 0s;
  position: absolute;
}
.mod-academy-tile.active.mod-academy-tile--quiz > .m-content .m-header-wrapper .m-media, .mod-academy-tile.active.mod-academy-tile--quiz-main > .m-content .m-header-wrapper .m-media {
  top: 0;
}
.mod-academy-tile.active.mod-academy-tile--training > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--training-main > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--article-main > .m-content .m-header-wrapper {
  transition: opacity 0.375s ease-in-out;
  transition-delay: 0s;
  position: absolute;
}
.mod-academy-tile.active.mod-academy-tile--training > .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile.active.mod-academy-tile--training-main > .m-content .m-header-wrapper .m-text-wrapper, .mod-academy-tile.active.mod-academy-tile--article-main > .m-content .m-header-wrapper .m-text-wrapper {
  opacity: 0;
  transition: opacity 0.375s ease-in-out;
  transition-delay: 0s;
}
.mod-academy-tile.active.mod-academy-tile--training > .m-content .m-header-wrapper .m-media, .mod-academy-tile.active.mod-academy-tile--training-main > .m-content .m-header-wrapper .m-media, .mod-academy-tile.active.mod-academy-tile--article-main > .m-content .m-header-wrapper .m-media {
  top: 0;
  min-height: 100%;
  position: absolute;
  z-index: 0;
}
.mod-academy-tile.active.mod-academy-tile--training > .m-content .mod-video, .mod-academy-tile.active.mod-academy-tile--training-main > .m-content .mod-video, .mod-academy-tile.active.mod-academy-tile--article-main > .m-content .mod-video {
  opacity: 1;
}
.mod-academy-tile.active.mod-academy-tile--interactive > .m-content .m-header-wrapper, .mod-academy-tile.active.mod-academy-tile--interactive-main > .m-content .m-header-wrapper {
  height: 0;
  opacity: 0;
  transition: all 0.375s ease-in-out;
  transition-delay: 0s;
}
.mod-academy-tile.active.mod-academy-tile--training > .m-content .m-header-wrapper .m-media {
  display: none;
}

.mod-article {
  margin: 0 0 40px 0 !important;
  position: relative;
}
.mod-article:before, .mod-article:after {
  content: " ";
  display: table;
}
.mod-article:after {
  clear: both;
}
.mod-article:last-of-type {
  margin: 0 !important;
}
.mod-article--grid {
  width: 92.5%;
  margin: 0 auto;
  max-width: 880px;
  transition: max-width 0.25s ease-in-out;
  position: relative;
}
.mod-article > section {
  width: 100%;
  display: block;
}
.mod-article--sidebar {
  margin: 0 -20px 0 -20px;
}
.mod-article--sidebar:before, .mod-article--sidebar:after {
  content: " ";
  display: table;
}
.mod-article--sidebar:after {
  clear: both;
}
.mod-article--sidebar > section {
  padding: 0 20px;
  width: 75%;
  float: left;
  display: block;
}
.mod-article--sidebar > aside {
  padding: 0 20px;
  width: 25%;
  float: left;
  display: block;
}
.mod-article--sidebar figure {
  transform: translate(0, 4px);
}

.mod-image-quote {
  width: 100%;
  position: relative;
}
.mod-image-quote > img {
  width: 100%;
}
.mod-image-quote > .m-content {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.mod-image-quote > .m-content > .m-text-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92.5%;
  margin: 0 auto;
  max-width: 880px;
  transition: max-width 0.25s ease-in-out;
  position: relative;
  height: 100%;
  text-align: right;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  flex-direction: column;
}
.mod-image-quote > .m-content > .m-text-content .m-quote {
  width: 100%;
  max-width: 500px;
  margin: 0 0 30 0;
  position: relative;
}
.mod-image-quote > .m-content > .m-text-content .m-quote:before {
  content: "”";
  transform: translateY(15px);
  display: inline-block;
}
.mod-image-quote > .m-content > .m-text-content .m-author + .m-copy {
  margin-top: 40px;
}
.mod-image-quote--left > .m-content > .m-text-content {
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
}
.mod-image-quote--left > .m-content > .m-text-content .m-quote:before {
  transform: translate(-100%, 15px);
  position: absolute;
}
.mod-image-quote--background > .m-content {
  padding: 100px 0;
  position: relative;
}

.mod-survey {
  width: 100%;
  position: relative;
}
.mod-survey > h2 {
  margin: 0 0 20px 0;
}
.mod-survey > h3 {
  margin: 0 0 30px 0;
}
.mod-survey > .m-form-wrapper {
  margin: 0 0 30px 0;
}
.mod-survey > .m-form-wrapper:before, .mod-survey > .m-form-wrapper:after {
  content: " ";
  display: table;
}
.mod-survey > .m-form-wrapper:after {
  clear: both;
}
.mod-survey > .m-form-wrapper .m-row {
  width: 100%;
  padding: 25px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}
.mod-survey > .m-form-wrapper .m-row:nth-child(odd) {
  background: rgba(var(--purple500-rgb), 0.15);
}
.mod-survey > .m-form-wrapper .m-row:nth-child(even) {
  background: rgba(var(--purple500-rgb), 0.1);
}
.mod-survey > .m-form-wrapper .m-row .m-text {
  max-width: 400px;
}
.mod-survey > .m-form-wrapper .m-row .m-radio-wrapper,
.mod-survey > .m-form-wrapper .m-row .m-headline-wrapper {
  text-align: center;
  width: 36%;
  position: relative;
}
.mod-survey > .m-form-wrapper .m-row .m-radio-wrapper > div,
.mod-survey > .m-form-wrapper .m-row .m-headline-wrapper > div {
  width: 20%;
  margin: 0;
  float: left;
  display: block;
}
.mod-survey > .m-form-wrapper .m-row .m-headline-wrapper {
  transform: translate(-4px, 0);
}
.mod-survey > .m-form-wrapper .m-row--head {
  background: none !important;
  padding: 0 20px 6px 20px;
}
.mod-survey > .m-form-wrapper .m-button-wrapper {
  margin: 30px 0 0 0;
  position: relative;
  display: inline-block;
  float: right;
}
.mod-survey > .m-form-wrapper .m-button-wrapper input[type=submit] {
  float: right;
  width: 240px;
  position: relative;
}
.mod-survey > .m-form-wrapper .m-button-wrapper.success input[type=submit] {
  font-size: 0;
}
.mod-survey > .m-form-wrapper .m-button-wrapper.success:before {
  content: "";
  left: 50%;
  top: 0;
  transform: translate(-10px, 10px);
  width: 19px;
  height: 15px;
  background: url("/assets/svgs/icon-check.svg") no-repeat;
  background-size: 100%;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}
.mod-survey > .m-form-wrapper .m-button-wrapper.success:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-survey--success > h2 {
  margin-bottom: 200px;
}
.mod-survey--success > .m-thanks {
  text-align: center;
  width: 500px;
  margin: 0 auto;
  position: relative;
}
@media print, only screen and (min-width: 1920px) {
  .mod-survey--success > .m-thanks {
    width: 642.5px;
  }
}
.mod-survey--success > .m-thanks:before {
  content: "";
  left: -120px;
  bottom: -140px;
  width: 92px;
  height: 89px;
  background: url("/assets/svgs/icon-survey-success-1.svg") no-repeat;
  background-size: 100%;
  position: absolute;
}
.mod-survey--success > .m-thanks:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-survey--success > .m-thanks:after {
  content: "";
  right: -130px;
  top: -120px;
  width: 112px;
  height: 105px;
  background: url("/assets/svgs/icon-survey-success-2.svg") no-repeat;
  background-size: 100%;
  position: absolute;
}
.mod-survey--success > .m-thanks:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mod-interactive {
  position: relative;
  background: #f8f9fb;
}
.mod-interactive:before, .mod-interactive:after {
  content: " ";
  display: table;
}
.mod-interactive:after {
  clear: both;
}
.mod-interactive > .m-main-wrapper {
  padding: 50px 90px 70px 90px;
  position: relative;
}
.mod-interactive > .m-main-wrapper:before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
}
.mod-interactive > .m-main-wrapper--icons {
  padding: 0;
}
.mod-interactive > .m-main-wrapper--icons:before {
  background: rgba(0, 0, 0, 0);
}
.mod-interactive > .m-main-wrapper .m-background {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
.mod-interactive > .m-main-wrapper .m-background.active {
  opacity: 0.35;
}
.mod-interactive > .m-main-wrapper .m-icon-wrapper {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.mod-interactive > .m-main-wrapper .m-icon-wrapper .m-tooltip-content {
  top: 20px;
}
.mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon {
  cursor: pointer;
  position: absolute;
}
.mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon.active svg polygon,
.mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon.active svg path, .mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon:hover svg polygon,
.mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon:hover svg path {
  fill: var(--green500);
}
.mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon.active svg use, .mod-interactive > .m-main-wrapper .m-icon-wrapper .m-icon:hover svg use {
  stroke: var(--green500);
}
.mod-interactive > .m-main-wrapper > span {
  display: block;
}
.mod-interactive > .m-main-wrapper .m-question {
  margin-bottom: 20px;
  width: 83.33333333%;
  position: relative;
}
.mod-interactive > .m-main-wrapper .m-info {
  margin-bottom: 30px;
  width: 83.33333333%;
  position: relative;
}
.mod-interactive > .m-main-wrapper .m-button-wrapper {
  position: relative;
}
.mod-interactive > .m-main-wrapper .m-button-wrapper button {
  min-width: 16.66666667%;
}
.mod-interactive > .m-swiper-wrapper {
  position: relative;
  display: none;
}
.mod-interactive > .m-swiper-wrapper:after {
  content: "";
  left: 20px;
  bottom: 0;
  width: calc(100% - 40px);
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
}
.mod-interactive > .m-swiper-wrapper.active {
  display: block;
}
.mod-interactive > .m-timeline-wrapper {
  background: white;
  padding: 80px 20px 25px 20px;
  position: relative;
}
.mod-interactive > .m-timeline-wrapper > .m-headline {
  margin: 0 0 10px 0;
  display: block;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  position: relative;
  /* change percentage width to display current position */
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-timeline-bg {
  left: 0;
  bottom: 8px;
  width: 100%;
  height: 2px;
  background: var(--darkgrey300);
  opacity: 0.25;
  position: absolute;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-timeline-current {
  left: 0;
  bottom: 8px;
  height: 2px;
  background: var(--purple900);
  position: absolute;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > span {
  display: block;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info {
  margin: 0 0 30px 0;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-type:after {
  content: "|";
  margin-left: 5px;
  display: inline-block;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time {
  margin-left: 6px;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time:before {
  content: "";
  width: 20px !important;
  height: 20px !important;
  margin: 0 0 -5px 0;
  display: inline-block;
}
@media print, only screen and (min-width: 1920px) {
  .mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time:before {
    width: 25.7px !important;
    height: 25.7px !important;
    margin: 0 0 -7px 0;
  }
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--1:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-1.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--1:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--2:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-2.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--2:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--3:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-3.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--3:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--4:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-4.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--4:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--5:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-5.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--5:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--6:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-6.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--6:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--7:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-7.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--7:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--8:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-8.svg") no-repeat;
  background-size: 100%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--8:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: white;
  border: 2px solid var(--font-color);
  transform: translate(0, 4px);
  cursor: pointer;
  position: relative;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline > span {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline:hover, .mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline.m-active {
  color: var(--purple900);
  border: 2px solid var(--purple900);
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position--in-between > span {
  transform: translate(-2px, -5px) !important;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--start .m-chapter {
  width: 31%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--start .m-chapter:nth-last-child(1) {
  width: 0;
  transform: translate(-20px, 0);
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter {
  width: 28.66%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-child(1) {
  width: 3.5%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-child(2) {
  width: 3.5%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-last-child(1) {
  width: 0;
  transform: translate(-20px, 0);
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-last-child(2) {
  width: 7%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--end .m-chapter {
  width: 31%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--end .m-chapter:nth-child(1) {
  width: 3.5%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--end .m-chapter:nth-child(2) {
  width: 3.5%;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-check {
  width: 18px;
  height: 19px;
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-check.m-active svg g ellipse {
  stroke: var(--purple900);
}
.mod-interactive > .m-timeline-wrapper > .m-timeline .m-check.m-active svg polygon {
  fill: var(--purple900);
  stroke: var(--purple900);
}
.mod-interactive--done .m-timeline-wrapper .m-timeline-current {
  width: 100%;
}
.mod-interactive--done .m-check svg g ellipse {
  stroke: var(--purple900);
}
.mod-interactive--done .m-check svg polygon {
  fill: var(--purple900);
  stroke: var(--purple900);
}
.mod-interactive--video {
  background: none;
}
.mod-interactive--video > .m-main-wrapper {
  padding: 0;
  line-height: 0;
}

.mod-swiper {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 100px;
  margin-bottom: 50px;
  background: var(--darkgrey300);
}
.mod-discover .mod-swiper {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
}
.mod-swiper .m-content {
  width: 100%;
  width: 92.5%;
  margin: 0 auto;
  max-width: 880px;
  transition: max-width 0.25s ease-in-out;
  position: relative;
  /* IE10 Windows Phone 8 Fixes */
}
.mod-discover .mod-swiper .m-content {
  width: 100%;
}
.mod-swiper .m-content > .m-headline {
  line-height: 1;
  width: 100%;
  margin: 0 0 25px 0;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper .m-content > .m-headline {
    width: 66.66666667%;
    margin-left: 16.66666667%;
  }
}
.mod-swiper .m-content .swiper-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper .m-content .swiper-container {
    width: 66.66666667%;
  }
  .mod-discover .mod-swiper .m-content .swiper-container {
    width: 100%;
  }
}
.mod-swiper .m-content .swiper-container .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transform-style: preserve-3d;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0, 0, 0);
}
.mod-swiper .m-content .swiper-container .swiper-wrapper .swiper-slide {
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition: height 2s ease-in-out !important;
}
.mod-swiper .m-content .swiper-container .swiper-button-prev,
.mod-swiper .m-content .swiper-container .swiper-button-next {
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  cursor: pointer;
  transition: background 0.1s ease-in-out;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper .m-content .swiper-container .swiper-button-prev,
  .mod-swiper .m-content .swiper-container .swiper-button-next {
    width: 60px;
    height: 60px;
  }
}
.mod-swiper .m-content .swiper-container .swiper-button-prev.swiper-button-disabled,
.mod-swiper .m-content .swiper-container .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mod-swiper .m-content .swiper-container .swiper-button-prev:before,
.mod-swiper .m-content .swiper-container .swiper-button-next:before {
  content: "";
  top: 15px;
  position: absolute;
}
.mod-swiper .m-content .swiper-container .swiper-button-prev:hover,
.mod-swiper .m-content .swiper-container .swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.6);
}
.mod-swiper .m-content .swiper-container .swiper-button-prev {
  left: 0;
  pointer-events: all !important;
  z-index: 1;
}
@media print, only screen and (min-width: 1440px) {
  .mod-discover .mod-swiper .m-content .swiper-container .swiper-button-prev {
    left: -90px;
  }
}
.mod-swiper .m-content .swiper-container .swiper-button-prev:before {
  left: 20px;
  width: 18px;
  height: 30px;
  background: url("/assets/svgs/icon-swiper-arrow-prev.svg") no-repeat;
  background-size: 100%;
}
.mod-swiper .m-content .swiper-container .swiper-button-prev:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-swiper .m-content .swiper-container .swiper-button-next {
  right: 0;
  pointer-events: all !important;
  z-index: 1;
}
@media print, only screen and (min-width: 1440px) {
  .mod-discover .mod-swiper .m-content .swiper-container .swiper-button-next {
    right: -90px;
  }
}
.mod-swiper .m-content .swiper-container .swiper-button-next:before {
  right: 20px;
  width: 18px;
  height: 30px;
  background: url("/assets/svgs/icon-swiper-arrow-next.svg") no-repeat;
  background-size: 100%;
}
.mod-swiper .m-content .swiper-container .swiper-button-next:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-swiper .m-content .swiper-container .swiper-pagination {
  left: 0;
  width: 100%;
  bottom: -40px;
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  cursor: pointer;
}
.mod-discover .mod-swiper .m-content .swiper-container .swiper-pagination {
  display: none;
}
.mod-swiper .m-content .swiper-container .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: var(--font-color);
  transition: all 0.1s ease-in-out;
}
.mod-swiper .m-content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  opacity: 1;
  transform: translate(0, 4px);
  background: var(--font-color);
}
.mod-swiper .m-content .swiper-wp8-horizontal {
  touch-action: pan-y;
}
.mod-swiper .m-content .swiper-wp8-vertical {
  touch-action: pan-x;
}
.mod-swiper--academy {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
.mod-swiper--academy .m-content {
  width: 100%;
}
.mod-swiper--academy .swiper-container {
  width: 100%;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--academy .swiper-container {
    width: 100% !important;
  }
}
.mod-swiper--training {
  margin: 0 0 80px 0;
  padding: 0;
  background: transparent;
}
.mod-swiper--training .m-content {
  width: 100%;
}
.mod-swiper--training .m-content .mod-text {
  width: 83.33333333%;
  margin-left: 8.33333333%;
}
.mod-swiper--training .m-content .swiper-container {
  width: 83.33333333%;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--training .m-content .swiper-container {
    width: 83.33333333%;
  }
}
.mod-swiper--training .m-content .swiper-container .swiper-wrapper .swiper-slide > .m-headline {
  margin: 0 0 10px 0;
}
.mod-swiper--training .m-content .swiper-container .swiper-button-prev,
.mod-swiper--training .m-content .swiper-container .swiper-button-next {
  background: none;
}
.mod-swiper--training .m-content .swiper-container .swiper-button-prev:hover,
.mod-swiper--training .m-content .swiper-container .swiper-button-next:hover {
  background: none;
}
.mod-swiper--training .m-content .swiper-container .swiper-button-prev {
  left: 0;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--training .m-content .swiper-container .swiper-button-prev {
    left: 20px;
  }
}
.mod-swiper--training .m-content .swiper-container .swiper-button-prev:before {
  width: 18px;
  height: 30px;
  background: url("/assets/svgs/icon-swiper-arrow-blue-prev.svg") no-repeat;
  background-size: 100%;
}
.mod-swiper--training .m-content .swiper-container .swiper-button-prev:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-swiper--training .m-content .swiper-container .swiper-button-next {
  right: 0;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--training .m-content .swiper-container .swiper-button-next {
    right: 20px;
  }
}
.mod-swiper--training .m-content .swiper-container .swiper-button-next:before {
  width: 18px;
  height: 30px;
  background: url("/assets/svgs/icon-swiper-arrow-blue-next.svg") no-repeat;
  background-size: 100%;
}
.mod-swiper--training .m-content .swiper-container .swiper-button-next:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-swiper--academy-interactive {
  margin: 0 auto;
  padding: 60px 0 65px 0;
  background: transparent;
  position: relative;
}
.mod-swiper--academy-interactive .m-close-icon {
  right: 38px;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--academy-interactive .m-close-icon {
    right: 68px;
  }
}
.mod-swiper--academy-interactive .m-content {
  width: 100%;
}
.mod-swiper--academy-interactive .m-content .mod-text {
  width: 83.33333333%;
  margin-left: 8.33333333%;
}
.mod-swiper--academy-interactive .m-content .swiper-container {
  width: 83.33333333%;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--academy-interactive .m-content .swiper-container {
    width: 83.33333333%;
  }
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-wrapper .swiper-slide > .m-headline {
  margin: 0 0 20px 0;
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-prev,
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-next {
  background: none;
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-prev:hover,
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-next:hover {
  background: none;
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-prev {
  left: 20px;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-prev {
    left: 50px;
  }
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-prev:before {
  width: 18px;
  height: 30px;
  background: url("/assets/svgs/icon-swiper-arrow-blue-prev.svg") no-repeat;
  background-size: 100%;
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-prev:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-next {
  right: 20px;
}
@media print, only screen and (min-width: 1024px) {
  .mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-next {
    right: 50px;
  }
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-next:before {
  width: 18px;
  height: 30px;
  background: url("/assets/svgs/icon-swiper-arrow-blue-next.svg") no-repeat;
  background-size: 100%;
}
.mod-swiper--academy-interactive .m-content .swiper-container .swiper-button-next:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mod-training {
  position: relative;
}
.mod-training:before, .mod-training:after {
  content: " ";
  display: table;
}
.mod-training:after {
  clear: both;
}
.mod-training > .m-main-wrapper {
  padding: 50px 90px 80px 90px;
}
.mod-training > .m-main-wrapper .mod-video {
  opacity: 0;
  transition: opacity 0.75s ease-in-out;
}
.lay-wrapper-showcase .mod-training > .m-main-wrapper .mod-video {
  opacity: 1;
}
.mod-training > .m-main-wrapper:before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
}
.mod-training > .m-main-wrapper > span {
  display: block;
}
.mod-training > .m-main-wrapper .m-question {
  margin: 0 0 18px 0;
  position: relative;
}
.mod-training > .m-main-wrapper .m-info {
  margin: 0 0 8px 0;
  position: relative;
}
.mod-training > .m-main-wrapper .m-option-wrapper {
  margin: 0 0 30px 0;
  position: relative;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin: 0 0 20px 0;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div:last-of-type {
  margin: 0;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div:hover {
  color: white;
  background: var(--purple800);
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-right {
  color: white;
  background: mediumseagreen;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-right:before {
  content: "";
  left: 0;
  top: 50%;
  transform: translate(-150%, -50%);
  width: 39px;
  height: 28px;
  background: url("/assets/svgs/icon-quiz-right.svg") no-repeat;
  background-size: 100%;
  position: absolute;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-right:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-wrong {
  color: white;
  background: crimson;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-wrong:before {
  content: "";
  left: 0;
  top: 50%;
  transform: translate(-170%, -50%);
  width: 29px;
  height: 28px;
  background: url("/assets/svgs/icon-quiz-wrong.svg") no-repeat;
  background-size: 100%;
  position: absolute;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-wrong:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-option-wrapper > div.m-selected {
  color: white;
  background: var(--petrol900);
}
.mod-training > .m-main-wrapper .m-option-wrapper--selected > div {
  cursor: default;
}
.mod-training > .m-main-wrapper .m-option-wrapper--selected > div:hover {
  color: var(--font-color);
  background: var(--purple800);
}
.mod-training > .m-main-wrapper .m-option-wrapper--selected > div:hover.m-right {
  color: white;
  background: mediumseagreen;
}
.mod-training > .m-main-wrapper .m-option-wrapper--selected > div:hover.m-wrong {
  color: white;
  background: crimson;
}
.mod-training > .m-main-wrapper .m-additional-information {
  margin: 0 0 20px 0;
  position: relative;
}
.mod-training > .m-main-wrapper .m-additional-information > span {
  display: block;
}
.mod-training > .m-main-wrapper .m-additional-information .m-copy--did-you-know a {
  color: white;
  text-decoration: underline;
}
.mod-training > .m-main-wrapper .m-additional-information .m-copy--did-you-know-blue a {
  color: var(--font-color);
  text-decoration: underline;
}
.mod-training > .m-main-wrapper .m-button-wrapper {
  position: relative;
}
.mod-training > .m-main-wrapper .m-button-wrapper button {
  min-width: 16.66666667%;
}
.mod-training > .m-main-wrapper .m-success {
  text-align: center;
}
.mod-training > .m-main-wrapper .m-success > span {
  display: block;
}
.mod-training > .m-main-wrapper .m-success .m-icon {
  margin: 0 auto 30px auto;
  position: relative;
}
.mod-training > .m-main-wrapper .m-success .m-icon--article {
  width: 138px;
  height: 138px;
  background: url("/assets/svgs/icon-academy-success-article.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-main-wrapper .m-success .m-icon--article:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-success .m-icon--quiz {
  width: 138px;
  height: 138px;
  background: url("/assets/svgs/icon-academy-success-quiz.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-main-wrapper .m-success .m-icon--quiz:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-success .m-icon--finances {
  width: 138px;
  height: 138px;
  background: url("/assets/svgs/icon-academy-success-finances.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-main-wrapper .m-success .m-icon--finances:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-success .m-icon--shares {
  width: 138px;
  height: 138px;
  background: url("/assets/svgs/icon-academy-success-shares.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-main-wrapper .m-success .m-icon--shares:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-success .m-icon--training {
  width: 138px;
  height: 138px;
  background: url("/assets/svgs/icon-academy-success-training.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-main-wrapper .m-success .m-icon--training:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-main-wrapper .m-success .m-headline {
  display: block;
  color: white;
  position: relative;
  margin-bottom: 100px;
  margin-top: 100px;
}
.mod-training > .m-main-wrapper .m-success .m-evaluation-wrapper {
  margin: 0 0 60px 0;
}
.mod-training > .m-main-wrapper .m-success .m-evaluation-wrapper .m-points-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px 0;
}
.mod-training > .m-main-wrapper .m-success .m-evaluation-wrapper .m-points-wrapper .m-point {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 0 4px;
  background: var(--darkgrey300);
}
.mod-training > .m-main-wrapper .m-success .m-evaluation-wrapper .m-points-wrapper .m-point--success {
  background: var(--petrol800);
}
.mod-training > .m-main-wrapper .m-success .m-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-training > .m-timeline-wrapper {
  background: white;
  padding: 25px 20px;
  position: relative;
}
.mod-training > .m-timeline-wrapper > .m-headline {
  margin: 0 0 10px 0;
  display: block;
}
.mod-training > .m-timeline-wrapper > .m-timeline {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  position: relative;
  /* change percentage width to display current position */
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-timeline-bg {
  left: 0;
  bottom: 8px;
  width: 100%;
  height: 2px;
  background: var(--darkgrey600);
  opacity: 0.25;
  position: absolute;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-timeline-current {
  left: 0;
  bottom: 8px;
  height: 2px;
  background: var(--purple800);
  position: absolute;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > span {
  display: block;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info {
  margin: 0 0 30px 0;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-type:after {
  content: "|";
  margin-left: 5px;
  display: inline-block;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time {
  margin-left: 6px;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time:before {
  content: "";
  width: 20px !important;
  height: 20px !important;
  margin: 0 0 -5px 0;
  display: inline-block;
}
@media print, only screen and (min-width: 1920px) {
  .mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time:before {
    width: 25.7px !important;
    height: 25.7px !important;
    margin: 0 0 -7px 0;
  }
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--1:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-1.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--1:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--2:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-2.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--2:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--3:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-3.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--3:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--4:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-4.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--4:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--5:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-5.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--5:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--6:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-6.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--6:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--7:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-7.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--7:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--8:before {
  width: 24px;
  height: 24px;
  background: url("/assets/svgs/icon-time-dark-8.svg") no-repeat;
  background-size: 100%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter > .m-info > .m-time--8:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: white;
  border: 2px solid var(--font-color);
  transform: translate(0, 4px);
  cursor: pointer;
  position: relative;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline > span {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  transform: translate(-2px, -2px);
  position: absolute;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline:hover, .mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position.m-tooltip-headline.m-active {
  color: var(--purple800);
  border: 2px solid var(--purple800);
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper .m-chapter .m-position--in-between > span {
  transform: translate(-2px, -5px) !important;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--start .m-chapter {
  width: 31%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--start .m-chapter:nth-last-child(1) {
  width: 0;
  transform: translate(-20px, 0);
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--start .m-chapter:nth-last-child(2) {
  width: 7%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter {
  width: 28.66%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-child(1) {
  width: 3.5%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-child(2) {
  width: 3.5%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-last-child(1) {
  width: 0;
  transform: translate(-20px, 0);
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--middle .m-chapter:nth-last-child(2) {
  width: 7%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--end .m-chapter {
  width: 31%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--end .m-chapter:nth-child(1) {
  width: 3.5%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-chapter-wrapper--end .m-chapter:nth-child(2) {
  width: 3.5%;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-check {
  width: 18px;
  height: 19px;
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-check.m-active svg g ellipse {
  stroke: var(--purple800);
}
.mod-training > .m-timeline-wrapper > .m-timeline .m-check.m-active svg polygon {
  fill: var(--purple800);
  stroke: var(--purple800);
}
.mod-training--done .m-timeline-wrapper .m-timeline-current {
  width: 100%;
}
.mod-training--done .m-check svg g ellipse {
  stroke: var(--purple800);
}
.mod-training--done .m-check svg polygon {
  fill: var(--purple800);
  stroke: var(--purple800);
}
.mod-training--video {
  background: none;
}
.mod-training--video > .m-main-wrapper {
  padding: 0;
  line-height: 0;
}

.mod-video {
  width: 100%;
  position: relative;
  font-size: 0;
}
.mod-video--tile {
  left: -31%;
  top: 0;
  width: 162%;
  position: absolute;
}
.mod-video--header {
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 0;
}
.mod-video .m-controls {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-video .m-controls .m-play-pause-btn {
  width: 60px;
  height: 60px;
  background: #ffffff;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mod-video .m-controls .m-play-pause-btn:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 14px 24px;
  border-color: transparent transparent transparent #2387aa;
  transform: translate(2px, 0);
  position: absolute;
}
.mod-video .m-controls .m-play-pause-btn.pause:before {
  content: "";
  left: 18px;
  width: 6px;
  height: 28px;
  border: none;
  background: #2387aa;
  position: absolute;
}
.mod-video .m-controls .m-play-pause-btn.pause:after {
  content: "";
  left: 32px;
  width: 6px;
  height: 28px;
  background: #2387aa;
  position: absolute;
}
.mod-video .m-controls .m-full-screen-btn {
  left: 0;
  bottom: 0;
  position: absolute;
  cursor: pointer;
}

/* Portfolio styles */
.mod-table {
  width: 100%;
  margin: 0 0 30px 0;
  position: relative;
  /**** TABLE OVERVIEW ****/
  /**** TABLE DETAIL AND CALCULATOR COMMON STYLES ****/
  /**** START: TABLE DETAIL ****/
  /**** TABLE CALCULATOR ****/
  /**** TABLE CHART ****/
  /**** TABLE LINK ****/
  /**** TABLE SEPARATOR ****/
  /**** TABLE SIMULATION INFO ****/
  /** Stock Awards, CEO, My Special Plans and Mentor Plan Common Styles */
  /** Stock Awards */
  /** CEO */
  /** My Special Plans */
  /** Mentor Plan */
  /** Healthineers IPO Incentive */
  /** Share Matching Plan, Basis Aktien Program Common Styles */
  /** Share Matching Plan */
  /** Basis Aktien Program */
  /** Monthly Investment Plan */
  /** Siemens Profit Sharing */
  /** UK SIP / Incentive Plan */
  /** Healthineers My IPO Shares */
  /* Dividends */
}
.mod-table--overview {
  width: 100%;
  margin: 0 0 30px 0;
  position: relative;
}
.mod-table--overview-distance-bottom {
  padding-bottom: 30px;
}
.mod-table--overview .m-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  justify-content: flex-end;
}
.mod-table--overview .m-content .m-col .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--overview .m-content .m-col .m-desc--light {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--overview .m-content .m-col .m-value {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--overview .m-content .m-col .m-value--bold {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--overview .m-content .m-col .m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  margin: 0 0 4px 0;
}
.mod-table--overview .m-content .m-col .m-info .m-hp {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--overview .m-content .m-col .m-info--small {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--overview .m-content .m-col .m-info + .m-info--small {
  margin-top: -4px;
}
.mod-table--overview .m-content .m-col--button {
  width: 56%;
}
.mod-table--overview .m-content .m-col--ets {
  width: 22%;
}
.mod-table--overview .m-content .m-col--cgt {
  width: 22%;
}
.mod-table--overview .m-content .m-col:last-of-type {
  text-align: right;
}
.mod-table--detail, .mod-table--calculator {
  transition: background 0.15s ease-in-out;
  position: relative;
}
.mod-table--detail .m-new, .mod-table--calculator .m-new {
  right: 0;
  top: 0;
  padding: 7px 18px;
  position: absolute;
  background: rgba(34, 42, 46, 0.9);
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  z-index: 1;
  transform: translate(20px, -12px);
  position: relative;
}
.mod-table--detail .m-content--add-on, .mod-table--calculator .m-content--add-on {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mod-table--detail .m-content .m-content, .mod-table--calculator .m-content .m-content {
  display: flex;
  flex-direction: row;
}
.mod-table--detail .m-content .m-content .m-col, .mod-table--calculator .m-content .m-content .m-col {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 10px;
  position: relative;
}
.mod-table--detail .m-content .m-content .m-col:first-of-type, .mod-table--calculator .m-content .m-content .m-col:first-of-type {
  padding-left: 0;
}
.mod-table--detail .m-content .m-content .m-col:last-of-type, .mod-table--calculator .m-content .m-content .m-col:last-of-type {
  text-align: right;
  align-items: flex-end;
  padding-right: 0;
}
.mod-table--detail .m-content .m-content .m-col:last-of-type div,
.mod-table--detail .m-content .m-content .m-col:last-of-type span,
.mod-table--detail .m-content .m-content .m-col:last-of-type input, .mod-table--calculator .m-content .m-content .m-col:last-of-type div,
.mod-table--calculator .m-content .m-content .m-col:last-of-type span,
.mod-table--calculator .m-content .m-content .m-col:last-of-type input {
  width: 100%;
  text-align: right;
}
.mod-table--detail .m-content .m-content .m-col--border-left, .mod-table--calculator .m-content .m-content .m-col--border-left {
  padding-left: 1%;
}
.mod-table--detail .m-content .m-content--header, .mod-table--calculator .m-content .m-content--header {
  padding: 12px 20px 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  justify-content: space-between;
}
.mod-table--detail .m-content .m-content--header .m-header-main .m-headline, .mod-table--calculator .m-content .m-content--header .m-header-main .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--header .m-header-main .m-headline > span, .mod-table--calculator .m-content .m-content--header .m-header-main .m-headline > span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: inline-block;
}
.mod-table--detail .m-content .m-content--header .m-header-main .m-subline, .mod-table--calculator .m-content .m-content--header .m-header-main .m-subline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--header .m-header-info, .mod-table--calculator .m-content .m-content--header .m-header-info {
  display: flex;
}
.mod-table--detail .m-content .m-content--header .m-header-info:after, .mod-table--calculator .m-content .m-content--header .m-header-info:after {
  content: ".";
  width: 0;
  right: 0;
  top: 0;
  padding: 7px 18px;
  position: absolute;
  background: rgba(34, 42, 46, 0.9);
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  z-index: 1;
  padding: 7px 0;
  visibility: hidden;
  position: relative;
}
.mod-table--detail .m-content .m-content--header .m-header-info .m-download-link, .mod-table--calculator .m-content .m-content--header .m-header-info .m-download-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  transform: translate(0, -5px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  cursor: pointer;
  margin: 0 10px;
  opacity: 0.5;
}
.mod-table--detail .m-content .m-content--header .m-header-info .m-download-link:before, .mod-table--calculator .m-content .m-content--header .m-header-info .m-download-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c";
}
.mod-table--detail .m-content .m-content--header .m-header-info .m-download-link:last-of-type, .mod-table--calculator .m-content .m-content--header .m-header-info .m-download-link:last-of-type {
  margin-right: 0;
}
.mod-table--detail .m-content .m-content--header .m-header-info .m-download-link:before, .mod-table--calculator .m-content .m-content--header .m-header-info .m-download-link:before {
  margin-left: 4px;
}
.mod-table--detail .m-content .m-content--header .m-header-info .m-new, .mod-table--calculator .m-content .m-content--header .m-header-info .m-new {
  margin-left: -10px;
}
.mod-table--detail .m-content .m-content--desc, .mod-table--calculator .m-content .m-content--desc {
  padding: 10px 20px 10px 20px;
  justify-content: space-between;
}
.mod-table--detail .m-content .m-content--desc .m-col, .mod-table--calculator .m-content .m-content--desc .m-col {
  width: 20% !important;
}
.mod-table--detail .m-content .m-content--desc .m-col .m-desc, .mod-table--calculator .m-content .m-content--desc .m-col .m-desc {
  width: 100%;
  font-size: 14px !important;
}
.mod-table--detail .m-content .m-content--desc .m-col .m-desc--opacity, .mod-table--calculator .m-content .m-content--desc .m-col .m-desc--opacity {
  opacity: 0.75;
}
.mod-table--detail .m-content .m-content--desc .m-col .m-desc a, .mod-table--calculator .m-content .m-content--desc .m-col .m-desc a {
  color: white !important;
  text-decoration: underline !important;
}
.mod-table--detail .m-content .m-content--value, .mod-table--calculator .m-content .m-content--value {
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 20px 10px 20px;
}
.mod-table--detail .m-content .m-content--value .m-col, .mod-table--calculator .m-content .m-content--value .m-col {
  width: 20% !important;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value, .mod-table--calculator .m-content .m-content--value .m-col .m-value {
  font-size: 16px !important;
  width: 100%;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  white-space: nowrap;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--italic, .mod-table--calculator .m-content .m-content--value .m-col .m-value--italic {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--italic input, .mod-table--calculator .m-content .m-content--value .m-col .m-value--italic input {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--small, .mod-table--calculator .m-content .m-content--value .m-col .m-value--small {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--small input, .mod-table--calculator .m-content .m-content--value .m-col .m-value--small input {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--big, .mod-table--calculator .m-content .m-content--value .m-col .m-value--big {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--big input, .mod-table--calculator .m-content .m-content--value .m-col .m-value--big input {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--italic-big, .mod-table--calculator .m-content .m-content--value .m-col .m-value--italic-big {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--italic-big input, .mod-table--calculator .m-content .m-content--value .m-col .m-value--italic-big input {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--opacity, .mod-table--calculator .m-content .m-content--value .m-col .m-value--opacity {
  opacity: 0.75;
}
.mod-table--detail .m-content .m-content--value .m-col .m-value--text, .mod-table--calculator .m-content .m-content--value .m-col .m-value--text {
  white-space: normal;
}
.mod-table--detail .m-content .m-content--info .m-content, .mod-table--calculator .m-content .m-content--info .m-content {
  display: inline;
}
.mod-table--detail .m-content .m-content--info-top, .mod-table--calculator .m-content .m-content--info-top {
  padding: 0 20px 10px 20px;
}
.mod-table--detail .m-content .m-content--info-top .m-col .m-desc, .mod-table--calculator .m-content .m-content--info-top .m-col .m-desc {
  width: 100%;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  white-space: nowrap;
}
.mod-table--detail .m-content .m-content--info-top .m-col .m-desc--opacity, .mod-table--calculator .m-content .m-content--info-top .m-col .m-desc--opacity {
  opacity: 0.75;
}
.mod-table--detail .m-content .m-content--info-bottom, .mod-table--calculator .m-content .m-content--info-bottom {
  padding: 0 20px 20px 20px;
}
.mod-table--detail .m-content .m-content--info-bottom .m-col .m-desc, .mod-table--calculator .m-content .m-content--info-bottom .m-col .m-desc {
  font-size: 12px !important;
  width: 100%;
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-align: left;
}
.mod-table--detail .m-content .m-content--info-bottom .m-col .m-desc--opacity, .mod-table--calculator .m-content .m-content--info-bottom .m-col .m-desc--opacity {
  opacity: 0.75;
}
.mod-table--detail .m-content .m-content--info .m-link, .mod-table--calculator .m-content .m-content--info .m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--detail .m-content .m-content--info .m-link:before, .mod-table--calculator .m-content .m-content--info .m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--detail .m-content .m-content--info .m-link:before, .mod-table--calculator .m-content .m-content--info .m-link:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--detail .m-content .m-content--info .m-link:hover, .mod-table--calculator .m-content .m-content--info .m-link:hover {
  text-decoration: underline;
}
.mod-table--detail .m-content .m-content--info .m-link--arrow-ext, .mod-table--calculator .m-content .m-content--info .m-link--arrow-ext {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--detail .m-content .m-content--info .m-link--arrow-ext:before, .mod-table--calculator .m-content .m-content--info .m-link--arrow-ext:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e620";
}
.mod-table--detail .m-content .m-content--info .m-link--arrow-ext:before, .mod-table--calculator .m-content .m-content--info .m-link--arrow-ext:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--detail .m-content .m-content--info .m-link--arrow-ext:hover, .mod-table--calculator .m-content .m-content--info .m-link--arrow-ext:hover {
  text-decoration: underline;
}
.mod-table--detail .m-content .m-content--info .m-info, .mod-table--calculator .m-content .m-content--info .m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--detail .m-content .m-content--info .m-info a, .mod-table--calculator .m-content .m-content--info .m-info a {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--detail .m-content .m-content--info .m-info a:hover, .mod-table--calculator .m-content .m-content--info .m-info a:hover {
  text-decoration: underline;
}
.mod-table--detail > .m-content .m-content {
  position: relative;
}
.mod-table--detail > .m-content .m-content .m-col--border-left {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.mod-table--detail > .m-content .m-content--desc {
  padding: 10px 20px 10px 20px;
}
.mod-table--detail > .m-content .m-content--desc .m-col .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--detail > .m-content .m-content--value + .m-content--info {
  margin-top: -7px;
}
.mod-table--detail > .m-content--link {
  padding-bottom: 42px;
  cursor: pointer;
}
.mod-table--detail > .m-content--link:after {
  content: "";
  right: 20px;
  bottom: 15px;
  opacity: 0.2;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  width: 18px;
  height: 31px;
  background: url("/assets/svgs/icon-tile-arrow-light.svg") no-repeat;
  background-size: 100%;
  width: 10px;
  height: 17px;
  z-index: 1;
}
.mod-table--detail > .m-content--link:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--detail > .m-content--main {
  position: relative;
}
.mod-table--detail > .m-content--add-on {
  padding-bottom: 0 !important;
  position: relative;
}
.mod-table--detail > .m-content--add-on.m-content--link {
  padding-bottom: 10px !important;
}
.mod-table--detail > .m-content:last-of-type {
  padding-bottom: 20px;
}
.mod-table--calculator > .m-content .m-content .m-col--border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.mod-table--calculator > .m-content .m-content .m-col--reset-values {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  cursor: pointer;
  position: relative;
}
.mod-table--calculator > .m-content .m-content .m-col--reset-values > div,
.mod-table--calculator > .m-content .m-content .m-col--reset-values > span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content .m-col--reset-values:after {
  content: "";
  margin-left: 6px;
  width: 15px;
  height: 16px;
  background: url("/assets/svgs/icon-reload.svg") no-repeat;
  background-size: 100%;
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.mod-table--calculator > .m-content .m-content .m-col--reset-values:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--calculator > .m-content .m-content--header .m-col .m-desc {
  white-space: nowrap;
}
.mod-table--calculator > .m-content .m-content--desc .m-col .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--calculator > .m-content .m-content--desc .m-col .m-desc a {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  padding: 6px 0;
  width: 100%;
  display: block;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--state-change {
  padding: 0;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--italic {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--italic input {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--big {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--big input {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--italic-big {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value--italic-big input {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value.m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value .m-error--input {
  border: 1px solid var(--red500) !important;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value .m-error--message {
  top: 100%;
  background: var(--red500);
  position: absolute;
  z-index: 1;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value .m-error--message-left {
  left: 0;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value .m-error--message-right {
  right: 0;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-value .m-error--message span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  padding: 5px 10px;
  display: block;
}
.mod-table--calculator > .m-content .m-content--value .m-col input {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--purple900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  padding: 6px;
  width: 100%;
  min-width: 60px;
  max-width: 66px;
}
.mod-table--calculator > .m-content .m-content--value .m-col input:disabled {
  padding: 6px 0;
  border: none;
}
.mod-table--calculator > .m-content .m-content--value .m-col input:disabled + .m-model {
  left: -5px;
  top: 0;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-model {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  left: 0;
  top: 1px;
  padding: 6px;
  max-width: 96px;
  position: absolute;
  pointer-events: none;
}
.mod-table--calculator > .m-content .m-content--value .m-col .m-model span:not(.m-currency) {
  opacity: 0;
}
.mod-table--calculator > .m-content .m-content--value .m-col .ng-select .ng-select-container {
  padding: 6px;
  height: auto;
  background: none;
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value .m-col .ng-select .ng-select-container .ng-placeholder,
.mod-table--calculator > .m-content .m-content--value .m-col .ng-select .ng-select-container .ng-value-label {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--value + .m-content--info {
  margin-top: -5px;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-desc,
.mod-table--calculator > .m-content .m-content--info .m-col .m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link:hover {
  text-decoration: underline;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link--arrow-ext {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link--arrow-ext:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e620";
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link--arrow-ext:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--calculator > .m-content .m-content--info .m-col .m-link--arrow-ext:hover {
  text-decoration: underline;
}
.mod-table--chart {
  width: calc(100% - 40px);
  height: 235px;
  margin: 30px 0 10px 0;
  padding: 0 20px;
  position: relative;
  transition: background 0.15s ease-in-out;
}
.mod-table--chart .m-content--main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mod-table--chart .m-content--main > .m-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
}
.mod-table--chart .m-content--main > .m-col:first-of-type {
  margin-left: -20px;
  padding-left: 0;
}
.mod-table--chart .m-content--main > .m-col:last-of-type {
  margin-right: -20px;
  padding-right: 0;
}
.mod-table--chart .m-content--main > .m-col > .m-col {
  top: 0;
  height: 0;
  background: white;
  position: absolute;
  transition: height 0.25s ease-in-out;
  border-bottom: 1px dashed var(--darkgrey300);
}
.mod-table--chart .m-content--main > .m-col > .m-col .m-info {
  padding: 20px 0 5px 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
}
.mod-table--chart .m-content--main > .m-col > .m-col .m-info--right {
  left: auto;
  right: 0;
  text-align: right;
}
.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  width: 1px;
  right: 0;
  background: transparent;
  position: absolute;
}
.mod-table--chart .m-content--main > .m-col .m-vertical-border--1, .mod-table--chart .m-content--main > .m-col .m-vertical-border--2, .mod-table--chart .m-content--main > .m-col .m-vertical-border--sm, .mod-table--chart .m-content--main > .m-col .m-vertical-border--smp, .mod-table--chart .m-content--main > .m-col .m-vertical-border--mip, .mod-table--chart .m-content--main > .m-col .m-vertical-border--bap {
  transform: translate(0, -1px);
}
.mod-table--chart .m-content--main > .m-col--dashed > .m-col {
  border-bottom-style: dashed !important;
}
.mod-table--chart .m-content--main > .m-col--dashed > .m-vertical-border {
  border-right-style: dashed !important;
}
.mod-table--chart .m-content--main > .m-col--closed > .m-col {
  border-bottom: 1px solid var(--darkgrey300);
}
.mod-table--chart .m-content--left, .mod-table--chart .m-content--right {
  top: 0;
  padding: 15px 20px 0 20px;
  width: 70px;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.mod-table--chart .m-content--left > ul, .mod-table--chart .m-content--right > ul {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.mod-table--chart .m-content--left > ul > li, .mod-table--chart .m-content--right > ul > li {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  list-style-type: none;
}
.mod-table--chart .m-content--left {
  left: 0;
}
.mod-table--chart .m-content--left > ul {
  align-items: flex-start;
}
.mod-table--chart .m-content--right {
  right: 0;
}
.mod-table--chart .m-content--right > ul {
  align-items: flex-end;
}
.mod-table--chart .m-content--info-bottom {
  width: 100%;
  margin: 0 0 20px 0;
  text-align: right;
}
.mod-table--chart .m-content--info-bottom:before, .mod-table--chart .m-content--info-bottom:after {
  content: " ";
  display: table;
}
.mod-table--chart .m-content--info-bottom:after {
  clear: both;
}
.mod-table--chart .m-content--info-bottom .m-info-text {
  max-width: 40%;
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
  text-align: left;
  float: left;
}
.mod-table--chart .m-content--info-bottom button {
  float: right;
  text-align: left;
}
.mod-table--chart .m-content--info-bottom .m-link {
  text-align: right;
}
.mod-table--chart .m-content--info-bottom .m-link--download {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 20px;
}
.mod-table--chart .m-content--info-bottom .m-link--download:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c";
}
.mod-table--chart .m-content--info-bottom .m-link--download:before {
  transform: translate(-1px, 1px);
  margin: 0 0 0 4px;
  display: inline-block;
  float: right;
}
.mod-table--chart .m-content--info-bottom .m-link--download:hover {
  text-decoration: underline;
}
.mod-table--chart .m-content--info-bottom .m-link--arrow-ext {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.mod-table--chart .m-content--info-bottom .m-link--arrow-ext:after {
  content: "";
  width: 6px !important;
  height: 6px !important;
  width: 8px;
  height: 8px;
  background: url("/assets/svgs/icon-arrow-ext.svg") no-repeat;
  background-size: 100%;
  margin: 0 0 0 4px;
  display: inline-block;
}
.mod-table--chart .m-content--info-bottom .m-link--arrow-ext:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--chart .m-content--info-bottom .m-link--arrow-ext:hover {
  text-decoration: underline;
}
.mod-table--chart .m-content--info-bottom .m-link + button {
  margin-left: 20px;
}
.mod-table--chart .m-content--info-bottom + .mod-table {
  margin-top: 65px;
}
.mod-table--link {
  cursor: pointer;
}
.mod-table--link:after {
  content: "";
  right: 20px;
  bottom: 15px;
  opacity: 0.2;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  width: 18px;
  height: 31px;
  background: url("/assets/svgs/icon-tile-arrow-light.svg") no-repeat;
  background-size: 100%;
  width: 10px;
  height: 17px;
}
.mod-table--link:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--link .m-content--info-bottom {
  padding-bottom: 10px !important;
}
.mod-table--link > .m-content:last-of-type {
  padding-bottom: 42px;
}
.mod-table--separator {
  margin: 50px 0 30px 0;
  border-top: 1px solid rgba(var(--darkgrey300-rgb), 0.3);
}
.mod-table--separator--clean {
  padding-top: 0;
}
.mod-table--simulation-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table + .mod-table--simulation-info {
  margin-top: -20px;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(1), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(1), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(1), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(1), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 11%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(2), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(2), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(2), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(2), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 8%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(3), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(3), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(3), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(3), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 8%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(4), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(4), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(4), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(4), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 10%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(5), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(5), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(5), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(5), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 13%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(6), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(6), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(6), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(6), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 9%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(7), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(7), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(7), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(7), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 9%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(8), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(8), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(8), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(8), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 9%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(9), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(9), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(9), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(9), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(9) {
  width: 9%;
}
.mod-table--sa.mod-table--detail .m-content .m-col:nth-child(10), .mod-table--ceo.mod-table--detail .m-content .m-col:nth-child(10), .mod-table--msp.mod-table--detail .m-content .m-col:nth-child(10), .mod-table--mp.mod-table--detail .m-content .m-col:nth-child(10), .mod-table--hii.mod-table--detail .m-content .m-col:nth-child(10) {
  width: 14%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(1), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(1), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(1), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(1), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(1) {
  width: 9%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(2), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(2), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(2), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(2), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(2) {
  width: 9%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(3), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(3), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(3), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(3), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(3) {
  width: 9%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(4), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(4), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(4), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(4), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(4) {
  width: 12%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(5), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(5), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(5), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(5), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(5) {
  width: 12%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(6), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(6), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(6), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(6), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(6) {
  width: 11%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(7), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(7), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(7), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(7), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(7) {
  width: 12%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(8), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(8), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(8), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(8), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(8) {
  width: 12%;
}
.mod-table--sa.mod-table--calculator .m-content .m-col:nth-child(9), .mod-table--ceo.mod-table--calculator .m-content .m-col:nth-child(9), .mod-table--msp.mod-table--calculator .m-content .m-col:nth-child(9), .mod-table--mp.mod-table--calculator .m-content .m-col:nth-child(9), .mod-table--hii.mod-table--calculator .m-content .m-col:nth-child(9) {
  width: 14%;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col .m-vertical-border, .mod-table--ceo.mod-table--chart .m-content--main > .m-col .m-vertical-border, .mod-table--msp.mod-table--chart .m-content--main > .m-col .m-vertical-border, .mod-table--mp.mod-table--chart .m-content--main > .m-col .m-vertical-border, .mod-table--hii.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #8a9fb0;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col > .m-col, .mod-table--ceo.mod-table--chart .m-content--main > .m-col > .m-col, .mod-table--msp.mod-table--chart .m-content--main > .m-col > .m-col, .mod-table--mp.mod-table--chart .m-content--main > .m-col > .m-col, .mod-table--hii.mod-table--chart .m-content--main > .m-col > .m-col {
  left: 0;
  width: 100%;
  border-bottom: 1px solid #8a9fb0;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(1), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(1), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(1), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(1), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  width: calc(27% + 20px);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(2), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(2), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(2), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(2), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  width: 12%;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(3), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(3), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(3), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(3), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  width: 12%;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(4), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(4), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(4), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(4), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  width: 11%;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(5), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(5), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(5), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(5), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  width: 12%;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(6), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(6), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(6), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(6), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  width: 12%;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(7), .mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(7), .mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(7), .mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(7), .mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  width: calc(14% + 20px);
}
.mod-table--sa.mod-table--detail {
  background: #8a9fb0;
}
.mod-table--sa.mod-table--detail.mod-table--link:hover {
  background: #758896;
}
.mod-table--sa.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #8a9fb0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right-color: #8a9fb0;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom-color: #8a9fb0;
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(138, 159, 176) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(138, 159, 176, 0.75) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(138, 159, 176, 0.75) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(138, 159, 176, 0.5) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(138, 159, 176, 0.5) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(138, 159, 176, 0.5) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(138, 159, 176, 0.5) 0%, rgba(138, 159, 176, 0) 100%);
}
.mod-table--sa.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #8a9fb0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ceo.mod-table--detail {
  background: #75899a;
}
.mod-table--ceo.mod-table--detail.mod-table--link:hover {
  background: #5f6f7d;
}
.mod-table--ceo.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right-color: #75899a;
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom-color: #75899a;
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(117, 137, 154) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(117, 137, 154, 0.75) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(117, 137, 154, 0.75) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(117, 137, 154, 0.5) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(117, 137, 154, 0.5) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(117, 137, 154, 0.5) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(117, 137, 154, 0.5) 0%, rgba(117, 137, 154, 0) 100%);
}
.mod-table--ceo.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--msp.mod-table--detail {
  background: #555f69;
}
.mod-table--msp.mod-table--detail.mod-table--link:hover {
  background: #40464d;
}
.mod-table--msp.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #555f69;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right-color: #555f69;
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom-color: #555f69;
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(85, 95, 105) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(85, 95, 105, 0.75) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(85, 95, 105, 0.75) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(85, 95, 105, 0.5) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(85, 95, 105, 0.5) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(85, 95, 105, 0.5) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(85, 95, 105, 0.5) 0%, rgba(85, 95, 105, 0) 100%);
}
.mod-table--msp.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #555f69;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sa.mod-table--detail .m-content--samp {
  background: #6a778f;
}
.mod-table--sa.mod-table--detail .m-content--samp.m-content--link:hover {
  background: #545f73;
}
.mod-table--mp.mod-table--detail {
  background: #899bba;
}
.mod-table--mp.mod-table--detail.mod-table--link:hover {
  background: #6a778f;
}
.mod-table--mp.mod-table--detail .m-content--mp {
  background: #6a778f;
}
.mod-table--mp.mod-table--detail .m-content--mp.m-content--link:hover {
  background: #545f73;
}
.mod-table--mp.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #899bba;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right-color: #899bba;
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom-color: #899bba;
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(137, 155, 186) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(137, 155, 186, 0.75) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(137, 155, 186, 0.75) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(137, 155, 186, 0.5) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(137, 155, 186, 0.5) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(137, 155, 186, 0.5) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(137, 155, 186, 0.5) 0%, rgba(137, 155, 186, 0) 100%);
}
.mod-table--mp.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #899bba;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--hii.mod-table--detail {
  background: #006f6f;
}
.mod-table--hii.mod-table--detail.mod-table--link:hover {
  background: #0f5659;
}
.mod-table--hii.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #006f6f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right-color: #006f6f;
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom-color: #006f6f;
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(0, 111, 111) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(0, 111, 111, 0.75) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(0, 111, 111, 0.75) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(0, 111, 111, 0.5) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(0, 111, 111, 0.5) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(0, 111, 111, 0.5) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(0, 111, 111, 0.5) 0%, rgba(0, 111, 111, 0) 100%);
}
.mod-table--hii.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #006f6f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sm.mod-table--detail .m-content--smp, .mod-table--smp.mod-table--detail .m-content--smp, .mod-table--bap.mod-table--detail .m-content--smp {
  background: #75861f;
}
.mod-table--sm.mod-table--detail .m-content--smp.m-content--link:hover, .mod-table--smp.mod-table--detail .m-content--smp.m-content--link:hover, .mod-table--bap.mod-table--detail .m-content--smp.m-content--link:hover {
  background: #64741a;
}
.mod-table--sm.mod-table--detail .m-content--smp .m-content--info-bottom, .mod-table--smp.mod-table--detail .m-content--smp .m-content--info-bottom, .mod-table--bap.mod-table--detail .m-content--smp .m-content--info-bottom {
  visibility: hidden;
}
.mod-table--sm.mod-table--detail .m-content--bap, .mod-table--smp.mod-table--detail .m-content--bap, .mod-table--bap.mod-table--detail .m-content--bap {
  background: #607626;
}
.mod-table--sm.mod-table--detail .m-content--bap.m-content--link:hover, .mod-table--smp.mod-table--detail .m-content--bap.m-content--link:hover, .mod-table--bap.mod-table--detail .m-content--bap.m-content--link:hover {
  background: #445919;
}
.mod-table--sm.mod-table--detail .m-content--mip, .mod-table--smp.mod-table--detail .m-content--mip, .mod-table--bap.mod-table--detail .m-content--mip {
  background: #849718;
}
.mod-table--sm.mod-table--detail .m-content--mip.m-content--link:hover, .mod-table--smp.mod-table--detail .m-content--mip.m-content--link:hover, .mod-table--bap.mod-table--detail .m-content--mip.m-content--link:hover {
  background: #596717;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(1), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(1), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 3%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(2), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(2), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 11%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(3), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(3), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 8%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(4), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(4), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 8%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(5), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(5), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 8%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(6), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(6), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 11%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(7), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(7), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 10%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(8), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(8), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 10%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(9), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(9), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(9) {
  width: 9%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(10), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(10), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(10) {
  width: 10%;
}
.mod-table--sm.mod-table--detail .m-content .m-col:nth-child(11), .mod-table--smp.mod-table--detail .m-content .m-col:nth-child(11), .mod-table--bap.mod-table--detail .m-content .m-col:nth-child(11) {
  width: 12%;
}
.mod-table--sm.mod-table--calculator .m-content--header .m-col, .mod-table--smp.mod-table--calculator .m-content--header .m-col, .mod-table--bap.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #9aa812;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(1), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(1), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(1) {
  width: 30%;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(2), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(2), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(2) {
  width: 15%;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(3), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(3), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(3) {
  width: 11%;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(4), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(4), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(4) {
  width: 10%;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(5), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(5), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(5) {
  width: 12%;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(6), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(6), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(6) {
  width: 11%;
}
.mod-table--sm.mod-table--calculator .m-content .m-col:nth-child(7), .mod-table--smp.mod-table--calculator .m-content .m-col:nth-child(7), .mod-table--bap.mod-table--calculator .m-content .m-col:nth-child(7) {
  width: 11%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col .m-vertical-border, .mod-table--smp.mod-table--chart .m-content--main > .m-col .m-vertical-border, .mod-table--bap.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #9aa812 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col .m-vertical-border--sm, .mod-table--smp.mod-table--chart .m-content--main > .m-col .m-vertical-border--sm, .mod-table--bap.mod-table--chart .m-content--main > .m-col .m-vertical-border--sm {
  border-right: 1px solid #9aa812 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col .m-vertical-border--smp, .mod-table--smp.mod-table--chart .m-content--main > .m-col .m-vertical-border--smp, .mod-table--bap.mod-table--chart .m-content--main > .m-col .m-vertical-border--smp {
  border-right: 1px solid #75861f !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col .m-vertical-border--bap, .mod-table--smp.mod-table--chart .m-content--main > .m-col .m-vertical-border--bap, .mod-table--bap.mod-table--chart .m-content--main > .m-col .m-vertical-border--bap {
  border-right: 1px solid #607626 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col {
  left: 0;
  width: 100%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--sm, .mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--smp, .mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--bap, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--sm, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--smp, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--bap, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--sm, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--smp, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--bap {
  left: 0;
  top: 0;
  background: none;
  width: 100%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--sm .m-info, .mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--smp .m-info, .mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--bap .m-info, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--sm .m-info, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--smp .m-info, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--bap .m-info, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--sm .m-info, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--smp .m-info, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--bap .m-info {
  padding: 0;
  background: 0;
  transform: translate(1px, -2px);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--sm, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--sm, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--sm {
  border-bottom: 1px solid #9aa812 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--sm .m-info, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--sm .m-info, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--sm .m-info {
  color: #9aa812 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--smp, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--smp, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--smp {
  border-bottom: 1px solid #75861f !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--smp .m-info, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--smp .m-info, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--smp .m-info {
  color: #75861f !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--bap, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--bap, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--bap {
  border-bottom: 1px solid #607626 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col--bap .m-info, .mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col--bap .m-info, .mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col--bap .m-info {
  color: #607626 !important;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(1), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(1), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  width: calc(30% + 20px);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(2), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(2), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  width: 15%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(3), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(3), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  width: 11%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(4), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(4), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  width: 10%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(5), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(5), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  width: 12%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(6), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(6), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  width: 11%;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(7), .mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(7), .mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  width: calc(11% + 20px);
}
.mod-table--sm.mod-table--detail {
  background: #9aa812;
}
.mod-table--sm.mod-table--detail.mod-table--link:hover {
  background: #8b9710;
}
.mod-table--sm.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #9aa812;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #9aa812;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom: 1px solid #9aa812;
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(154, 168, 18) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(154, 168, 18, 0.75) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(154, 168, 18, 0.5) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(154, 168, 18, 0.25) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(154, 168, 18, 0.25) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(154, 168, 18, 0.25) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(154, 168, 18, 0.25) 0%, rgba(154, 168, 18, 0) 100%);
}
.mod-table--sm.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #9aa812;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--smp.mod-table--detail {
  background: #75861f;
}
.mod-table--smp.mod-table--detail.mod-table--link:hover {
  background: #64741a;
}
.mod-table--smp.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75861f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #75861f;
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom: 1px solid #75861f;
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(117, 134, 31) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(117, 134, 31, 0.75) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(117, 134, 31, 0.5) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(117, 134, 31, 0.25) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(117, 134, 31, 0.25) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(117, 134, 31, 0.25) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(117, 134, 31, 0.25) 0%, rgba(117, 134, 31, 0) 100%);
}
.mod-table--smp.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75861f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--bap.mod-table--detail {
  background: #607626;
}
.mod-table--bap.mod-table--detail.mod-table--link:hover {
  background: #445919;
}
.mod-table--bap.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #607626;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #607626;
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col > .m-col {
  border-bottom: 1px solid #607626;
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  background: linear-gradient(to bottom, rgb(82, 108, 30) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  background: linear-gradient(to bottom, rgba(82, 108, 30, 0.75) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  background: linear-gradient(to bottom, rgba(82, 108, 30, 0.5) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  background: linear-gradient(to bottom, rgba(82, 108, 30, 0.25) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  background: linear-gradient(to bottom, rgba(82, 108, 30, 0.25) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  background: linear-gradient(to bottom, rgba(82, 108, 30, 0.25) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  background: linear-gradient(to bottom, rgba(82, 108, 30, 0.25) 0%, rgba(82, 108, 30, 0) 100%);
}
.mod-table--bap.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #607626;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--mip {
  background: #849718;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 24%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 14%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 14%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 14%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 11%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 11%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 11%;
}
.mod-table--mip.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 11%;
}
.mod-table--mip.mod-table--lightbox {
  background: #849718;
  margin-bottom: 0;
  padding: 30px 40px 30px 40px;
}
.mod-table--mip.mod-table--lightbox .m-content--main {
  position: relative;
}
.mod-table--mip.mod-table--lightbox .m-content--main:after {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgb(255, 255, 255);
  position: absolute;
}
.mod-table--mip.mod-table--lightbox .m-content--main .m-content--header {
  padding-bottom: 60px;
}
.mod-table--mip.mod-table--lightbox .m-content--add-on {
  padding: 10px 0 !important;
  position: relative;
  border-bottom: none;
}
.mod-table--mip.mod-table--lightbox .m-content--add-on:after {
  content: "";
  left: 20px;
  bottom: 0;
  width: calc(100% - 40px);
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
}
.mod-table--mip.mod-table--lightbox .m-content--add-on:last-of-type:after {
  content: none;
}
.mod-table--sps.mod-table--detail {
  background: #af235f;
}
.mod-table--sps.mod-table--detail.mod-table--link:hover {
  background: #931a4e;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 12.5%;
}
.mod-table--sps.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #af235f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(1) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(2) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(3) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(4) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(5) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(6) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(7) {
  width: 12.5%;
}
.mod-table--sps.mod-table--calculator .m-content .m-col:nth-child(8) {
  width: 12.5%;
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #af235f;
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col > .m-col {
  left: 0;
  width: 100%;
  border-bottom: 1px solid #af235f;
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  width: calc(51% + 20px);
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.5) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  width: 12%;
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  width: 12%;
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  width: 11%;
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  width: calc(14% + 20px);
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--sps.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #af235f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--detail {
  background: #147074;
}
.mod-table--ip.mod-table--detail.mod-table--link:hover {
  background: #0f5659;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 10%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 8%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 8%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 10%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 9%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 11.5%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 11.5%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 10%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(9) {
  width: 10%;
}
.mod-table--ip.mod-table--detail .m-content .m-col:nth-child(10) {
  width: 12%;
}
.mod-table--ip.mod-table--detail .m-content--ip {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #105558;
  position: relative;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
@media print, only screen and (min-width: 1024px) {
  .mod-table--ip.mod-table--detail .m-content--ip .m-header {
    margin-bottom: 15px;
  }
}
@media print, only screen and (min-width: 1920px) {
  .mod-table--ip.mod-table--detail .m-content--ip .m-header {
    margin-bottom: 20px;
  }
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 3px 0;
  opacity: 0.75;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header .m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header .m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header .m-link:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header .m-link:hover {
  text-decoration: underline;
}
@media print, only screen and (min-width: 1024px) {
  .mod-table--ip.mod-table--detail .m-content--ip .m-header .m-link {
    margin-bottom: 15px;
  }
}
@media print, only screen and (min-width: 1920px) {
  .mod-table--ip.mod-table--detail .m-content--ip .m-header .m-link {
    margin-bottom: 20px;
  }
}
.mod-table--ip.mod-table--detail .m-content--ip .m-header .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 0.5;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main {
  display: flex;
  flex-direction: column;
  position: relative;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-description-wrapper,
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-info-wrapper,
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-date-wrapper {
  display: flex;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-description-wrapper .m-text-wrapper:nth-child(1),
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-info-wrapper .m-text-wrapper:nth-child(1),
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-date-wrapper .m-text-wrapper:nth-child(1) {
  width: 47%;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-description-wrapper .m-text-wrapper:nth-child(2),
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-info-wrapper .m-text-wrapper:nth-child(2),
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-date-wrapper .m-text-wrapper:nth-child(2) {
  width: 16.5%;
  opacity: 0.5;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-description-wrapper .m-text-wrapper:nth-child(3),
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-info-wrapper .m-text-wrapper:nth-child(3),
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-date-wrapper .m-text-wrapper:nth-child(3) {
  width: 16.5%;
  text-align: right;
  opacity: 0.5;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper {
  width: 80%;
  position: relative;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper svg {
  width: 100%;
  height: auto;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper .m-info-wrapper {
  width: 100%;
  left: 0;
  top: 10px;
  position: absolute;
  display: flex;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper .m-info-wrapper .m-text-wrapper {
  opacity: 0.5;
  text-align: center;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper .m-info-wrapper .m-text-wrapper:nth-child(1) {
  width: 56%;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper .m-info-wrapper .m-text-wrapper:nth-child(2) {
  width: 44%;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-graphic-wrapper .m-info-wrapper .m-text-wrapper .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-description-wrapper {
  margin-bottom: 10px;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-description-wrapper .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-info-wrapper {
  margin-bottom: 15px;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-info-wrapper .m-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--detail .m-content--ip .m-main > .m-date-wrapper .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #147074;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(1) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(2) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(3) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(4) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(5) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(6) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(7) {
  width: 12.5%;
}
.mod-table--ip.mod-table--calculator .m-content .m-col:nth-child(8) {
  width: 12.5%;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #147074;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col > .m-col {
  left: 0;
  width: 100%;
  border-bottom: 1px solid #147074;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  width: calc(51% + 20px);
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.5) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  width: 12%;
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  width: 12%;
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  width: 11%;
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  width: calc(14% + 20px);
  background: linear-gradient(to bottom, rgba(175, 35, 95, 0.25) 0%, rgba(175, 35, 95, 0) 100%);
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #147074;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  width: 11%;
  padding-left: 20px;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  width: 11%;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(8) {
  width: 12%;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col:nth-child(9) {
  width: 12%;
  text-align: right;
  align-items: flex-end;
  white-space: inherit;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col--reset-values {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  cursor: pointer;
  position: relative;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col--reset-values > div,
.mod-table--ip.mod-table--chart .m-content--main > .m-col--reset-values > span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col--reset-values:after {
  content: "";
  margin-left: 6px;
  transform: translate(0, -2px);
  width: 15px;
  height: 16px;
  background: url("/assets/svgs/icon-reload.svg") no-repeat;
  background-size: 100%;
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col--reset-values:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col .m-value--big {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #faa50a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--ip.mod-table--chart .m-content--main > .m-col .m-value--dark {
  color: var(--font-color);
}
.mod-table--his.mod-table--detail {
  background: #ec6602;
}
.mod-table--his.mod-table--detail.mod-table--link:hover {
  background: #d85c00;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 11%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 8%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 8%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 10%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 13%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 9%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 9%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 9%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(9) {
  width: 9%;
}
.mod-table--his.mod-table--detail .m-content .m-col:nth-child(10) {
  width: 14%;
}
.mod-table--his.mod-table--detail .m-content--cb-30 {
  background: #c64f06;
}
.mod-table--his.mod-table--detail .m-content--cb-10 {
  background: #fd9a5d;
}
.mod-table--his.mod-table--calculator .m-content--header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ec6602;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(1) {
  width: 18%;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(2) {
  width: 20%;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(3) {
  width: 18%;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(4) {
  width: 10%;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(5) {
  width: 11%;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(6) {
  width: 11%;
}
.mod-table--his.mod-table--calculator .m-content .m-col:nth-child(7) {
  width: 12%;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #ec6602;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col .m-vertical-border {
  border-right: 1px solid #ec6602;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col .m-vertical-border--cb-10 {
  border-right: 1px solid #fd9a5d;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col .m-vertical-border--cb-30 {
  border-right: 1px solid #c64f06;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col {
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ec6602;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-10, .mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-30 {
  left: 0;
  top: 0;
  background: none;
  width: 100%;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-10 .m-info, .mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-30 .m-info {
  padding: 0;
  background: 0;
  transform: translate(1px, -2px);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-10 {
  border-bottom: 1px solid #fd9a5d;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-10 .m-info {
  color: #fd9a5d;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-30 {
  border-bottom: 1px solid #c64f06;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col > .m-col--cb-30 .m-info {
  color: #c64f06;
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(1) {
  width: calc(18% + 20px);
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.75) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(2) {
  width: 20%;
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.75) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(3) {
  width: 18%;
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.75) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(4) {
  width: 10%;
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.5) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(5) {
  width: 11%;
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.5) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(6) {
  width: 11%;
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.5) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col:nth-child(7) {
  width: calc(12% + 20px);
  background: linear-gradient(to bottom, rgba(236, 102, 2, 0.5) 0%, rgba(236, 102, 2, 0) 100%);
}
.mod-table--his.mod-table--chart .m-content--main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ec6602;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--dr.mod-table--detail {
  background: #005f87;
}
.mod-table--dr.mod-table--detail.mod-table--link:hover {
  background: #004663;
}
.mod-table--dr.mod-table--detail .m-content--dr {
  background: #004663;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(1) {
  width: 3%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(2) {
  width: 12%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(3) {
  width: 12%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(4) {
  width: 12%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(5) {
  width: 12%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(6) {
  width: 12%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(7) {
  width: 12%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(8) {
  width: 10%;
}
.mod-table--dr.mod-table--detail .m-content .m-col:nth-child(9) {
  width: 15%;
}
.mod-table--sog .m-content--header-area, .mod-table--sog .m-content--detail {
  padding: 17px 20px 20px 20px;
  transition: background 0.15s ease-in-out;
  min-height: 240px;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-new, .mod-table--sog .m-content--detail .m-new {
  right: 0;
  top: 0;
  padding: 7px 18px;
  position: absolute;
  background: rgba(34, 42, 46, 0.9);
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  z-index: 1;
  transform: translate(20px, -17px);
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-header, .mod-table--sog .m-content--detail .m-content-header {
  margin: 0 0 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  justify-content: space-between;
}
.mod-table--sog .m-content--header-area .m-content-header + .m-content-main, .mod-table--sog .m-content--detail .m-content-header + .m-content-main {
  margin-top: 20px;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-main .m-headline, .mod-table--sog .m-content--detail .m-content-header .m-content-header-main .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 25px 2px 0;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-main .m-headline > span, .mod-table--sog .m-content--detail .m-content-header .m-content-header-main .m-headline > span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: inline-block;
  margin: 0 0 0 12px;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-main .m-subline, .mod-table--sog .m-content--detail .m-content-header .m-content-header-main .m-subline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info {
  display: flex;
  /* spacer if no new marker */
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info:after, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info:after {
  content: ".";
  width: 0;
  right: 0;
  top: 0;
  padding: 7px 18px;
  position: absolute;
  background: rgba(34, 42, 46, 0.9);
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  z-index: 1;
  padding: 7px 0;
  visibility: hidden;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info .m-letter-link, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info .m-letter-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--darkgrey900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  transform: translate(0, -5px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  cursor: pointer;
  margin: 0 10px;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info .m-letter-link:before, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info .m-letter-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c";
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info .m-letter-link:last-of-type, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info .m-letter-link:last-of-type {
  margin-right: 0;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info .m-letter-link:before, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info .m-letter-link:before {
  margin-left: 4px;
}
.mod-table--sog .m-content--header-area .m-content-header .m-content-header-info .m-new, .mod-table--sog .m-content--detail .m-content-header .m-content-header-info .m-new {
  margin-left: -10px;
}
.mod-table--sog .m-content--header-area .m-content-main,
.mod-table--sog .m-content--header-area .m-content-info,
.mod-table--sog .m-content--header-area .m-content-expand, .mod-table--sog .m-content--detail .m-content-main,
.mod-table--sog .m-content--detail .m-content-info,
.mod-table--sog .m-content--detail .m-content-expand {
  display: flex;
  flex-direction: row;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col,
.mod-table--sog .m-content--header-area .m-content-info .m-col,
.mod-table--sog .m-content--header-area .m-content-expand .m-col, .mod-table--sog .m-content--detail .m-content-main .m-col,
.mod-table--sog .m-content--detail .m-content-info .m-col,
.mod-table--sog .m-content--detail .m-content-expand .m-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:first-of-type,
.mod-table--sog .m-content--header-area .m-content-info .m-col:first-of-type,
.mod-table--sog .m-content--header-area .m-content-expand .m-col:first-of-type, .mod-table--sog .m-content--detail .m-content-main .m-col:first-of-type,
.mod-table--sog .m-content--detail .m-content-info .m-col:first-of-type,
.mod-table--sog .m-content--detail .m-content-expand .m-col:first-of-type {
  padding-left: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:last-of-type,
.mod-table--sog .m-content--header-area .m-content-info .m-col:last-of-type,
.mod-table--sog .m-content--header-area .m-content-expand .m-col:last-of-type, .mod-table--sog .m-content--detail .m-content-main .m-col:last-of-type,
.mod-table--sog .m-content--detail .m-content-info .m-col:last-of-type,
.mod-table--sog .m-content--detail .m-content-expand .m-col:last-of-type {
  padding-right: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col .a-button,
.mod-table--sog .m-content--header-area .m-content-info .m-col .a-button,
.mod-table--sog .m-content--header-area .m-content-expand .m-col .a-button, .mod-table--sog .m-content--detail .m-content-main .m-col .a-button,
.mod-table--sog .m-content--detail .m-content-info .m-col .a-button,
.mod-table--sog .m-content--detail .m-content-expand .m-col .a-button {
  min-width: 220px;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *, .mod-table--sog .m-content--detail .m-content-main .m-col > *,
.mod-table--sog .m-content--detail .m-content-info .m-col > *,
.mod-table--sog .m-content--detail .m-content-expand .m-col > * {
  width: 100%;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-program,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-program,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-program, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-program,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-program,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-program {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-program .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-program .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-program .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-program .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-program .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-program .m-tooltip-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-desc,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-desc,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-desc, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-desc,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-desc,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-desc:not(.mod-tooltip),
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-desc:not(.mod-tooltip),
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-desc:not(.mod-tooltip), .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-desc:not(.mod-tooltip),
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-desc:not(.mod-tooltip),
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-desc:not(.mod-tooltip) {
  opacity: 0.8;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-desc .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-desc .m-tooltip-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 0.8;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-desc--dark,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-desc--dark,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-desc--dark, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-desc--dark,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-desc--dark,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-desc--dark {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-desc + .m-link,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-desc + .m-link,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-desc + .m-link, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-desc + .m-link,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-desc + .m-link,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-desc + .m-link {
  margin-top: 5px;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-value,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-value,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-value, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-value,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-value,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-value {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  white-space: nowrap;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-value.m-active,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-value.m-active,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-value.m-active, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-value.m-active,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-value.m-active,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-value.m-active {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-value.m-inactive,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-value.m-inactive,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-value.m-inactive, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-value.m-inactive,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-value.m-inactive,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-value.m-inactive {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-value--text,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-value--text,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-value--text, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-value--text,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-value--text,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-value--text {
  white-space: normal;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-link,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-link,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-link, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-link,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-link,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-link:before,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-link:before,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-link:before, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-link:before,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-link:before,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-link:before,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-link:before,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-link:before, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-link:before,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-link:before,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-link:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-link:hover,
.mod-table--sog .m-content--header-area .m-content-info .m-col > *.m-link:hover,
.mod-table--sog .m-content--header-area .m-content-expand .m-col > *.m-link:hover, .mod-table--sog .m-content--detail .m-content-main .m-col > *.m-link:hover,
.mod-table--sog .m-content--detail .m-content-info .m-col > *.m-link:hover,
.mod-table--sog .m-content--detail .m-content-expand .m-col > *.m-link:hover {
  text-decoration: underline;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > .m-desc, .mod-table--sog .m-content--detail .m-content-main .m-col > .m-desc {
  margin-bottom: 10px;
}
@media print, only screen and (min-width: 1366px) {
  .mod-table--sog .m-content--header-area .m-content-main .m-col > .m-desc, .mod-table--sog .m-content--detail .m-content-main .m-col > .m-desc {
    margin-bottom: 15px;
  }
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > .m-desc > .m-content > .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-main .m-col > .m-desc > .m-content > .m-tooltip-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  opacity: 0.8;
}
.mod-table--sog .m-content--header-area .m-content-info--top, .mod-table--sog .m-content--detail .m-content-info--top {
  margin-bottom: 13px;
}
@media print, only screen and (min-width: 1366px) {
  .mod-table--sog .m-content--header-area .m-content-info--top, .mod-table--sog .m-content--detail .m-content-info--top {
    margin-bottom: 16px;
  }
}
.mod-table--sog .m-content--header-area .m-content-info--top .m-col > div.m-desc,
.mod-table--sog .m-content--header-area .m-content-info--top .m-col > span.m-desc, .mod-table--sog .m-content--detail .m-content-info--top .m-col > div.m-desc,
.mod-table--sog .m-content--detail .m-content-info--top .m-col > span.m-desc {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--header-area .m-content-info--top .m-col > div.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info--top .m-col > span.m-desc .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-info--top .m-col > div.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-info--top .m-col > span.m-desc .m-tooltip-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  opacity: 1;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > div.m-desc, .mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > div.m-info,
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > span.m-desc,
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > span.m-info, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col > div.m-desc, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col > div.m-info,
.mod-table--sog .m-content--detail .m-content-info--bottom .m-col > span.m-desc,
.mod-table--sog .m-content--detail .m-content-info--bottom .m-col > span.m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin-bottom: 0;
  white-space: nowrap;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > div.m-desc .m-tooltip-headline, .mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > div.m-info .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > span.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > span.m-info .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col > div.m-desc .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col > div.m-info .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-info--bottom .m-col > span.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-info--bottom .m-col > span.m-info .m-tooltip-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  white-space: nowrap;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > div.m-info > span:first-child,
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > span.m-info > span:first-child, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col > div.m-info > span:first-child,
.mod-table--sog .m-content--detail .m-content-info--bottom .m-col > span.m-info > span:first-child {
  opacity: 0.8;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > div.m-info .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col > span.m-info .m-tooltip-headline, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col > div.m-info .m-tooltip-headline,
.mod-table--sog .m-content--detail .m-content-info--bottom .m-col > span.m-info .m-tooltip-headline {
  opacity: 0.8;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow:before, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow:before, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow:hover, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow:hover {
  text-decoration: underline;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow-ext, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow-ext {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow-ext:before, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow-ext:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e620";
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow-ext:before, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow-ext:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--sog .m-content--header-area .m-content-info--bottom .m-col .m-link--arrow-ext:hover, .mod-table--sog .m-content--detail .m-content-info--bottom .m-col .m-link--arrow-ext:hover {
  text-decoration: underline;
}
.mod-table--sog .m-content--header-area .m-content-info .m-col, .mod-table--sog .m-content--detail .m-content-info .m-col {
  border: none !important;
}
.mod-table--sog .m-content--header-area .m-content-expand, .mod-table--sog .m-content--detail .m-content-expand {
  padding: 10px 20px;
  min-height: 80px;
}
.mod-table--sog .m-content--header-area .m-content-expand > .m-col, .mod-table--sog .m-content--detail .m-content-expand > .m-col {
  justify-content: center;
}
.mod-table--sog .m-content--header-area-expand, .mod-table--sog .m-content--detail-expand {
  min-height: 100%;
}
.mod-table--sog .m-content--header-area {
  min-height: 0;
}
.mod-table--sog .m-content--header-area .m-content-main {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:first-of-type {
  padding-left: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:first-of-type .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: 400;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:last-of-type {
  padding-right: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > * {
  width: 100%;
  position: relative;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-desc {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col > *.m-value {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: orange;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  font-size: 16px;
  white-space: nowrap;
}
.mod-table--sog .m-content--header-area .m-content-info .m-col > div.m-desc,
.mod-table--sog .m-content--header-area .m-content-info .m-col > span.m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-info .m-col > div.m-desc .m-tooltip-headline,
.mod-table--sog .m-content--header-area .m-content-info .m-col > span.m-desc .m-tooltip-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--calculator {
  transition: background 0.15s ease-in-out;
  margin: 0;
  padding: 0 20px;
  position: relative;
}
.mod-table--sog .m-content--calculator .m-content-header .m-col:first-of-type,
.mod-table--sog .m-content--calculator .m-content-main .m-col:first-of-type,
.mod-table--sog .m-content--calculator .m-content-info .m-col:first-of-type {
  padding-left: 0;
}
.mod-table--sog .m-content--calculator .m-content-header .m-col:last-of-type,
.mod-table--sog .m-content--calculator .m-content-main .m-col:last-of-type,
.mod-table--sog .m-content--calculator .m-content-info .m-col:last-of-type {
  padding-right: 0;
}
.mod-table--sog .m-content--calculator .m-content-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mod-table--sog .m-content--calculator .m-content-header .m-col {
  white-space: nowrap;
  padding: 10px;
}
.mod-table--sog .m-content--calculator .m-content-main {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span {
  width: 100%;
  position: relative;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-desc,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  margin-bottom: 10px;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-desc a,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-desc a {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--purple900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  padding: 6px 0;
  display: block;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value--state-change,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value--state-change {
  padding: 0;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value.m-active,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value.m-active {
  color: var(--font-color);
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value.m-active input,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value.m-active input {
  color: var(--font-color);
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value.m-info,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value.m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value .m-error--input,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value .m-error--input {
  border: 1px solid var(--red500) !important;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value .m-error--message,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value .m-error--message {
  top: 100%;
  background: var(--red500);
  position: absolute;
  z-index: 1;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value .m-error--message-left,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value .m-error--message-left {
  left: 0;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value .m-error--message-right,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value .m-error--message-right {
  right: 0;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value .m-error--message span,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value .m-error--message span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  padding: 5px 10px;
  display: block;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div input,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span input {
  color: var(--purple900);
  padding: 6px;
  width: 100%;
  min-width: 60px;
  max-width: 100px;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div input:disabled,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span input:disabled {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--purple900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
  padding: 6px 0;
  border: none;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div input:disabled + .m-model,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span input:disabled + .m-model {
  left: -5px;
  top: 0;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div .m-model,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span .m-model {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  left: 0;
  top: 1px;
  padding: 6px;
  max-width: 96px;
  position: absolute;
  pointer-events: none;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div .m-model span:not(.m-currency),
.mod-table--sog .m-content--calculator .m-content-main .m-col > span .m-model span:not(.m-currency) {
  opacity: 0;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div .ng-select .ng-select-container,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span .ng-select .ng-select-container {
  padding: 6px;
  height: auto;
  background: none;
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col > div .ng-select .ng-select-container .ng-placeholder,
.mod-table--sog .m-content--calculator .m-content-main .m-col > div .ng-select .ng-select-container .ng-value-label,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span .ng-select .ng-select-container .ng-placeholder,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span .ng-select .ng-select-container .ng-value-label {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col:last-child div {
  float: right;
}
.mod-table--sog .m-content--calculator .m-content-main .m-col:last-child div input {
  float: right;
  text-align: right;
}
.mod-table--sog .m-content--calculator .m-content-info {
  display: flex;
  flex-direction: row;
}
.mod-table--sog .m-content--calculator .m-content-info .m-col {
  padding: 0 10px;
  position: relative;
}
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-desc + .m-link {
  margin-top: 5px;
}
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-link:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-link:hover {
  text-decoration: underline;
}
.mod-table--sog .m-content--info {
  position: relative;
}
.mod-table--sog .m-content--info .m-content-header {
  margin: -10px 0 0 0;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
}
.mod-table--sog .m-content--info .m-content-header .m-col {
  padding: 0 10px;
}
.mod-table--sog .m-content--info .m-content-header .m-col > span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
  margin-bottom: -4px;
}
.mod-table--sog .m-content--info .m-content-header .m-col > .m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin: 0;
}
.mod-table--sog .m-content--info .m-content-header .m-col > .m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.mod-table--sog .m-content--info .m-content-header .m-col > .m-link:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.mod-table--sog .m-content--info .m-content-header .m-col > .m-link:hover {
  text-decoration: underline;
}
.mod-table--sog .m-content--chart {
  width: 100%;
  height: 235px;
  margin: 30px 0 10px 0;
  padding: 0 20px;
  position: relative;
  transition: background 0.15s ease-in-out;
}
.mod-table--sog .m-content--chart .m-content-header {
  display: flex;
  flex-direction: row;
}
.mod-table--sog .m-content--chart .m-content-header .m-col {
  padding: 10px;
}
.mod-table--sog .m-content--chart .m-content-header .m-col:first-of-type {
  padding-left: 0;
}
.mod-table--sog .m-content--chart .m-content-header .m-col:last-of-type {
  padding-right: 0;
}
.mod-table--sog .m-content--chart .m-content-main {
  display: flex;
  flex-direction: row;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col:first-of-type {
  margin-left: -20px;
  padding-left: 0;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col:last-of-type {
  margin-right: -20px;
  padding-right: 0;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col > .m-col {
  top: 0;
  height: 0;
  background: white;
  position: absolute;
  transition: height 0.25s ease-in-out;
  border-bottom: 1px dashed var(--darkgrey300);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col > .m-col .m-info {
  padding: 20px 0 5px 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col > .m-col .m-info--right {
  left: auto;
  right: 0;
  text-align: right;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col .m-vertical-border {
  width: 1px;
  right: 0;
  background: transparent;
  position: absolute;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col .m-vertical-border--1, .mod-table--sog .m-content--chart .m-content-main > .m-col .m-vertical-border--2, .mod-table--sog .m-content--chart .m-content-main > .m-col .m-vertical-border--smp, .mod-table--sog .m-content--chart .m-content-main > .m-col .m-vertical-border--mip, .mod-table--sog .m-content--chart .m-content-main > .m-col .m-vertical-border--bap {
  transform: translate(0, -1px);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col--closed > .m-col {
  border-bottom: 1px solid var(--darkgrey300);
}
.mod-table--sog .m-content--chart .m-content-left,
.mod-table--sog .m-content--chart .m-content-right {
  top: 0;
  padding: 15px 20px 0 20px;
  width: 70px;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.mod-table--sog .m-content--chart .m-content-left > ul,
.mod-table--sog .m-content--chart .m-content-right > ul {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.mod-table--sog .m-content--chart .m-content-left > ul > li,
.mod-table--sog .m-content--chart .m-content-right > ul > li {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color-grey);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--chart .m-content-left {
  left: 0;
}
.mod-table--sog .m-content--chart .m-content-left > ul {
  align-items: flex-start;
}
.mod-table--sog .m-content--chart .m-content-right {
  right: 0;
}
.mod-table--sog .m-content--chart .m-content-right > ul {
  align-items: flex-end;
}
.mod-table--sog .m-content--chart .m-content-main-value {
  right: 0;
  bottom: 30px;
  width: 46%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
}
.mod-table--sog .m-content--chart .m-content-main-value .m-value--big {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--chart .m-content-main-value .m-value--small {
  font-family: "Siemens Sans Italic", Tahoma, Geneva, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area, .mod-table--sog .m-content--calculator {
  padding: 0;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(1),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(1),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(1), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(1),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(1),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(1) {
  width: 12%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(2),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(2),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(2), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(2),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(2),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(2) {
  width: 9%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(3),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(3),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(3), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(3),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(3),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(3) {
  width: 11%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(4),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(4),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(4), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(4),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(4),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(4) {
  width: 11%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(5),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(5),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(5), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(5),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(5),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(5) {
  width: 11%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(6),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(6),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(6), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(6),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(6),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(6) {
  width: 11%;
  padding-left: 20px;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(7),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(7),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(7), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(7),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(7),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(7) {
  width: 11%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(8),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(8),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(8), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(8),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(8),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(8) {
  width: 12%;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col:nth-child(9),
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(9),
.mod-table--sog .m-content--header-area .m-content-info .m-col:nth-child(9), .mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(9),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(9),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(9) {
  width: 15%;
  text-align: right;
  align-items: flex-end;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col, .mod-table--sog .m-content--calculator .m-content-header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: rgb(67, 177, 206);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(2) .m-value:after, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(2) .m-value:after {
  width: 18px;
  height: 21px;
  background: url("/assets/svgs/icon-calc-multiply.svg") no-repeat;
  background-size: 100%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(2) .m-value:after:before, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(2) .m-value:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(3) .m-value:after, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(3) .m-value:after {
  width: 20px;
  height: 20px;
  background: url("/assets/svgs/icon-calc-equal.svg") no-repeat;
  background-size: 100%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(3) .m-value:after:before, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(3) .m-value:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(4) .m-value:after, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(4) .m-value:after {
  width: 20px;
  height: 22px;
  background: url("/assets/svgs/icon-calc-divide.svg") no-repeat;
  background-size: 100%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(4) .m-value:after:before, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(4) .m-value:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(5) .m-value:after, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(5) .m-value:after {
  width: 20px;
  height: 20px;
  background: url("/assets/svgs/icon-calc-equal.svg") no-repeat;
  background-size: 100%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(5) .m-value:after:before, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(5) .m-value:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(7) .m-value:after, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(7) .m-value:after {
  width: 20px;
  height: 22px;
  background: url("/assets/svgs/icon-calc-add.svg") no-repeat;
  background-size: 100%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(7) .m-value:after:before, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(7) .m-value:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(8) .m-value:after, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(8) .m-value:after {
  width: 20px;
  height: 20px;
  background: url("/assets/svgs/icon-calc-equal.svg") no-repeat;
  background-size: 100%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(8) .m-value:after:before, .mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(8) .m-value:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-table--sog .m-content--header-area {
  margin: 0 0 25px 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(1) {
  width: 54%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(2) {
  width: 0;
  padding: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(3) {
  width: 0;
  padding: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(4) {
  width: 0;
  padding: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(5) {
  width: 0;
  padding: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(6) {
  width: 11%;
  padding-left: 20px;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(7) {
  width: 23%;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(8) {
  width: 0;
  padding: 0;
}
.mod-table--sog .m-content--header-area .m-content-main .m-col:nth-child(9) {
  width: 12%;
  text-align: right;
  align-items: flex-end;
}
.mod-table--sog .m-content--header-area .m-content-header .m-col {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: rgb(67, 177, 206);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-table--sog .m-content--calculator .m-content-header .m-col .m-value:after,
.mod-table--sog .m-content--calculator .m-content-main .m-col .m-value:after,
.mod-table--sog .m-content--calculator .m-content-info .m-col .m-value:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  transform: translate(-20px, -40%) scale(0.3);
}
@media print, only screen and (min-width: 1024px) {
  .mod-table--sog .m-content--calculator .m-content-header .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-main .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-info .m-col .m-value:after {
    transform: translate(-25px, -45%) scale(0.4);
  }
}
@media print, only screen and (min-width: 1366px) {
  .mod-table--sog .m-content--calculator .m-content-header .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-main .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-info .m-col .m-value:after {
    transform: translate(-30px, -50%) scale(0.5);
  }
}
@media print, only screen and (min-width: 1920px) {
  .mod-table--sog .m-content--calculator .m-content-header .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-main .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-info .m-col .m-value:after {
    transform: translate(-35px, -60%) scale(0.6);
  }
}
.mod-table--sog .m-content--calculator .m-content-header .m-col--active + .m-col .m-value:after,
.mod-table--sog .m-content--calculator .m-content-main .m-col--active + .m-col .m-value:after,
.mod-table--sog .m-content--calculator .m-content-info .m-col--active + .m-col .m-value:after {
  transform: translate(-14px, -40%) scale(0.3);
}
@media print, only screen and (min-width: 1024px) {
  .mod-table--sog .m-content--calculator .m-content-header .m-col--active + .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-main .m-col--active + .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-info .m-col--active + .m-col .m-value:after {
    transform: translate(-20px, -45%) scale(0.4);
  }
}
@media print, only screen and (min-width: 1366px) {
  .mod-table--sog .m-content--calculator .m-content-header .m-col--active + .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-main .m-col--active + .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-info .m-col--active + .m-col .m-value:after {
    transform: translate(-23px, -50%) scale(0.5);
  }
}
@media print, only screen and (min-width: 1920px) {
  .mod-table--sog .m-content--calculator .m-content-header .m-col--active + .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-main .m-col--active + .m-col .m-value:after,
  .mod-table--sog .m-content--calculator .m-content-info .m-col--active + .m-col .m-value:after {
    transform: translate(-31px, -60%) scale(0.6);
  }
}
.mod-table--sog .m-content--calculator .m-content-header .m-col > div.m-value,
.mod-table--sog .m-content--calculator .m-content-header .m-col > span.m-value,
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value,
.mod-table--sog .m-content--calculator .m-content-info .m-col > div.m-value,
.mod-table--sog .m-content--calculator .m-content-info .m-col > span.m-value {
  margin-bottom: 20px;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  opacity: 1;
}
.mod-table--sog .m-content--calculator .m-content-header .m-col > div.m-value.m-active,
.mod-table--sog .m-content--calculator .m-content-header .m-col > span.m-value.m-active,
.mod-table--sog .m-content--calculator .m-content-main .m-col > div.m-value.m-active,
.mod-table--sog .m-content--calculator .m-content-main .m-col > span.m-value.m-active,
.mod-table--sog .m-content--calculator .m-content-info .m-col > div.m-value.m-active,
.mod-table--sog .m-content--calculator .m-content-info .m-col > span.m-value.m-active {
  color: var(--font-color);
}
.mod-table--sog .m-content--calculator .m-content-header .m-col:nth-child(6),
.mod-table--sog .m-content--calculator .m-content-main .m-col:nth-child(6),
.mod-table--sog .m-content--calculator .m-content-info .m-col:nth-child(6) {
  border-left: 1px solid rgba(205, 217, 225, 0.15);
}
.mod-table--sog .m-content--calculator .m-content-main .m-col .m-desc {
  color: var(--font-color) !important;
}
.mod-table--sog .m-content--chart {
  padding: 0;
}
.mod-table--sog .m-content--chart .m-content-main {
  width: 100%;
  height: 100%;
  padding: 4px 0 0 0;
  border-top: 2px solid rgb(67, 177, 206);
}
.mod-table--sog .m-content--chart .m-content-main--active {
  border-top: 2px dashed rgb(67, 177, 206);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col > .m-col {
  left: 0;
  width: 100%;
  border: none;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col--tnos {
  width: calc(54% - 5px);
  margin: 0 5px 0 0 !important;
  background: linear-gradient(to bottom, rgba(67, 177, 206, 0) 0%, rgba(120, 217, 233, 0.5) 100%);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col--mas {
  width: calc(46% - 5px);
  margin: 0 0 0 5px !important;
  background: linear-gradient(to bottom, rgba(250, 165, 10, 0) 0%, rgb(251, 176, 38) 100%);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col--mas > .m-col {
  border-bottom: 1px dashed var(--blue500);
}
.mod-table--sog .m-content--chart .m-content-main > .m-col--mas .m-col--top-bar {
  left: 0;
  top: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(67, 177, 206) 100%);
  position: absolute;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col--mas.m-col--final.m-col--max .m-col--bottom-bar {
  display: none;
}
.mod-table--sog .m-content--chart .m-content-main > .m-col .m-info {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: rgb(67, 177, 206);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  background: transparent !important;
  transform: translate(0, -3px);
}
.mod-table--sog .m-content--chart .m-content-main--simulation {
  border-top: none;
}
.mod-table--sog .m-content--chart .m-content-main--simulation .m-line {
  width: 100%;
  border-top: 2px solid white;
  border-bottom: 3px solid white;
  position: absolute;
  z-index: 2;
}
.mod-table--sog .m-content--chart .m-content-main--simulation .m-line > div {
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px dashed rgb(67, 177, 206);
  position: absolute;
}
.mod-table--sog .m-content--chart .m-content-main--simulation > .m-col--mas > .m-col {
  border-bottom: none;
}

.sog-download {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--blue500);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -13px;
  padding-left: 12px;
  display: inline-block;
  cursor: pointer;
  border: none;
  position: relative;
  margin-right: 20px;
}
.sog-download:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60b";
}
.sog-download:before {
  text-decoration: none;
  transform: translate(0, 1px);
  width: 12px;
  margin-right: 3px;
  display: inline-block;
  text-indent: 0;
}
.sog-download:hover {
  color: var(--blue500);
  text-decoration: underline;
}

.mod-expand {
  width: 100%;
}
.mod-expand .m-expand-header {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  padding: 9px 0 10px 0;
  border-top: 1px solid #ebf0f5;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.mod-expand .m-expand-header:after {
  content: "";
  width: 13px;
  height: 8px;
  background: url("/assets/svgs/icon-arrow-expand.svg") no-repeat;
  background-size: 100%;
}
.mod-expand .m-expand-header:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media print, only screen and (min-width: 1920px) {
  .mod-expand .m-expand-header:after {
    width: 16.705px;
    height: 10.28px;
  }
}
.mod-expand .m-expand-header:after {
  margin: 0 0 0 10px;
  display: inline-block;
  transform: rotate(180deg);
}
.mod-expand .m-expand-header.active:after {
  transform: rotate(0deg);
}
.mod-expand .m-expand-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, margin 0.5s ease-in-out;
}
.mod-expand .m-expand-content.active {
  margin: 0 0 20px 0;
}
.mod-expand .m-expand-content .mod-table {
  margin-bottom: 10px;
}
.mod-expand--table {
  text-align: center;
}
.mod-expand--table .m-expand-header {
  width: 100%;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-transform: uppercase;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-expand--table .m-expand-header:after {
  content: "";
  width: 11px;
  height: 7.2px;
  background: url("/assets/svgs/icon-arrow-expand-dark.svg") no-repeat;
  background-size: 100%;
  margin: 0 0 0 6px;
}
.mod-expand--table .m-expand-header:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-expand--table .m-expand-content.active {
  margin: 0;
}
.mod-expand--msp-tile .m-expand-header,
.mod-expand--msp-tile .m-expand-content {
  max-height: 110px;
  width: 100%;
  border: none;
}
.mod-expand--msp-tile .m-expand-header {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #8a9fb0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-transform: uppercase;
}
.mod-expand--msp-tile .m-expand-header:after {
  opacity: 0.7;
}
.mod-expand--msp-tile .m-expand-content.active {
  margin: 0;
}
.mod-expand--disclaimer {
  margin-bottom: 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid #b1c2ce;
}
.mod-expand--disclaimer:last-of-type {
  border: none !important;
}
.mod-expand--disclaimer .m-expand-header {
  width: 100%;
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  border: none;
}
@media print {
  .mod-expand--disclaimer .m-expand-header {
    color: #75899a !important;
  }
}
.mod-expand--disclaimer .m-expand-header:after {
  content: "";
  width: 13px;
  height: 8px;
  background: url("/assets/svgs/icon-arrow-expand.svg") no-repeat;
  background-size: 100%;
}
.mod-expand--disclaimer .m-expand-header:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media print, only screen and (min-width: 1920px) {
  .mod-expand--disclaimer .m-expand-header:after {
    width: 16.705px;
    height: 10.28px;
  }
}
.mod-expand--disclaimer .m-expand-header:after {
  margin: 0 0 0 10px;
  width: 15px;
  height: 10px;
}
.mod-expand--disclaimer .m-expand-content a {
  display: inline !important;
}
.mod-expand--disclaimer .m-expand-content .m-link-block {
  display: inline-block !important;
}
.mod-expand--disclaimer .m-expand-content ol {
  padding-left: 20px;
}

.mod-lightbox {
  left: 0;
  top: 0;
  width: 100%;
  min-width: 768px;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.25s ease-in-out;
  transition-delay: 0s;
}
.mod-lightbox > .m-content {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  max-height: 100vh;
  overflow-y: auto;
}
.mod-lightbox > .m-content--default, .mod-lightbox > .m-content--loader, .mod-lightbox > .m-content--sog-tool {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  padding: 30px;
  overflow-y: auto;
  position: relative;
}
.mod-lightbox > .m-content--default > .m-headline, .mod-lightbox > .m-content--loader > .m-headline, .mod-lightbox > .m-content--sog-tool > .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 10px 0;
  padding: 0 30px 0 0;
}
.mod-lightbox > .m-content--default > .m-copy, .mod-lightbox > .m-content--loader > .m-copy, .mod-lightbox > .m-content--sog-tool > .m-copy {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 17px 0;
}
.mod-lightbox > .m-content--default > .m-copy + button, .mod-lightbox > .m-content--loader > .m-copy + button, .mod-lightbox > .m-content--sog-tool > .m-copy + button {
  margin-top: 27px;
}
.mod-lightbox > .m-content--default > .m-copy + .m-country, .mod-lightbox > .m-content--loader > .m-copy + .m-country, .mod-lightbox > .m-content--sog-tool > .m-copy + .m-country {
  margin-top: -10px;
}
.mod-lightbox > .m-content--default > .m-country, .mod-lightbox > .m-content--loader > .m-country, .mod-lightbox > .m-content--sog-tool > .m-country {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--default > .m-question, .mod-lightbox > .m-content--loader > .m-question, .mod-lightbox > .m-content--sog-tool > .m-question {
  padding: 15px 0 20px 0;
}
.mod-lightbox > .m-content--default > .m-question .m-button-headline, .mod-lightbox > .m-content--loader > .m-question .m-button-headline, .mod-lightbox > .m-content--sog-tool > .m-question .m-button-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-align: center;
  display: block;
  margin: 0 0 25px 0;
}
.mod-lightbox > .m-content--default > .m-question .m-button-wrapper, .mod-lightbox > .m-content--loader > .m-question .m-button-wrapper, .mod-lightbox > .m-content--sog-tool > .m-question .m-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-lightbox > .m-content--default > .m-question .m-button-wrapper button, .mod-lightbox > .m-content--loader > .m-question .m-button-wrapper button, .mod-lightbox > .m-content--sog-tool > .m-question .m-button-wrapper button {
  margin: 0 10px;
  width: 25%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper, .mod-lightbox > .m-content--loader > .m-steps-wrapper, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper {
  counter-reset: counter-first-layer;
  padding: 15px 0 20px 0;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper > .m-step, .mod-lightbox > .m-content--loader > .m-steps-wrapper > .m-step, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper > .m-step {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 10px 0;
  display: block;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper > .m-step:before, .mod-lightbox > .m-content--loader > .m-steps-wrapper > .m-step:before, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper > .m-step:before {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  content: counter(counter-first-layer) ".";
  counter-increment: counter-first-layer;
  display: inline-block;
  margin: 0 6px 0 0;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper > .m-step .m-link, .mod-lightbox > .m-content--loader > .m-steps-wrapper > .m-step .m-link, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper > .m-step .m-link {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2387aa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper > .m-step .m-link:after, .mod-lightbox > .m-content--loader > .m-steps-wrapper > .m-step .m-link:after, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper > .m-step .m-link:after {
  content: "";
  width: 8px !important;
  height: 8px !important;
  width: 8px;
  height: 8px;
  background: url("/assets/svgs/icon-arrow-ext.svg") no-repeat;
  background-size: 100%;
  margin: 0 0 0 5px;
  display: inline-block;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper > .m-step .m-link:after:before, .mod-lightbox > .m-content--loader > .m-steps-wrapper > .m-step .m-link:after:before, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper > .m-step .m-link:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-lightbox > .m-content--default > .m-steps-wrapper > .m-step .m-link:hover, .mod-lightbox > .m-content--loader > .m-steps-wrapper > .m-step .m-link:hover, .mod-lightbox > .m-content--sog-tool > .m-steps-wrapper > .m-step .m-link:hover {
  text-decoration: underline;
}
.mod-lightbox > .m-content--default > *:last-child, .mod-lightbox > .m-content--loader > *:last-child, .mod-lightbox > .m-content--sog-tool > *:last-child {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--transfer-details {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  padding: 30px;
  overflow-y: auto;
  position: relative;
}
.mod-lightbox > .m-content--transfer-details > .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 17px 0;
  padding: 0 30px 0 0;
}
.mod-lightbox > .m-content--transfer-details > .m-info .m-item {
  margin: 0 0 8px 0;
}
.mod-lightbox > .m-content--transfer-details > .m-info .m-item:last-of-type {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--transfer-details > .m-info .m-item .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--transfer-details > .m-info .m-item .m-value {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--transfer-details > .m-info .m-item .m-value--big {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--transfer-details > .m-info .m-item .m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--transfer-details > .m-info--top {
  padding: 0 0 25px 0;
  border-bottom: 1px solid #dfe6ed;
}
.mod-lightbox > .m-content--transfer-details > .m-info--bottom {
  padding-top: 10px;
}
.mod-lightbox > .m-content--loader {
  max-width: 400px;
  padding: 30px;
}
.mod-lightbox > .m-content--loader > .m-copy {
  margin: 0 0 30px 0;
}
.mod-lightbox > .m-content--loader > .m-loader {
  width: 100%;
  height: 32px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-lightbox > .m-content--loader > .m-loader img {
  width: 32px;
  height: 32px;
}
.mod-lightbox > .m-content--rate {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  padding: 30px 30px 60px 30px;
  text-align: center;
  position: relative;
  overflow-y: auto;
}
.mod-lightbox > .m-content--rate h3 {
  margin: 40px 0 30px 0;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 45px 0;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper > div {
  margin: 0 14px;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper > div svg {
  cursor: pointer;
  display: block;
  width: 39px;
  height: 37px;
  overflow: hidden;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper > div.active svg .m-star-inner {
  fill: #2387aa;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper > div.active svg .m-star-overlay .m-star-overlay-inner {
  fill: #2387aa;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper > div:hover svg .m-star-inner {
  fill: #005578;
}
.mod-lightbox > .m-content--rate > .m-star-wrapper > div:hover svg .m-star-overlay .m-star-overlay-inner {
  fill: #005578;
}
.mod-lightbox > .m-content--rate > form {
  padding: 0 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mod-lightbox > .m-content--rate > form > .m-text-wrapper {
  width: 100%;
  margin: 0 0 20px 0;
}
.mod-lightbox > .m-content--rate > form > .m-text-wrapper textarea {
  min-height: 115px;
}
.mod-lightbox > .m-content--rate > form > p {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #9eb0bf;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 20px 0;
}
.mod-lightbox > .m-content--rate > form > .m-button-wrapper {
  margin: 0 auto;
  position: relative;
}
.mod-lightbox > .m-content--rate > form > .m-button-wrapper input[type=submit] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 125px;
}
.mod-lightbox > .m-content--rate > form > .m-button-wrapper.success input[type=submit] {
  font-size: 0;
}
.mod-lightbox > .m-content--rate > form > .m-button-wrapper.success:before {
  content: "";
  left: 50%;
  top: 0;
  transform: translate(-10px, 10px);
  width: 19px;
  height: 15px;
  background: url("/assets/svgs/icon-check.svg") no-repeat;
  background-size: 100%;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}
.mod-lightbox > .m-content--rate > form > .m-button-wrapper.success:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-lightbox > .m-content--contact {
  width: 100%;
  max-width: 1000px;
  background: #ffffff;
  padding: 30px;
  position: relative;
  overflow-y: auto;
}
.mod-lightbox > .m-content--contact h3 {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 15px 0;
  padding: 0 40px;
}
.mod-lightbox > .m-content--contact > .m-top-wrapper {
  background: #E4EAF0;
  margin: 0 40px 22px 40px;
  padding: 20px 50px 15px 50px;
}
.mod-lightbox > .m-content--contact > .m-top-wrapper > h4 {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  color: #75899a;
  margin: 0 0 18px 0;
}
.mod-lightbox > .m-content--contact > .m-top-wrapper ul {
  transform: translate(45px, 0);
}
.mod-lightbox > .m-content--contact > .m-top-wrapper ul li {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  color: #75899a;
  margin: 0 0 4px 0;
}
.mod-lightbox > .m-content--contact > .m-top-wrapper ul li:last-child {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--contact > .m-top-wrapper ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #75899a;
  display: inline-block;
  transform: translate(-14px, -2px);
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper {
  padding: 0 40px;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-contact {
  margin: 0 0 14px 0;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-contact a {
  display: inline-block;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-left,
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right {
  width: 50%;
  float: left;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-left ul li,
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right ul li {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 4px 0;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-left ul li span,
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right ul li span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 0 5px;
  display: inline-block;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right {
  padding-left: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right ul {
  margin: 0 0 10px 0;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right p {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 10px 0;
}
.mod-lightbox > .m-content--contact > .m-bottom-wrapper > .m-right p.m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0;
}
.mod-lightbox > .m-content--letter, .mod-lightbox > .m-content--grant-letter {
  width: 100%;
  max-width: 1000px;
  padding-bottom: 80px;
  background: #ffffff;
  position: relative;
  overflow-y: auto;
}
.mod-lightbox > .m-content--letter > .mod-close-page, .mod-lightbox > .m-content--grant-letter > .mod-close-page {
  right: 20px;
  top: 20px;
  z-index: 2;
}
.mod-lightbox > .m-content--letter > * > .m-headline, .mod-lightbox > .m-content--grant-letter > * > .m-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 46px;
  line-height: 57px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  min-height: 240px;
  margin: 0 0 70px 0;
  padding: 40px 7.5%;
  position: relative;
  z-index: 1;
}
.mod-lightbox > .m-content--letter > * > .m-headline:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline:before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
}
.mod-lightbox > .m-content--letter > * > .m-headline--smp, .mod-lightbox > .m-content--letter > * > .m-headline--hsmp, .mod-lightbox > .m-content--grant-letter > * > .m-headline--smp, .mod-lightbox > .m-content--grant-letter > * > .m-headline--hsmp {
  background-position: 100% center !important;
  background-size: 852px 240px !important;
}
.mod-lightbox > .m-content--letter > * > .m-headline--smp:before, .mod-lightbox > .m-content--letter > * > .m-headline--hsmp:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--smp:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--hsmp:before {
  background: rgba(117, 134, 31, 0.75);
}
.mod-lightbox > .m-content--letter > * > .m-headline--sog, .mod-lightbox > .m-content--grant-letter > * > .m-headline--sog {
  background-position: 100% center !important;
  background-size: 268px 240px !important;
}
.mod-lightbox > .m-content--letter > * > .m-headline--sog:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--sog:before {
  background: rgba(67, 177, 206, 0.75);
}
.mod-lightbox > .m-content--letter > * > .m-headline--dr, .mod-lightbox > .m-content--letter > * > .m-headline--dc, .mod-lightbox > .m-content--grant-letter > * > .m-headline--dr, .mod-lightbox > .m-content--grant-letter > * > .m-headline--dc {
  background-position: 100% center !important;
  background-size: 852px 240px !important;
}
.mod-lightbox > .m-content--letter > * > .m-headline--dr:before, .mod-lightbox > .m-content--letter > * > .m-headline--dc:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--dr:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--dc:before {
  background: rgba(0, 95, 135, 0.75);
}
.mod-lightbox > .m-content--letter > * > .m-headline--hdr, .mod-lightbox > .m-content--letter > * > .m-headline--hdc, .mod-lightbox > .m-content--grant-letter > * > .m-headline--hdr, .mod-lightbox > .m-content--grant-letter > * > .m-headline--hdc {
  background-position: 100% center !important;
  background-size: 852px 240px !important;
}
.mod-lightbox > .m-content--letter > * > .m-headline--hdr:before, .mod-lightbox > .m-content--letter > * > .m-headline--hdc:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--hdr:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--hdc:before {
  background: rgba(0, 95, 135, 0.75);
}
.mod-lightbox > .m-content--letter > * > .m-headline--mp, .mod-lightbox > .m-content--grant-letter > * > .m-headline--mp {
  background: #899bba;
}
.mod-lightbox > .m-content--letter > * > .m-headline--taxFiling, .mod-lightbox > .m-content--grant-letter > * > .m-headline--taxFiling {
  background-position: 100% center !important;
  background-size: 852px 240px !important;
}
.mod-lightbox > .m-content--letter > * > .m-headline--taxFiling:before, .mod-lightbox > .m-content--grant-letter > * > .m-headline--taxFiling:before {
  background: rgba(0, 95, 135, 0.75);
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper {
  margin: 0 0 40px 0;
  padding: 0 7.5%;
  position: relative;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 28px 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-headline, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-headline {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-link-wrapper, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-link-wrapper {
  display: flex;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link {
  transform: translate(0, -2px);
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  cursor: pointer;
  margin: 0 10px;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:before, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c";
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:first-of-type, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:first-of-type {
  margin-left: 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:last-of-type, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:last-of-type {
  margin-right: 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:before, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-header > .m-link-wrapper .m-link:before {
  transform: translate(5px, 1px);
  float: right;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text > p, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text > p {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 18px 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text > p:last-of-type, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text > p:last-of-type {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text div.textDiv, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text div.textDiv {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 18px 0;
  display: inline-block;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text div.textDiv .m-position, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text div.textDiv .m-position {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text div.textDiv:last-of-type, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text div.textDiv:last-of-type {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text.m-footertext > p, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text.m-footertext > p {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 18px 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .m-text.m-footertext > p:last-of-type, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .m-text.m-footertext > p:last-of-type {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--letter > * > .m-text-wrapper > .mod-description, .mod-lightbox > .m-content--grant-letter > * > .m-text-wrapper > .mod-description {
  margin: 25px 0 30px 0;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper {
  width: 100%;
  padding: 0 7.5%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 30px 0;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature:last-of-type, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature:last-of-type {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature > img, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature > img {
  width: 62px;
  margin: 0 16px 0 0;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature .m-text-wrapper img, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature .m-text-wrapper img {
  width: 120px;
  transform: translate(-10px, 0);
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature .m-text-wrapper .m-name, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature .m-text-wrapper .m-name {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature .m-text-wrapper .m-position, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature .m-text-wrapper .m-position {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature + .m-button, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper > .m-signature + .m-button {
  margin: 0;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper--two-row, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper--two-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper--two-row > .m-signature, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper--two-row > .m-signature {
  width: 50%;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > * > .m-signature-wrapper--two-row > .m-signature:nth-last-of-type(-n+2), .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > * > .m-signature-wrapper--two-row > .m-signature:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > .m-button, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > .m-button {
  min-width: 25%;
}
.mod-lightbox > .m-content--letter > .m-bottom-wrapper > .m-button button, .mod-lightbox > .m-content--grant-letter > .m-bottom-wrapper > .m-button button {
  width: 100%;
  cursor: pointer;
}
.mod-lightbox > .m-content--letter > * > .m-disclaimer, .mod-lightbox > .m-content--grant-letter > * > .m-disclaimer {
  padding: 0 7.5%;
  margin-top: 60px;
}
.mod-lightbox > .m-content--tax-regulations, .mod-lightbox > .m-content--download-list, .mod-lightbox > .m-content--video {
  width: 100%;
  max-width: 768px;
  background: #ffffff;
  padding: 30px;
  overflow-y: auto;
  position: relative;
}
.mod-lightbox > .m-content--tax-regulations .m-headline, .mod-lightbox > .m-content--download-list .m-headline, .mod-lightbox > .m-content--video .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 17px 0;
  padding: 0 30px 0 0;
}
.mod-lightbox > .m-content--tax-regulations .m-copy, .mod-lightbox > .m-content--download-list .m-copy, .mod-lightbox > .m-content--video .m-copy {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 26px 0;
}
.mod-lightbox > .m-content--tax-regulations .m-list, .mod-lightbox > .m-content--download-list .m-list, .mod-lightbox > .m-content--video .m-list {
  margin: 0 0 34px 0;
}
.mod-lightbox > .m-content--tax-regulations .m-list li, .mod-lightbox > .m-content--download-list .m-list li, .mod-lightbox > .m-content--video .m-list li {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-decoration: none;
  text-indent: -29px;
  padding: 0 40px 0 56px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin: 0 0 24px 0;
}
.mod-lightbox > .m-content--tax-regulations .m-list li:last-of-type, .mod-lightbox > .m-content--download-list .m-list li:last-of-type, .mod-lightbox > .m-content--video .m-list li:last-of-type {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--tax-regulations .m-list li:before, .mod-lightbox > .m-content--download-list .m-list li:before, .mod-lightbox > .m-content--video .m-list li:before {
  content: "";
  width: 4px;
  height: 4px;
  margin-right: 25px;
  border-radius: 2px;
  background: #75899a;
  display: inline-block;
}
.mod-lightbox > .m-content--tax-regulations .m-list li .m-bold, .mod-lightbox > .m-content--download-list .m-list li .m-bold, .mod-lightbox > .m-content--video .m-list li .m-bold {
  font-weight: 600;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li, .mod-lightbox > .m-content--download-list .m-list--lined li, .mod-lightbox > .m-content--video .m-list--lined li {
  margin: 0;
  padding: 17px 20px;
  text-indent: 0;
  border-bottom: 1px solid #ebf0f5;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  transition: all 0.15s ease-in-out;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:before, .mod-lightbox > .m-content--download-list .m-list--lined li:before, .mod-lightbox > .m-content--video .m-list--lined li:before {
  content: none;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:first-of-type, .mod-lightbox > .m-content--download-list .m-list--lined li:first-of-type, .mod-lightbox > .m-content--video .m-list--lined li:first-of-type {
  border-top: 1px solid #ebf0f5;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label:before, .mod-lightbox > .m-content--tax-regulations .m-list--lined li label:after, .mod-lightbox > .m-content--download-list .m-list--lined li label:before, .mod-lightbox > .m-content--download-list .m-list--lined li label:after, .mod-lightbox > .m-content--video .m-list--lined li label:before, .mod-lightbox > .m-content--video .m-list--lined li label:after {
  margin-top: -11px;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label,
.mod-lightbox > .m-content--tax-regulations .m-list--lined li span, .mod-lightbox > .m-content--download-list .m-list--lined li label,
.mod-lightbox > .m-content--download-list .m-list--lined li span, .mod-lightbox > .m-content--video .m-list--lined li label,
.mod-lightbox > .m-content--video .m-list--lined li span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label.m-download:before,
.mod-lightbox > .m-content--tax-regulations .m-list--lined li span.m-download:before, .mod-lightbox > .m-content--download-list .m-list--lined li label.m-download:before,
.mod-lightbox > .m-content--download-list .m-list--lined li span.m-download:before, .mod-lightbox > .m-content--video .m-list--lined li label.m-download:before,
.mod-lightbox > .m-content--video .m-list--lined li span.m-download:before {
  content: "";
  width: 12px;
  height: 16px;
  background: url("/assets/svgs/icon-download.svg") no-repeat;
  background-size: 100%;
  margin-right: 25px;
  transform: translate(0, 3px);
  display: inline-block;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label.m-download:before:before,
.mod-lightbox > .m-content--tax-regulations .m-list--lined li span.m-download:before:before, .mod-lightbox > .m-content--download-list .m-list--lined li label.m-download:before:before,
.mod-lightbox > .m-content--download-list .m-list--lined li span.m-download:before:before, .mod-lightbox > .m-content--video .m-list--lined li label.m-download:before:before,
.mod-lightbox > .m-content--video .m-list--lined li span.m-download:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label:before, .mod-lightbox > .m-content--download-list .m-list--lined li label:before, .mod-lightbox > .m-content--video .m-list--lined li label:before {
  transition: all 0.15s ease-in-out;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label:after, .mod-lightbox > .m-content--download-list .m-list--lined li label:after, .mod-lightbox > .m-content--video .m-list--lined li label:after {
  width: 15px;
  height: 12px;
  width: 15px;
  height: 12px;
  background: url("/assets/svgs/icon-checkbox-check.svg") no-repeat;
  background-size: 100%;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li label:after:before, .mod-lightbox > .m-content--download-list .m-list--lined li label:after:before, .mod-lightbox > .m-content--video .m-list--lined li label:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover, .mod-lightbox > .m-content--download-list .m-list--lined li:hover, .mod-lightbox > .m-content--video .m-list--lined li:hover {
  background: #00557d;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover label,
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover span, .mod-lightbox > .m-content--download-list .m-list--lined li:hover label,
.mod-lightbox > .m-content--download-list .m-list--lined li:hover span, .mod-lightbox > .m-content--video .m-list--lined li:hover label,
.mod-lightbox > .m-content--video .m-list--lined li:hover span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover label.m-download:before,
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover span.m-download:before, .mod-lightbox > .m-content--download-list .m-list--lined li:hover label.m-download:before,
.mod-lightbox > .m-content--download-list .m-list--lined li:hover span.m-download:before, .mod-lightbox > .m-content--video .m-list--lined li:hover label.m-download:before,
.mod-lightbox > .m-content--video .m-list--lined li:hover span.m-download:before {
  width: 12px;
  height: 16px;
  background: url("/assets/svgs/icon-download-white.svg") no-repeat;
  background-size: 100%;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover label.m-download:before:before,
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover span.m-download:before:before, .mod-lightbox > .m-content--download-list .m-list--lined li:hover label.m-download:before:before,
.mod-lightbox > .m-content--download-list .m-list--lined li:hover span.m-download:before:before, .mod-lightbox > .m-content--video .m-list--lined li:hover label.m-download:before:before,
.mod-lightbox > .m-content--video .m-list--lined li:hover span.m-download:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover label:before, .mod-lightbox > .m-content--download-list .m-list--lined li:hover label:before, .mod-lightbox > .m-content--video .m-list--lined li:hover label:before {
  border-color: #ffffff;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover label:after, .mod-lightbox > .m-content--download-list .m-list--lined li:hover label:after, .mod-lightbox > .m-content--video .m-list--lined li:hover label:after {
  width: 15px;
  height: 12px;
  background: url("/assets/svgs/icon-checkbox-check-white.svg") no-repeat;
  background-size: 100%;
}
.mod-lightbox > .m-content--tax-regulations .m-list--lined li:hover label:after:before, .mod-lightbox > .m-content--download-list .m-list--lined li:hover label:after:before, .mod-lightbox > .m-content--video .m-list--lined li:hover label:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-lightbox > .m-content--tax-regulations button, .mod-lightbox > .m-content--download-list button, .mod-lightbox > .m-content--video button {
  min-width: 230px;
}
.mod-lightbox > .m-content--tax-regulations > .m-copy {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 35px 0;
}
.mod-lightbox > .m-content--payment-details {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  padding: 30px 30px 34px 30px;
  overflow-y: auto;
  position: relative;
}
.mod-lightbox > .m-content--payment-details .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 17px 0;
  padding: 0 30px 0 0;
}
.mod-lightbox > .m-content--payment-details .m-select-wrapper {
  margin: 0 0 20px 0;
  padding: 0 0 24px 0;
  border-bottom: 1px solid #DFE6ED;
}
.mod-lightbox > .m-content--payment-details .m-select-wrapper label {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
  margin: 0 0 7px 0;
}
.mod-lightbox > .m-content--payment-details .m-select-wrapper .selectize-control {
  max-width: 33.33333333%;
}
.mod-lightbox > .m-content--payment-details .m-info {
  margin: 0 0 24px 0;
}
.mod-lightbox > .m-content--payment-details .m-info .m-item {
  margin: 0 0 5px 0;
}
.mod-lightbox > .m-content--payment-details .m-info .m-item .m-desc {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #75899a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-lightbox > .m-content--payment-details .m-info .m-item .m-value {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  text-transform: uppercase;
  display: block;
}
.mod-lightbox > .m-content--payment-details .m-checkbox label {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--payment-details .m-print {
  text-align: right;
  cursor: pointer;
}
.mod-lightbox > .m-content--payment-details .m-print > span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2387aa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
.mod-lightbox > .m-content--payment-details .m-print > span:before {
  content: "";
  width: 11px !important;
  height: 11px !important;
  width: 19px;
  height: 18px;
  background: url("/assets/svgs/icon-print-blue.svg") no-repeat;
  background-size: 100%;
  transform: translate(-6px, 2px);
  display: inline-block;
}
.mod-lightbox > .m-content--payment-details .m-print > span:before:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media print, only screen and (min-width: 1920px) {
  .mod-lightbox > .m-content--payment-details .m-print > span:before {
    width: 14.135px !important;
    height: 14.135px !important;
    transform: translate(-7px, 3px);
  }
}
.mod-lightbox > .m-content--payment-details .mod-text--info {
  margin-top: 15px;
  padding-bottom: 0;
}
.mod-lightbox > .m-content--net-value-calculator, .mod-lightbox > .m-content--sog-calculator {
  width: 100%;
  max-width: 768px;
  background: #ffffff;
  padding: 30px;
  position: relative;
}
.mod-lightbox > .m-content--net-value-calculator > .m-headline, .mod-lightbox > .m-content--sog-calculator > .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 17px 0;
  padding: 0 30px 0 0;
}
.mod-lightbox > .m-content--net-value-calculator > .m-copy, .mod-lightbox > .m-content--sog-calculator > .m-copy {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 17px 0;
  padding-right: 50px;
}
.mod-lightbox > .m-content--net-value-calculator > .m-copy + button, .mod-lightbox > .m-content--sog-calculator > .m-copy + button {
  margin-top: 27px;
}
.mod-lightbox > .m-content--net-value-calculator > .m-top-row, .mod-lightbox > .m-content--sog-calculator > .m-top-row {
  width: 50%;
  position: relative;
}
.mod-lightbox > .m-content--net-value-calculator > .m-top-row .m-text .m-info, .mod-lightbox > .m-content--sog-calculator > .m-top-row .m-text .m-info {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  display: block;
}
.mod-lightbox > .m-content--smp-print, .mod-lightbox > .m-content--document-list {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  padding: 30px;
  overflow-y: auto;
  position: relative;
}
.mod-lightbox > .m-content--smp-print .m-headline, .mod-lightbox > .m-content--document-list .m-headline {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400;
  color: #2d373c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  margin: 0 0 30px 0;
  padding: 0 30px 0 0;
}
.mod-lightbox > .m-content--smp-print .m-checkbox-wrapper, .mod-lightbox > .m-content--document-list .m-checkbox-wrapper {
  margin: 0 0 45px 0;
}
.mod-lightbox > .m-content--smp-print .m-checkbox-wrapper .m-checkbox, .mod-lightbox > .m-content--document-list .m-checkbox-wrapper .m-checkbox {
  margin: 0 0 20px 0;
}
.mod-lightbox > .m-content--smp-print .m-checkbox-wrapper .m-checkbox:last-of-type, .mod-lightbox > .m-content--document-list .m-checkbox-wrapper .m-checkbox:last-of-type {
  margin: 0;
}
.mod-lightbox > .m-content--smp-print > *:last-child, .mod-lightbox > .m-content--document-list > *:last-child {
  margin-bottom: 0;
}
.mod-lightbox > .m-content--document-list .m-button-wrapper {
  display: flex;
}
.mod-lightbox > .m-content--document-list .m-button-wrapper a,
.mod-lightbox > .m-content--document-list .m-button-wrapper button {
  min-width: 170px;
}
.mod-lightbox > .m-content--document-list .m-button-wrapper a:first-child,
.mod-lightbox > .m-content--document-list .m-button-wrapper button:first-child {
  margin: 0 20px 0 0;
}
.mod-lightbox > .m-content--sog-tool {
  width: 100%;
  background: #ffffff;
  padding: 30px;
  overflow-y: auto;
  position: relative;
}
.mod-lightbox > .m-content--sog-tool .m-copy {
  max-width: 50%;
  margin-bottom: 50px;
}
.mod-lightbox > .m-content--portfolio {
  min-width: 898px;
}
.mod-lightbox > .m-content--small {
  max-width: 560px;
}
.mod-lightbox > .m-content--medium {
  max-width: 768px;
}
.mod-lightbox > .m-content--large {
  max-width: 1000px;
}
.mod-lightbox > .m-content--x-large {
  width: 100%;
  max-width: 1440px;
  margin: 0 50px;
}
.mod-lightbox.hide {
  transition: opacity 0.25s ease-in-out, visibility 0s ease-in-out;
  transition-delay: 0s, 0.25s;
  opacity: 0;
  visibility: hidden;
}

.mod-close-page {
  width: 92.5%;
  margin: 0 auto;
  max-width: 880px;
  transition: max-width 0.25s ease-in-out;
  position: relative;
  max-width: 100%;
}
.mod-close-page .m-close-icon {
  z-index: 9;
  right: 0;
  top: 20px;
  width: 24px;
  height: 24px;
  background: #ffffff;
  display: block;
  position: absolute;
  cursor: pointer;
}
.mod-close-page .m-close-icon:after {
  content: "";
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  opacity: 0.8;
  position: absolute;
  z-index: 1;
}
.mod-close-page .m-close-icon:hover:after {
  opacity: 1;
  transform: scale(1.05);
}
.mod-close-page--top .m-close-icon {
  top: 0;
}
.mod-close-page--clean {
  margin: 0;
  padding: 0;
  width: 100%;
}
.mod-close-page--clean .m-close-icon {
  right: 0;
  top: 0;
  background: none;
}
.mod-close-page--clean .m-close-icon:after {
  content: "";
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.mod-close-page--disclaimer {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  position: relative;
}
.mod-close-page--disclaimer .m-close-icon {
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  background: none;
}
.mod-close-page--disclaimer .m-close-icon:after {
  content: "";
  width: 18px;
  height: 18px;
  left: auto;
  top: auto;
  width: 18px;
  height: 18px;
  background: url("/assets/svgs/icon-close-page-white.svg") no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.mod-close-page--disclaimer .m-close-icon:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-close-page--full-width {
  max-width: 100%;
}
.mod-close-page--grey .m-close-icon:after {
  width: 18px;
  height: 18px;
  background: url("/assets/svgs/icon-close-page.svg") no-repeat;
  background-size: 100%;
}
.mod-close-page--grey .m-close-icon:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-close-page--white .m-close-icon {
  background: transparent;
}
.mod-close-page--white .m-close-icon:after {
  width: 18px;
  height: 18px;
  background: url("/assets/svgs/icon-close-page-white.svg") no-repeat;
  background-size: 100%;
}
.mod-close-page--white .m-close-icon:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-close-page--dark .m-close-icon:after {
  width: 18px;
  height: 18px;
  background: url("/assets/svgs/icon-close-page-dark.svg") no-repeat;
  background-size: 100%;
}
.mod-close-page--dark .m-close-icon:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-close-page--lightbox {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.mod-close-page--lightbox .m-close-icon {
  right: 0;
  top: 0;
  background: transparent;
}
.mod-close-page--lightbox .m-close-icon:after {
  content: "";
  left: 3px;
  top: 3px;
  width: 18px;
  height: 18px;
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.mod-close-page--lightbox-table .m-close-icon {
  right: 60px;
  top: 50px;
}
.mod-close-page--lightbox-table .m-close-icon:after {
  width: 18px;
  height: 18px;
  background: url("/assets/svgs/icon-close-page-white.svg") no-repeat;
  background-size: 100%;
}
.mod-close-page--lightbox-table .m-close-icon:after:before {
  font-family: "siemens-webicons-webfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mod-text--info {
  border-top: 1px solid #ebf0f5;
  width: 100%;
  margin: 0;
  padding: 15px;
  position: relative;
}
.mod-text--info p {
  color: #9eb0bf;
  font-size: 12px;
}
.mod-text--star:before {
  content: "*";
  left: 0;
  top: 15px;
  font-family: Siemens Sans, Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 400;
  color: #9eb0bf;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  position: absolute;
}

/* To add more visual modifications use this SCSS below */
.ios .te-mgmt-analytics {
  display: none;
}

.cat-items {
  background-color: white;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

app-fv-left ul,
app-fv-left ol {
  padding-left: 20px;
}

.hidden-portfolio {
  max-height: 0px;
  overflow: hidden;
  display: block;
}

.mat-mdc-chip-set .mdc-evolution-chip {
  margin: -1px 0px 4px 8px !important;
}

html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-track-color: var(--purple500);
  --mdc-switch-selected-focus-handle-color: var(--purple500);
  --mdc-switch-selected-pressed-track-color: var(--purple500);
  --mdc-switch-selected-handle-color: var(--purple500);
  --mdc-switch-selected-track-color: var(--purple500);
  --mdc-switch-selected-hover-handle-color: var(--purple500);
  --mdc-switch-selected-hover-track-color: var(--purple500);
  --mdc-switch-selected-pressed-handle-color: var(--purple500);
}

.mdc-switch--unselected .mdc-switch__icon,
.mdc-switch--selected .mdc-switch__icon {
  display: none;
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--purple500) !important;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--purple700) !important;
}

.directs-tab-group .mat-mdc-tab-header {
  margin-left: 250px;
  width: 750px;
  margin-bottom: 10px;
}
.directs-tab-group .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: whitesmoke !important;
}
.directs-tab-group .mat-mdc-tab .mdc-tab__text-label {
  color: whitesmoke !important;
}

app-equity-expand-box .mat-expansion-indicator::after {
  color: white !important;
}

.mdc-linear-progress__bar-inner {
  border-color: var(--progressBarColor) !important;
}

app-create-new-bug .mat-form-field-infix {
  padding: 7px !important;
}
app-create-new-bug coin-input mat-form-field,
app-create-new-bug coin-dropdown mat-form-field {
  width: 100%;
}
app-create-new-bug coin-input mat-form-field .mat-form-field-wrapper,
app-create-new-bug coin-dropdown mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
app-create-new-bug .mat-form-field.mat-focused .mat-form-field-label {
  color: var(--purple600) !important;
}
app-create-new-bug .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--purple600) !important;
}

.mat-select-panel-wrap coin-input {
  width: 100%;
}
.mat-select-panel-wrap coin-input .mat-form-field-infix {
  padding: 7px !important;
}
.mat-select-panel-wrap coin-input .mat-form-field-wrapper {
  padding-bottom: 0px;
}

app-html-editor .select-font,
app-html-editor .select-font-size,
app-html-editor #foregroundColorPicker-,
app-html-editor #backgroundColorPicker-,
app-html-editor #insertHorizontalRule-,
app-html-editor #backgroundColorPicker-editor,
app-html-editor #foregroundColorPicker-editor,
app-html-editor #insertVideo-editor,
app-html-editor #insertHorizontalRule-editor,
app-html-editor #clearFormatting-editor,
app-html-editor #indent-editor,
app-html-editor #toggleEditorMode-,
app-html-editor #insertVideo-,
app-html-editor #insertImage-,
app-html-editor #outdent-editor,
.expand-box-content .select-font,
.expand-box-content .select-font-size,
.expand-box-content #foregroundColorPicker-,
.expand-box-content #backgroundColorPicker-,
.expand-box-content #insertHorizontalRule-,
.expand-box-content #backgroundColorPicker-editor,
.expand-box-content #foregroundColorPicker-editor,
.expand-box-content #insertVideo-editor,
.expand-box-content #insertHorizontalRule-editor,
.expand-box-content #clearFormatting-editor,
.expand-box-content #indent-editor,
.expand-box-content #toggleEditorMode-,
.expand-box-content #insertVideo-,
.expand-box-content #insertImage-,
.expand-box-content #outdent-editor,
.app-faq-answer-level .select-font,
.app-faq-answer-level .select-font-size,
.app-faq-answer-level #foregroundColorPicker-,
.app-faq-answer-level #backgroundColorPicker-,
.app-faq-answer-level #insertHorizontalRule-,
.app-faq-answer-level #backgroundColorPicker-editor,
.app-faq-answer-level #foregroundColorPicker-editor,
.app-faq-answer-level #insertVideo-editor,
.app-faq-answer-level #insertHorizontalRule-editor,
.app-faq-answer-level #clearFormatting-editor,
.app-faq-answer-level #indent-editor,
.app-faq-answer-level #toggleEditorMode-,
.app-faq-answer-level #insertVideo-,
.app-faq-answer-level #insertImage-,
.app-faq-answer-level #outdent-editor {
  display: none !important;
}
app-html-editor span,
.expand-box-content span,
.app-faq-answer-level span {
  font-family: Siemens Sans;
  font-size: 1.2rem !important;
  line-height: 1.45rem !important;
  color: var(--darkgrey900);
}
app-html-editor b,
.expand-box-content b,
.app-faq-answer-level b {
  font-weight: initial;
  font-family: Siemens Sans bold;
}
app-html-editor div,
app-html-editor td,
.expand-box-content div,
.expand-box-content td,
.app-faq-answer-level div,
.app-faq-answer-level td {
  font-family: Siemens Sans !important;
}
app-html-editor div ul,
app-html-editor td ul,
.expand-box-content div ul,
.expand-box-content td ul,
.app-faq-answer-level div ul,
.app-faq-answer-level td ul {
  list-style-type: disc;
}
app-html-editor div ul,
app-html-editor div ol,
app-html-editor td ul,
app-html-editor td ol,
.expand-box-content div ul,
.expand-box-content div ol,
.expand-box-content td ul,
.expand-box-content td ol,
.app-faq-answer-level div ul,
.app-faq-answer-level div ol,
.app-faq-answer-level td ul,
.app-faq-answer-level td ol {
  padding-left: 20px;
}
app-html-editor div ul li span,
app-html-editor div ol li span,
app-html-editor td ul li span,
app-html-editor td ol li span,
.expand-box-content div ul li span,
.expand-box-content div ol li span,
.expand-box-content td ul li span,
.expand-box-content td ol li span,
.app-faq-answer-level div ul li span,
.app-faq-answer-level div ol li span,
.app-faq-answer-level td ul li span,
.app-faq-answer-level td ol li span {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: var(--darkpetrol);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
}
app-html-editor div table,
app-html-editor td table,
.expand-box-content div table,
.expand-box-content td table,
.app-faq-answer-level div table,
.app-faq-answer-level td table {
  width: 100%;
}
app-html-editor div table td,
app-html-editor div table th,
app-html-editor td table td,
app-html-editor td table th,
.expand-box-content div table td,
.expand-box-content div table th,
.expand-box-content td table td,
.expand-box-content td table th,
.app-faq-answer-level div table td,
.app-faq-answer-level div table th,
.app-faq-answer-level td table td,
.app-faq-answer-level td table th {
  padding: 5px;
}

app-equity-text p,
app-equity-text span {
  font-family: Siemens Sans;
}
app-equity-text p b,
app-equity-text span b {
  font-weight: initial;
  font-family: Siemens Sans bold;
}
app-equity-text a {
  font-family: Siemens Sans Black;
  text-decoration: underline;
  color: #3b3751;
}

ion-content {
  transition: --ion-background-color 400ms ease-in-out;
  --overflow: hidden;
  margin-bottom: 100px;
}

ion-app {
  min-height: 100%;
  max-height: 100%;
}

.text-to-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.highlight-this-part {
  overflow: visible !important;
  position: relative;
  z-index: 999;
}

.highlight-this-part:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, 0.8);
}

@media screen and (orientation: portrait) {
  .highlight-this-part:after {
    box-shadow: 0px 0px 0px 100vh rgba(0, 0, 0, 0.8);
  }
}
.mat-form-field-infix {
  border-top: 0.64375em solid transparent;
}

.close-button {
  z-index: 9999;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  background: white;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  transform: translate(50%, -50%);
  -webkit-user-select: none;
  user-select: none;
}
.close-button mat-icon {
  color: var(--ion-color-primary);
}

.close-button-directs-overview {
  z-index: 9999;
  position: absolute;
  right: 16px;
  top: 14px;
  display: flex;
  align-items: center;
  background: transparent;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  transform: translate(50%, -50%);
  -webkit-user-select: none;
  user-select: none;
}
.close-button-directs-overview mat-icon {
  color: whitesmoke;
}

.close-icon-and-transition .mat-dialog-container {
  overflow: unset !important;
  display: flex !important;
}

.mat-dialog-no-background .mat-dialog-container {
  background-color: transparent !important;
  box-shadow: transparent 0px 0px !important;
}

.mat-dialog-no-border-radius .mat-dialog-container {
  border-radius: 0 !important;
}

.close-icon-and-transition {
  transition: all 400ms ease-in-out !important;
}

mat-dialog-container {
  border-radius: var(--borderRadius) !important;
  padding: 0 !important;
}

.half-width {
  max-width: 50vw !important;
  min-width: 600px !important;
}

.less-visible {
  opacity: 0.2;
}

.invisible-tabs > .mat-tab-header {
  display: none;
}

.backdrop-hide-remove.show {
  background: rgba(0, 0, 0, 0.8);
}
.backdrop-hide-remove.no-event {
  pointer-events: none;
}

body {
  height: 100%;
  max-height: 100%;
}
body .primary-scrollbar-vertical .simplebar-track.simplebar-horizontal {
  display: none;
}
body .primary-scrollbar-vertical .simplebar-content {
  overflow: hidden;
  padding: calc(var(--ion-padding) / 2) 0 !important;
}
body .primary-scrollbar-vertical .simplebar-track.simplebar-vertical {
  width: 10px;
  border-radius: 30px;
  background: var(--lightgrey50);
  margin: calc(var(--ion-margin) / 2) 0 !important;
}
body .primary-scrollbar-vertical .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  border-radius: 30px;
  width: 10px;
  background: var(--darkgrey900);
  opacity: 1;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
body .primary-scrollbar-vertical.modal-appearance .simplebar-content {
  padding: 0 !important;
  margin: calc(var(--ion-padding) / 2) 0 !important;
}
body .primary-scrollbar-vertical.modal-appearance .simplebar-track.simplebar-vertical {
  background: rgb(148, 153, 153);
  margin: calc(var(--ion-margin) / 2) 0 !important;
}
body .primary-scrollbar-vertical.modal-appearance .simplebar-scrollbar:before {
  background: rgb(29, 109, 133);
}
body .primary-scrollbar-vertical.sidebar-appearance .simplebar-track.simplebar-vertical {
  background: rgb(109, 205, 204);
}
body .primary-scrollbar-vertical.sidebar-appearance .simplebar-scrollbar:before {
  background: rgb(0, 147, 168);
}
body .primary-scrollbar-vertical.no-space .simplebar-content {
  padding: 0 !important;
}
body .primary-scrollbar-vertical.no-space .simplebar-track.simplebar-vertical {
  margin: 0 !important;
}
body .primary-scrollbar-vertical.equity .simplebar-content-wrapper {
  scroll-behavior: smooth !important;
}
body .primary-scrollbar-vertical.equity .simplebar-content {
  padding: 0px !important;
}
body .primary-scrollbar-vertical.equity .content-container .simplebar-content {
  padding-right: 20px !important;
}
body .primary-scrollbar-vertical.equity .content-container .simplebar-track.simplebar-vertical {
  margin: 20px 0px !important;
}
body .primary-scrollbar-vertical.equity .simplebar-track.simplebar-vertical {
  margin: 30px 20px !important;
}
body .primary-scrollbar-vertical.equity .simplebar-scrollbar:before {
  background: var(--lightgrey400) !important;
}
body .primary-scrollbar-vertical.dc-modification .simplebar-track.simplebar-vertical {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
body .contrast-scrollbar-vertical .simplebar-track.simplebar-horizontal {
  display: none;
}
body .contrast-scrollbar-vertical .simplebar-content {
  overflow: hidden;
  padding: calc(var(--ion-padding) / 2) 0 !important;
}
body .contrast-scrollbar-vertical .simplebar-track.simplebar-vertical {
  width: 10px;
  border-radius: 30px;
  background: var(--lightgrey50);
  margin: calc(var(--ion-margin) / 2) 0 !important;
}
body .contrast-scrollbar-vertical .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  border-radius: 30px;
  width: 10px;
  background: var(--darkgrey900);
  opacity: 1;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
body .contrast-scrollbar-vertical.modal-appearance .simplebar-content {
  padding: 0 !important;
  margin: calc(var(--ion-padding) / 2) 0 !important;
}
body .contrast-scrollbar-vertical.modal-appearance .simplebar-track.simplebar-vertical {
  background: rgb(148, 153, 153);
  margin: calc(var(--ion-margin) / 2) 0 !important;
}
body .contrast-scrollbar-vertical.modal-appearance .simplebar-scrollbar:before {
  background: rgb(29, 109, 133);
}
body .contrast-scrollbar-vertical.sidebar-appearance .simplebar-track.simplebar-vertical {
  background: rgb(109, 205, 204);
}
body .contrast-scrollbar-vertical.sidebar-appearance .simplebar-scrollbar:before {
  background: rgb(0, 147, 168);
}
body .contrast-scrollbar-vertical.no-space .simplebar-content {
  padding: 0 !important;
}
body .contrast-scrollbar-vertical.no-space .simplebar-track.simplebar-vertical {
  margin: 0 !important;
}
body .contrast-scrollbar-vertical.equity .simplebar-content-wrapper {
  scroll-behavior: smooth !important;
}
body .contrast-scrollbar-vertical.equity .simplebar-content {
  padding: 0px !important;
}
body .contrast-scrollbar-vertical.equity .content-container .simplebar-content {
  padding-right: 20px !important;
}
body .contrast-scrollbar-vertical.equity .content-container .simplebar-track.simplebar-vertical {
  margin: 20px 0px !important;
}
body .contrast-scrollbar-vertical.equity .simplebar-track.simplebar-vertical {
  margin: 30px 20px !important;
}
body .contrast-scrollbar-vertical.equity .simplebar-scrollbar:before {
  background: var(--lightgrey400) !important;
}
body .contrast-scrollbar-vertical.dc-modification .simplebar-track.simplebar-vertical {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
body .contrast-scrollbar-vertical .simplebar-track.simplebar-vertical {
  background: #a2c9d9;
}
body .contrast-scrollbar-vertical .simplebar-scrollbar:before {
  background: white;
}
body .primary-scrollbar-horizontal .simplebar-track.simplebar-vertical {
  display: none;
}
body .primary-scrollbar-horizontal .simplebar-track.simplebar-horizontal {
  height: 11px;
  border-radius: 30px;
  background: var(--lightgrey50);
  opacity: 0.7;
  margin-right: 20px;
  z-index: 100;
}
body .primary-scrollbar-horizontal .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  border-radius: 30px;
  background: var(--darkgrey900);
  opacity: 0.8;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
body .primary-scrollbar-horizontal .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 11px !important;
  top: 0 !important;
}
body .primary-scrollbar-both .simplebar-track.simplebar-horizontal {
  display: none;
}
body .primary-scrollbar-both .simplebar-content {
  overflow: hidden;
  padding: calc(var(--ion-padding) / 2) 0 !important;
}
body .primary-scrollbar-both .simplebar-track.simplebar-vertical {
  width: 10px;
  border-radius: 30px;
  background: var(--lightgrey50);
  margin: calc(var(--ion-margin) / 2) 0 !important;
}
body .primary-scrollbar-both .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  border-radius: 30px;
  width: 10px;
  background: var(--darkgrey900);
  opacity: 1;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
body .primary-scrollbar-both.modal-appearance .simplebar-content {
  padding: 0 !important;
  margin: calc(var(--ion-padding) / 2) 0 !important;
}
body .primary-scrollbar-both.modal-appearance .simplebar-track.simplebar-vertical {
  background: rgb(148, 153, 153);
  margin: calc(var(--ion-margin) / 2) 0 !important;
}
body .primary-scrollbar-both.modal-appearance .simplebar-scrollbar:before {
  background: rgb(29, 109, 133);
}
body .primary-scrollbar-both.sidebar-appearance .simplebar-track.simplebar-vertical {
  background: rgb(109, 205, 204);
}
body .primary-scrollbar-both.sidebar-appearance .simplebar-scrollbar:before {
  background: rgb(0, 147, 168);
}
body .primary-scrollbar-both.no-space .simplebar-content {
  padding: 0 !important;
}
body .primary-scrollbar-both.no-space .simplebar-track.simplebar-vertical {
  margin: 0 !important;
}
body .primary-scrollbar-both.equity .simplebar-content-wrapper {
  scroll-behavior: smooth !important;
}
body .primary-scrollbar-both.equity .simplebar-content {
  padding: 0px !important;
}
body .primary-scrollbar-both.equity .content-container .simplebar-content {
  padding-right: 20px !important;
}
body .primary-scrollbar-both.equity .content-container .simplebar-track.simplebar-vertical {
  margin: 20px 0px !important;
}
body .primary-scrollbar-both.equity .simplebar-track.simplebar-vertical {
  margin: 30px 20px !important;
}
body .primary-scrollbar-both.equity .simplebar-scrollbar:before {
  background: var(--lightgrey400) !important;
}
body .primary-scrollbar-both.dc-modification .simplebar-track.simplebar-vertical {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}
body .primary-scrollbar-both .simplebar-track.simplebar-vertical {
  display: none;
}
body .primary-scrollbar-both .simplebar-track.simplebar-horizontal {
  height: 11px;
  border-radius: 30px;
  background: var(--lightgrey50);
  opacity: 0.7;
  margin-right: 20px;
  z-index: 100;
}
body .primary-scrollbar-both .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  border-radius: 30px;
  background: var(--darkgrey900);
  opacity: 0.8;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}
body .primary-scrollbar-both .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 11px !important;
  top: 0 !important;
}
body .primary-scrollbar-both .simplebar-track.simplebar-vertical {
  display: block;
}
body .primary-scrollbar-both .simplebar-track.simplebar-horizontal {
  display: block;
}
body .primary-scrollbar-both .simplebar-content {
  overflow: unset;
}
body .d1r-dialog-container {
  border-radius: var(--borderRadius);
  overflow: hidden;
}
body .d1r-dialog-container-bo mat-dialog-container {
  border-radius: 15px !important;
  overflow: visible;
}
body .gradient-fade .simplebar-content-wrapper {
  mask-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0), rgb(0, 0, 0)) !important;
}
body .dialog-close-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  background: var(--ion-color-gray-2);
  padding: 7px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 300ms ease-in-out;
}
body .dialog-close-icon:hover {
  background: var(--ion-color-gray-3);
}
body app-directs-overview .mat-tab-label {
  background: transparent !important;
}
body app-directs-overview .mat-tab-label-content {
  color: white !important;
  font-family: Siemens Sans black;
}
body app-directs-overview mat-ink-bar {
  background-color: #80909e;
}
body app-directs-overview mat-tab-header,
body app-directs-overview .mat-tab-label-container,
body app-directs-overview .mat-tab-label {
  overflow: visible !important;
}
body app-directs-overview .mat-tab-label-content p {
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(100%, -10%);
  font-family: Siemens Sans black;
  background: white;
  padding: 5px;
  border-radius: 50%;
  font-size: 12px;
  min-width: 26px;
}
body ion-avatar {
  overflow: hidden;
}
body .ion-page {
  overflow: visible;
}
body app-home {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 1536px) {
  body .custom-hide-down {
    display: none;
  }
}
body app-season-overview {
  background: rgb(86, 106, 116);
}

snack-bar-container {
  margin-top: 70px !important;
}

.dashed-underline {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}

.finished-changeable {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
}
.finished-changeable > span {
  font-family: "Siemens Sans Bold", Tahoma, Geneva, sans-serif;
}

.snow {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("/assets/images/snow1.png"), url("/assets/images/snow2.png"), url("/assets/images/snow3.png");
  z-index: 2;
  animation: snow 10s linear infinite;
  pointer-events: none;
}

@keyframes snow {
  0% {
    background-position: 0 0px, 0 0px, 0 0;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
.percent-input {
  transition: all 400ms ease-in-out;
}

@media screen and (max-width: 1150px) {
  .percent-input {
    padding-right: 10% !important;
    transition: all 400ms ease-in-out;
  }
}
@media screen and (max-width: 1050px) {
  .percent-input {
    padding-right: 20% !important;
    transition: all 400ms ease-in-out;
  }
}
@media screen and (max-width: 900px) {
  .percent-input {
    padding-right: 30% !important;
    transition: all 400ms ease-in-out;
  }
}
.green-snackbar {
  background: #2ac15f;
}

.red-snackbar {
  background: #c12a45;
}

.mat-badge-content {
  background: var(--purple600);
}

.fadeIn {
  animation: fadeIn 2s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.slide {
  position: relative;
  transition: all 400ms ease-in-out;
}

.slideMeIn  {
  animation: slideIn 1s forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0);
  }
}
.forecast-amount {
  display: flex;
  background: repeating-linear-gradient(45deg, rgb(220, 220, 220), rgb(220, 220, 220) 5px, rgb(192, 192, 192) 1px, rgb(192, 192, 255) 6px);
  border-top: 1px solid rgb(55, 78, 88);
  border-bottom: 1px solid rgb(55, 78, 88);
  transition: all 800ms ease-in-out;
}
.forecast-amount p {
  color: rgb(55, 78, 88);
  font-family: Siemens Sans bold;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 6px solid rgb(55, 78, 88);
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 6px solid rgb(55, 78, 88);
}

.mat-slide-toggle.mat-primary .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: white;
  margin-top: 4px;
}

.mat-slide-toggle-bar {
  background-image: linear-gradient(to right, var(--blue500), var(--petrol900), #4abbbb) !important;
}

.mat-slide-toggle-bar {
  height: 22px !important;
  border-radius: 11px !important;
  margin-right: 8px;
}

.mat-input-element {
  font-family: Siemens Sans !important;
}

.mat-form-field-ripple {
  background-color: pink !important;
}

.siemens-logo-white-big {
  width: 210px;
  height: 75px;
  background: url("/assets/svgs/siemens_logo_white_big.svg") center no-repeat;
  background-size: 100%;
}

.dashboard-image {
  height: 100%;
  background: url("/assets/images/mac_skyline.png") center no-repeat;
  background-size: cover;
  background-position: center;
}

.transparent-dialog-panel .mdc-dialog--open .mat-mdc-dialog-surface {
  box-shadow: none;
  background: transparent;
}

.no-border-input input {
  border: 0px !important;
}

.no-tab-header > .mat-tab-header {
  display: none !important;
}

.full-tab-height .mat-tab-body-wrapper {
  flex: 1 !important;
}

.siemens app-sidebar .components h3:after {
  color: whitesmoke !important;
}

app-directs .mat-tab-label:first-child {
  margin-left: auto !important;
}
app-directs .mat-tab-label:last-child {
  margin-right: auto !important;
}
app-directs .mat-tab-label .mat-tab-label-content {
  color: white;
  font-family: Siemens Sans black;
}

@media only screen and (min-width: 1920px) {
  app-topic-item .date-icon::before {
    font-size: 38px !important;
  }
}
.text-with-image img {
  height: 15px;
  width: 15px;
}

.stock-chart-swiper {
  position: relative;
}
.stock-chart-swiper .mat-tab-header {
  display: none !important;
}

.mat-radio-inner-circle, .mat-radio-outer-circle {
  width: 25px !important;
  height: 25px !important;
}

.mat-radio-inner-circle {
  transform: scale(0.00001) !important;
}

.mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.5) !important;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: var(--purple800) !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--purple800) !important;
}

.tile-button-academy {
  font-family: Siemens Sans Bold, Tahoma, Geneva, sans-serif;
  font-size: 14px;
  line-height: 0;
  letter-spacing: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  outline: none;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out, border-color 0.15s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  cursor: pointer;
  justify-content: flex-start;
  padding: 9px 15px 9px 10px;
  min-height: 40px;
  border-radius: 0;
  line-height: normal;
  position: relative;
  color: #fff;
  background: #faa50a;
  border: 2px solid #faa50a;
  width: fit-content;
  min-width: 140px;
  text-align: center !important;
  justify-content: center !important;
  padding-left: 15px !important;
  height: 40px;
  margin-top: auto;
}
.tile-button-academy:hover {
  background: #eb780a;
  border-color: #eb780a;
}

.faq-sidebar .mat-tab-header {
  display: none !important;
}
.faq-sidebar .mat-tab-body,
.faq-sidebar .mat-tab-body-content,
.faq-sidebar .mat-tab-body-wrapper {
  height: 100%;
}

.faq-answer-items-holder td  p {
  padding: 6px !important;
}
.faq-answer-items-holder tr:nth-child(even) {
  background: var(--lightgrey200);
}
.faq-answer-items-holder a {
  font-family: Siemens Sans Black;
  text-decoration: underline;
  color: #3b3751;
}
.faq-answer-items-holder td {
  font-family: "Siemens Sans", Tahoma, Geneva, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: var(--darkpetrol);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: font-size 0.3s ease-in-out;
  padding: 8px;
}
.faq-answer-items-holder ul {
  padding-left: 15px;
}

.mat-tooltip {
  font-family: Siemens Sans !important;
  font-size: 12px !important;
}

.mat-tab-header-pagination {
  display: none !important;
}

.flex-one {
  flex: 1;
}

.academy-dialog .mat-dialog-container {
  border-radius: 0px !important;
}

my-share-academy-article b,
my-share-academy-article strong {
  font-family: Siemens Sans bold !important;
  font-weight: 100 !important;
}
my-share-academy-article h3 {
  font-family: "Siemens Sans";
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content-pages-tabs .mat-ink-bar {
  background-color: var(--purple200) !important;
}

.cp-slide-toggle .mat-slide-toggle-thumb {
  height: 18px;
  width: 18px;
  margin-top: 5px;
  margin-left: 1px;
  background: white !important;
}

@media print {
  body,
  ion-content,
  ion-router-outlet,
  .app-root,
  .split-pane,
  .ion-page,
  ion-app,
  ion-nav {
    contain: none;
    -webkit-print-color-adjust: exact;
  }
  @page {
    size: A3 !important;
  }
  .equity-width-limited {
    max-width: unset;
  }
  body {
    display: block;
    overflow: initial;
    height: fit-content !important;
    max-height: initial !important;
    position: relative;
  }
  .scroll-content,
  .dynamic-content {
    position: relative;
    overflow: visible !important;
  }
  ion-router-outlet {
    width: 100% !important;
  }
  [ion-content-print] {
    display: block !important;
    overflow-y: visible !important;
    --overflow: visible !important;
    position: relative;
  }
  .equity-container {
    height: auto !important;
  }
  .dynamic-content {
    height: auto !important;
    overflow: visible !important;
    top: 0 !important;
    scroll-padding-top: 0 !important;
  }
  app-action-button,
  app-equity-header,
  app-equity-chapter-indicator,
  app-footer,
  app-header,
  app-sidebar,
  ion-header,
  .simplebar-track,
  .cp-slide-toggle,
  app-equity-cms-chapter-overview,
  .enlarge-icon {
    display: none !important;
  }
  coin-siemens-energy-content-pages .header {
    display: none !important;
  }
  app-equity-cards .container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .expand-box-content {
    transition: none !important;
    padding-top: 50px !important;
    max-height: 1000px !important;
  }
  app-equity-cards *,
  app-equity-cms-chapter *,
  app-equity-cms-cards *,
  app-equity-cms-full-widthpart-with-image *,
  app-equity-tiles * {
    page-break-inside: avoid;
  }
  * {
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    --overflow: visible !important;
  }
}
@media only screen and (max-height: 0px) {
  .left-side app-arrow-toggle-button {
    display: none;
  }
  app-calendar:not(.show-cal) .cal-main {
    max-height: 0px;
  }
  app-topic-list.show-cal {
    max-height: 0px !important;
    overflow: hidden !important;
    padding: 0px;
  }
  app-season-overview .season-container .left {
    padding: 5px 20px !important;
  }
  app-season-overview .season-container h3 {
    margin-left: 30px;
  }
  app-season-overview .month-part--container {
    height: 40vh !important;
  }
  app-header .custom-header {
    height: 55px;
  }
  app-home .container .inner-container {
    max-height: calc(100vh - 55px) !important;
  }
  app-home .left-side {
    min-height: calc(100vh - 95px) !important;
  }
  app-home #calButton {
    display: block !important;
  }
  app-sidebar {
    height: calc(100vh - 55px) !important;
    margin-top: 55px !important;
  }
  app-sidebar .burger-wrapper {
    margin-top: -55px !important;
    height: 55px !important;
  }
  ion-content {
    --offset-top: -55px !important;
  }
  app-topic-item {
    height: 6em !important;
  }
  app-allocation-header {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }
  app-allocation-task-header .container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
@media (max-width: 1100px) {
  .mat-dialog-container {
    zoom: 0.8;
  }
  ion-app {
    left: 0;
    top: 0;
    zoom: 0.8;
    min-height: 125vh !important;
    min-width: 125vw !important;
  }
  ion-content > .container > .inner-content {
    min-height: calc(125vh - 75px) !important;
    max-height: calc(125vh - 75px) !important;
  }
  app-home,
  .faq-sidebar {
    height: 125vh !important;
    min-height: 125vh !important;
    max-height: 125vh !important;
  }
  #equity-simplebar {
    max-height: calc(125vh - 200px);
    min-height: calc(125vh - 200px);
  }
  .main-tab-height {
    height: calc(125vh - 160px) !important;
    min-height: calc(125vh - 160px) !important;
  }
}
ion-app {
  justify-content: unset;
}

@media (max-width: 800px) {
  .mat-dialog-container {
    zoom: 0.66666666;
  }
  ion-app {
    left: 0;
    top: 0;
    zoom: 0.66666666;
    min-height: 150vh !important;
    min-width: 150vw !important;
  }
  ion-content > .container > .inner-content {
    min-height: calc(150vh - 75px) !important;
    max-height: calc(150vh - 75px) !important;
  }
  app-home,
  .faq-sidebar {
    height: 150vh !important;
    min-height: 150vh !important;
    max-height: 150vh !important;
  }
  #equity-simplebar {
    max-height: calc(150vh - 200px);
    min-height: calc(150vh - 200px);
  }
  .main-tab-height {
    height: calc(150vh - 160px) !important;
    min-height: calc(150vh - 160px) !important;
  }
}
@media (max-width: 750px) {
  .mat-dialog-container {
    zoom: 0.5;
  }
  ion-app {
    left: 0;
    top: 0;
    zoom: 0.5;
    min-height: 200vh !important;
    min-width: 200vw !important;
  }
  ion-content > .container > .inner-content {
    min-height: calc(200vh - 75px) !important;
    max-height: calc(200vh - 75px) !important;
  }
  app-home,
  .faq-sidebar {
    height: 200vh !important;
    min-height: 200vh !important;
    max-height: 200vh !important;
  }
  #equity-simplebar {
    max-height: calc(200vh - 200px);
    min-height: calc(200vh - 200px);
  }
  .main-tab-height {
    height: calc(200vh - 160px) !important;
    min-height: calc(200vh - 160px) !important;
  }
}
ion-router-outlet {
  background: #d6e4ee;
}

ion-content > .container {
  background: #d6e4ee !important;
}

@-moz-document url-prefix() {
  @media (max-width: 1100px) {
    .mat-dialog-container {
      transform: scale(0.8);
      transform-origin: 0% 0%;
    }
    ion-app {
      transform: scale(0.8);
      transform-origin: 0% 0%;
    }
  }
  @media (max-width: 800px) {
    .mat-dialog-container {
      transform: scale(0.66666666);
      transform-origin: 0% 0%;
    }
    ion-app {
      transform: scale(0.66666666);
      transform-origin: 0% 0%;
    }
  }
  @media (max-width: 750px) {
    .mat-dialog-container {
      transform: scale(0.5);
      transform-origin: 0% 0%;
    }
    ion-app {
      transform: scale(0.5);
      transform-origin: 0% 0%;
    }
  }
}
/* Add Global Organizational Stylings here */
button.no-style {
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}
button.no-style.with-highlights:hover, button.no-style.with-highlights:focus {
  background: rgba(0, 0, 0, 0.25);
}

button.icon-button,
.icon-button button {
  z-index: 9999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  -webkit-user-select: none;
          user-select: none;
  width: 38px;
  height: 38px;
  padding: 0px !important;
}
button.icon-button .mat-icon,
.icon-button button .mat-icon {
  color: var(--ion-color-primary);
}

button:not(.no-style) {
  color: var(--petrol800);
  background-color: transparent;
  border: 2px solid #b8cedb;
  color: black;
}
button:not(.no-style) .mat-icon {
  color: black;
}
button:not(.no-style):hover {
  background-color: transparent;
  border: 2px solid #96b0c0;
  color: black;
}
button:not(.no-style):hover .mat-icon {
  color: black;
}
button:not(.no-style):focus {
  background-color: rgba(215, 228, 238, 0.4);
  border: 2px solid #738693;
  color: black;
}
button:not(.no-style):focus .mat-icon {
  color: black;
}
button:not(.no-style):active {
  background-color: transparent;
  border: 2px solid #738693;
  color: black;
}
button:not(.no-style):active .mat-icon {
  color: black;
}
button:not(.no-style):disabled {
  background-color: transparent;
  border: 2px solid rgba(184, 206, 219, 0.4);
  color: rgba(var(--purple800), 0.4);
}
button:not(.no-style):disabled .mat-icon {
  color: rgba(var(--purple800), 0.4);
}

button.primary,
.primary button {
  color: var(--petrol800);
  background-color: var(--purple500);
  border: 2px solid var(--purple700);
  color: #FFFFFF;
}
button.primary .mat-icon,
.primary button .mat-icon {
  color: #FFFFFF;
}
button.primary:hover,
.primary button:hover {
  background-color: var(--purple700);
  border: 2px solid var(--purple900);
  color: #FFFFFF;
}
button.primary:hover .mat-icon,
.primary button:hover .mat-icon {
  color: #FFFFFF;
}
button.primary:focus,
.primary button:focus {
  background-color: var(--purple500);
  border: 2px solid var(--purple700);
  color: #FFFFFF;
}
button.primary:focus .mat-icon,
.primary button:focus .mat-icon {
  color: #FFFFFF;
}
button.primary:active,
.primary button:active {
  background-color: var(--purple900);
  border: 2px solid var(--purple900);
  color: #FFFFFF;
}
button.primary:active .mat-icon,
.primary button:active .mat-icon {
  color: #FFFFFF;
}
button.primary:disabled,
.primary button:disabled {
  background-color: var(--purple200);
  border: 2px solid rgba(var(--purple400), 0.5);
  color: rgba(255, 255, 255, 0.5);
}
button.primary:disabled .mat-icon,
.primary button:disabled .mat-icon {
  color: rgba(255, 255, 255, 0.5);
}

button.secondary,
.secondary button {
  color: var(--petrol800);
  background-color: #d7e4ee;
  border: 2px solid #b8cedb;
  color: black;
}
button.secondary .mat-icon,
.secondary button .mat-icon {
  color: black;
}
button.secondary:hover,
.secondary button:hover {
  background-color: #b8cedb;
  border: 2px solid #96b0c0;
  color: black;
}
button.secondary:hover .mat-icon,
.secondary button:hover .mat-icon {
  color: black;
}
button.secondary:focus,
.secondary button:focus {
  background-color: #d7e4ee;
  border: 2px solid #738693;
  color: black;
}
button.secondary:focus .mat-icon,
.secondary button:focus .mat-icon {
  color: black;
}
button.secondary:active,
.secondary button:active {
  background-color: #96b0c0;
  border: 2px solid #738693;
  color: black;
}
button.secondary:active .mat-icon,
.secondary button:active .mat-icon {
  color: black;
}
button.secondary:disabled,
.secondary button:disabled {
  background-color: rgba(215, 228, 238, 0.5);
  border: 2px solid rgba(184, 206, 219, 0.5);
  color: rgba(var(--purple800), 0.5);
}
button.secondary:disabled .mat-icon,
.secondary button:disabled .mat-icon {
  color: rgba(var(--purple800), 0.5);
}

button.petrol,
.petrol button {
  color: var(--petrol800);
  background-color: #46b5b5;
  border: 2px solid #17a2a2;
  color: white;
}
button.petrol .mat-icon,
.petrol button .mat-icon {
  color: white;
}
button.petrol:hover,
.petrol button:hover {
  background-color: #2eacac;
  border: 2px solid #17a2a2;
  color: white;
}
button.petrol:hover .mat-icon,
.petrol button:hover .mat-icon {
  color: white;
}
button.petrol:focus,
.petrol button:focus {
  background-color: #2eacac;
  border: 2px solid #17a2a2;
  color: white;
}
button.petrol:focus .mat-icon,
.petrol button:focus .mat-icon {
  color: white;
}
button.petrol:active,
.petrol button:active {
  background-color: #17a2a2;
  border: 2px solid #17a2a2;
  color: white;
}
button.petrol:active .mat-icon,
.petrol button:active .mat-icon {
  color: white;
}
button.petrol:disabled,
.petrol button:disabled {
  background-color: rgba(70, 181, 181, 0.25);
  border: 2px solid #17a2a2;
  color: white;
}
button.petrol:disabled .mat-icon,
.petrol button:disabled .mat-icon {
  color: white;
}

.dark-mode button.no-style.with-highlights:hover, .dark-mode button.no-style.with-highlights:focus {
  background: rgba(255, 255, 255, 0.25);
}
.dark-mode button.no-style.with-focus:focus {
  background-color: rgba(255, 255, 255, 0.25);
}
.dark-mode button:not(.no-style) {
  color: var(--petrol800);
  background-color: transparent;
  border: 2px solid #54636c;
  color: #ffffff;
}
.dark-mode button:not(.no-style) .mat-icon {
  color: #ffffff;
}
.dark-mode button:not(.no-style):hover {
  background-color: transparent;
  border: 2px solid #394248;
  color: #ffffff;
}
.dark-mode button:not(.no-style):hover .mat-icon {
  color: #ffffff;
}
.dark-mode button:not(.no-style):focus {
  background-color: rgba(115, 134, 147, 0.4);
  border: 2px solid #23292d;
  color: #ffffff;
}
.dark-mode button:not(.no-style):focus .mat-icon {
  color: #ffffff;
}
.dark-mode button:not(.no-style):active {
  background-color: transparent;
  border: 2px solid #23292d;
  color: #ffffff;
}
.dark-mode button:not(.no-style):active .mat-icon {
  color: #ffffff;
}
.dark-mode button:not(.no-style):disabled {
  background-color: transparent;
  border: 2px solid rgba(84, 99, 108, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode button:not(.no-style):disabled .mat-icon {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode button.primary,
.dark-mode .primary button {
  color: var(--petrol800);
  background-color: #ffffff;
  border: 2px solid #d7e4ee;
  color: var(--purple800);
}
.dark-mode button.primary .mat-icon,
.dark-mode .primary button .mat-icon {
  color: var(--purple800);
}
.dark-mode button.primary:hover,
.dark-mode .primary button:hover {
  background-color: #d7e4ee;
  border: 2px solid #b8cedb;
  color: var(--purple800);
}
.dark-mode button.primary:hover .mat-icon,
.dark-mode .primary button:hover .mat-icon {
  color: var(--purple800);
}
.dark-mode button.primary:focus,
.dark-mode .primary button:focus {
  background-color: #ffffff;
  border: 2px solid #96b0c0;
  color: var(--purple800);
}
.dark-mode button.primary:focus .mat-icon,
.dark-mode .primary button:focus .mat-icon {
  color: var(--purple800);
}
.dark-mode button.primary:active,
.dark-mode .primary button:active {
  background-color: #96b0c0;
  border: 2px solid #738693;
  color: var(--purple800);
}
.dark-mode button.primary:active .mat-icon,
.dark-mode .primary button:active .mat-icon {
  color: var(--purple800);
}
.dark-mode button.primary:disabled,
.dark-mode .primary button:disabled {
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(215, 228, 238, 0.5);
  color: rgba(var(--purple800), 0.5);
}
.dark-mode button.primary:disabled .mat-icon,
.dark-mode .primary button:disabled .mat-icon {
  color: rgba(var(--purple800), 0.5);
}
.dark-mode button.secondary,
.dark-mode .secondary button {
  color: var(--petrol800);
  background-color: #738693;
  border: 2px solid #54636c;
  color: #ffffff;
}
.dark-mode button.secondary .mat-icon,
.dark-mode .secondary button .mat-icon {
  color: #ffffff;
}
.dark-mode button.secondary:hover,
.dark-mode .secondary button:hover {
  background-color: #54636c;
  border: 2px solid #394248;
  color: #ffffff;
}
.dark-mode button.secondary:hover .mat-icon,
.dark-mode .secondary button:hover .mat-icon {
  color: #ffffff;
}
.dark-mode button.secondary:focus,
.dark-mode .secondary button:focus {
  background-color: #738693;
  border: 2px solid #23292d;
  color: #ffffff;
}
.dark-mode button.secondary:focus .mat-icon,
.dark-mode .secondary button:focus .mat-icon {
  color: #ffffff;
}
.dark-mode button.secondary:active,
.dark-mode .secondary button:active {
  background-color: #394248;
  border: 2px solid #242a2e;
  color: #ffffff;
}
.dark-mode button.secondary:active .mat-icon,
.dark-mode .secondary button:active .mat-icon {
  color: #ffffff;
}
.dark-mode button.secondary:disabled,
.dark-mode .secondary button:disabled {
  background-color: rgba(115, 134, 147, 0.5);
  border: 2px solid rgba(84, 99, 108, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode button.secondary:disabled .mat-icon,
.dark-mode .secondary button:disabled .mat-icon {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode button.petrol,
.dark-mode .petrol button {
  color: var(--petrol800);
  background-color: #46b5b5;
  border: 2px solid #17a2a2;
  color: white;
}
.dark-mode button.petrol .mat-icon,
.dark-mode .petrol button .mat-icon {
  color: white;
}
.dark-mode button.petrol:hover,
.dark-mode .petrol button:hover {
  background-color: #2eacac;
  border: 2px solid #17a2a2;
  color: white;
}
.dark-mode button.petrol:hover .mat-icon,
.dark-mode .petrol button:hover .mat-icon {
  color: white;
}
.dark-mode button.petrol:focus,
.dark-mode .petrol button:focus {
  background-color: #2eacac;
  border: 2px solid #17a2a2;
  color: white;
}
.dark-mode button.petrol:focus .mat-icon,
.dark-mode .petrol button:focus .mat-icon {
  color: white;
}
.dark-mode button.petrol:active,
.dark-mode .petrol button:active {
  background-color: #17a2a2;
  border: 2px solid #17a2a2;
  color: white;
}
.dark-mode button.petrol:active .mat-icon,
.dark-mode .petrol button:active .mat-icon {
  color: white;
}
.dark-mode button.petrol:disabled,
.dark-mode .petrol button:disabled {
  background-color: rgba(70, 181, 181, 0.25);
  border: 2px solid #17a2a2;
  color: white;
}
.dark-mode button.petrol:disabled .mat-icon,
.dark-mode .petrol button:disabled .mat-icon {
  color: white;
}

body.dark-mode ion-content {
  --ion-background-color: #281f4c !important;
}
body.dark-mode .lay-wrapper--header {
  background: var(--petrol-dark) !important;
  box-shadow: none !important;
}
body.dark-mode .primary-scrollbar-vertical .simplebar-vertical {
  background: white !important;
  opacity: 0.4;
}
body.dark-mode .primary-scrollbar-vertical .simplebar-scrollbar:before {
  opacity: 0.8;
  background: var(--petrol700) !important;
}
body.dark-mode .mat-slide-toggle-bar {
  background: white !important;
}
body.dark-mode .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--petrol-dark) !important;
}
body.dark-mode app-arrow-toggle-button .toggle {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-sidebar {
  box-shadow: -6px -8px 12px -6px rgba(0, 0, 0, 0.74) !important;
}
body.dark-mode app-sidebar .burger-wrapper {
  background-color: var(--lightgrey400) !important;
}
body.dark-mode app-sidebar .burger-wrapper:focus {
  background-color: var(--lightgrey200) !important;
}
body.dark-mode app-sidebar .burger-wrapper mat {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-sidebar .components {
  box-shadow: none !important;
  background: var(--lightgrey200) !important;
}
body.dark-mode app-sidebar .components .container .title-bar h3 {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-sidebar .components .container .title-bar h3:after {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-sidebar .components > *:nth-child(even):not(:last-child), body.dark-mode app-sidebar .components > *:nth-child(odd):not(:last-child) {
  border-color: var(--lightgrey400) !important;
}
body.dark-mode app-sidebar .components > *:nth-child(even):last-child, body.dark-mode app-sidebar .components > *:nth-child(odd):last-child {
  border-width: 0px !important;
}
body.dark-mode app-sidebar p {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-sidebar a:after {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-apps .icon-wrapper {
  border-color: var(--petrol-dark) !important;
  border-width: 2px !important;
  box-shadow: none !important;
}
body.dark-mode app-apps .icon-wrapper mat {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-header .notifications {
  background: white !important;
}
body.dark-mode app-header .notifications p,
body.dark-mode app-header .notifications span {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-header .headers .m,
body.dark-mode app-header .headers .search {
  background: white !important;
}
body.dark-mode app-header .headers .m p,
body.dark-mode app-header .headers .m i,
body.dark-mode app-header .headers .search p,
body.dark-mode app-header .headers .search i {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-proposal p {
  color: black;
}
body.dark-mode app-proposal .sm-header {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-proposal .sm-header h3 {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-proposal .sm-bottom {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-proposal .sm-main {
  background: var(--petrol-dark) !important;
}
body.dark-mode app-proposal .sm-main .main-fade-out {
  background: linear-gradient(to bottom, var(--petrol-dark), var(--petrol-dark), rgba(255, 255, 255, 0.001));
}
body.dark-mode app-proposal .sm-main .text-padding {
  color: white;
}
body.dark-mode app-proposal .sm-main .pi--orange {
  background: var(--petrol-dark);
}
body.dark-mode app-proposal .sm-main .pi--orange span,
body.dark-mode app-proposal .sm-main .pi--orange p {
  color: white;
}
body.dark-mode app-proposal .no-peers p {
  color: white;
}
body.dark-mode app-tab-selection .selection-item {
  box-shadow: none !important;
}
body.dark-mode app-allocation-header {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-allocation-header h3 {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-allocation-header .simple-detail-switcher p {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-allocation-breadcrumb ion-avatar {
  background: white !important;
}
body.dark-mode app-allocation-breadcrumb ion-avatar mat {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-allocation-kpi-header .container {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-allocation-kpi-header mat,
body.dark-mode app-allocation-kpi-header p {
  color: black !important;
}
body.dark-mode app-allocation-task-list h3 {
  color: white;
}
body.dark-mode app-allocation-task-list-item .container {
  background: var(--lightgrey400) !important;
}
body.dark-mode app-allocation-task-list-item .info p,
body.dark-mode app-allocation-task-list-item h3 {
  color: black !important;
}
body.dark-mode app-collapsed-bar {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-collapsed-bar > *:nth-child(even), body.dark-mode app-collapsed-bar > *:nth-child(odd) {
  border-color: var(--lightgrey400) !important;
}
body.dark-mode app-collapsed-bar h3 {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-directs {
  background: var(--lightgrey400) !important;
}
body.dark-mode app-directs .mat-tab-label .mat-tab-label-content {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-directs .container {
  background-color: var(--lightgrey400) !important;
}
body.dark-mode app-directs .container .directs {
  background-color: var(--lightgrey200) !important;
}
body.dark-mode app-directs .container app-direct-item-overview {
  border-color: var(--lightgrey400) !important;
  background: #d4e0eb !important;
}
body.dark-mode app-directs .container app-direct-item-overview .empty-image {
  background: var(--petrol-dark) !important;
}
body.dark-mode app-directs .container app-direct-item-overview .empty-image span {
  color: white !important;
}
body.dark-mode app-directs .container .text-part p {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-season-overview .season-container {
  background: radial-gradient(rgba(77, 33, 122, 0.65), rgba(27, 21, 52, 0.65)) !important;
}
body.dark-mode app-season-overview .left {
  background: var(--lightgrey200) !important;
}
body.dark-mode app-season-overview .left h3 {
  color: black !important;
}
body.dark-mode app-season-overview .month-part--overlay {
  border-radius: 20px !important;
}
body.dark-mode app-season-overview .month-part--container {
  background: rgba(150, 176, 192, 0.15) !important;
  border-color: rgba(150, 176, 192, 0.3) !important;
}
body.dark-mode app-season-overview .month-part--container .month {
  color: #dde7f1 !important;
  background: transparent !important;
}
body.dark-mode app-season-overview .month-part--container .month.active {
  background: #dde7f1 !important;
  color: var(--petrol-dark) !important;
}
body.dark-mode app-season-overview .month-part--container .week {
  color: #dde7f1 !important;
  background: transparent !important;
}
body.dark-mode app-season-overview .month-part--container .week.active {
  background: #dde7f1 !important;
  color: var(--petrol700) !important;
}
body.dark-mode app-season-overview .current-month .indicator .bar {
  background: var(--lightgrey200) !important;
  border-left: none !important;
}
body.dark-mode app-season-overview .week-num {
  color: white !important;
  opacity: 0.6 !important;
}
body.dark-mode app-season-overview .week-day-item > div {
  background: white !important;
  opacity: 0.6 !important;
}
body.dark-mode app-season-overview .week-part.active,
body.dark-mode app-season-overview .day-part.active {
  background: #dde7f1 !important;
}
body.dark-mode app-season-overview .week-part.active p,
body.dark-mode app-season-overview .day-part.active p {
  color: black !important;
}
body.dark-mode app-season-overview .week-part p,
body.dark-mode app-season-overview .day-part p {
  color: #dde7f1 !important;
}
body.dark-mode app-season-overview .week {
  width: calc(100% - 16px) !important;
}
body.dark-mode app-season-overview .week.active-week {
  color: var(--petrol-dark) !important;
  background: #dde7f1 !important;
  background-color: #dde7f1 !important;
}
body.dark-mode app-topic-list {
  border-top: 2px solid #2f2a49;
  background: var(--petrol-dark) !important;
}
body.dark-mode app-topic-list .no-topics {
  color: white !important;
}
body.dark-mode app-topic-list .slim-design p {
  color: white !important;
}
body.dark-mode app-topic-item {
  background: #2d2750 !important;
}
body.dark-mode coin-siemens-energy-employee-element .employee-item {
  background-color: #2d2750 !important;
}
body.dark-mode coin-siemens-energy-employee-element .employee-item .mat {
  color: white !important;
}
body.dark-mode coin-siemens-energy-job-evaluation .employee-table {
  background: var(--petrol-dark) !important;
}
body.dark-mode coin-siemens-energy-job-evaluation .job-profile {
  background: var(--petrol-dark) !important;
}
body.dark-mode coin-siemens-energy-employee-list .input-wrapper p {
  color: black;
}
body.dark-mode coin-siemens-energy-employee-list .sticky-header {
  background: var(--petrol-dark) !important;
}
body.dark-mode coin-siemens-energy-employee-list .sticky-header div {
  color: white;
}
body.dark-mode coin-siemens-energy-job-profile-card .card-ite,
body.dark-mode coin-siemens-energy-job-profile-card .selected-field,
body.dark-mode coin-siemens-energy-job-profile-card mat-card,
body.dark-mode coin-siemens-energy-job-profile-card .card-content,
body.dark-mode coin-siemens-energy-job-profile-card .card-header {
  background-color: #2d2750 !important;
}
body.dark-mode coin-siemens-energy-job-profile-card .card-ite .card,
body.dark-mode coin-siemens-energy-job-profile-card .selected-field .card,
body.dark-mode coin-siemens-energy-job-profile-card mat-card .card,
body.dark-mode coin-siemens-energy-job-profile-card .card-content .card,
body.dark-mode coin-siemens-energy-job-profile-card .card-header .card {
  color: white !important;
}
body.dark-mode coin-siemens-energy-info-tutorial-dialog .video-container {
  background: var(--petrol-dark) !important;
}
body.dark-mode coin-siemens-energy-info-tutorial-dialog .text-container {
  background: var(--petrol-dark) !important;
}
body.dark-mode coin-siemens-energy-info-tutorial-dialog .text-container .header, body.dark-mode coin-siemens-energy-info-tutorial-dialog .text-container .description {
  color: white;
}
body.dark-mode app-user-menu .menu-part-element {
  background-color: var(--petrol-dark) !important;
}
body.dark-mode app-user-menu .menu-part-element .menu-element-item:not(.disabled):hover {
  background-color: var(--petrol-dark) !important;
}
body.dark-mode app-user-menu .menu-part-element .menu-element-item:not(.disabled):hover .renew-token:hover {
  background-color: var(--petrol-dark);
}
body.dark-mode app-user-menu .menu-part-element .border {
  background-color: #2f2a49 !important;
}
body.dark-mode app-user-menu .menu-part-element .extra-item {
  background-color: var(--petrol-dark) !important;
}
body.dark-mode app-user-menu .menu-part-element-behind .extra-item {
  background-color: var(--petrol-dark) !important;
}
body.dark-mode app-user-menu .menu-entry {
  background-color: white !important;
}
body.dark-mode app-user-menu .menu-entry mat {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-user-menu .profile .profile-info p,
body.dark-mode app-user-menu .profile-main .profile-info p {
  color: white !important;
}
body.dark-mode app-user-menu .profile .profile-info p:last-child,
body.dark-mode app-user-menu .profile-main .profile-info p:last-child {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.dark-mode app-user-menu .profile ion-avatar,
body.dark-mode app-user-menu .profile-main ion-avatar {
  background: white !important;
}
body.dark-mode app-user-menu .profile ion-avatar .mat,
body.dark-mode app-user-menu .profile-main ion-avatar .mat {
  color: var(--petrol-dark) !important;
}
body.dark-mode .current-month .indicator .bar {
  border-left: 2px solid #dde7f1 !important;
}
body.dark-mode .current-month .indicator .bar--month {
  border-left: 2px solid #dde7f1 !important;
}
body.dark-mode .current-month .indicator .bowl--month, body.dark-mode .current-month .indicator .bowl--month-top {
  background-color: #dde7f1 !important;
}
body.dark-mode .current-month .indicator .bowl {
  background-color: #dde7f1 !important;
}
body.dark-mode app-topic-action-bar .all-item {
  border-width: 2px !important;
  background-color: var(--petrol-dark) !important;
  border-color: var(--petrol-dark) !important;
}
body.dark-mode app-topic-action-bar .all-item p {
  color: white !important;
  min-width: 60px !important;
}
body.dark-mode app-topic-action-bar .all-item.active p {
  color: var(--petrol-dark) !important;
}
body.dark-mode .se-switches i {
  background-color: var(--petrol-dark) !important;
  color: #dde7f1 !important;
}
body.dark-mode .se-switches i.activ {
  background-color: #dde7f1 !important;
  color: var(--petrol-dark) !important;
}
body.dark-mode .switch-type-item {
  background-color: #dde7f1 !important;
  color: var(--petrol-dark) !important;
}
body.dark-mode .faq-sidebar {
  background: #2d2750 !important;
}
body.dark-mode .faq-sidebar .native-input {
  color: black !important;
}
body.dark-mode .faq-sidebar .faq-search-input {
  background: var(--petrol800);
}
body.dark-mode .faq-sidebar .faq-search-input coin-input {
  background-color: #d7e4ee !important;
}
body.dark-mode .faq-sidebar .faq {
  border-color: white !important;
}
body.dark-mode .faq-sidebar .faq-bottom-items {
  background: var(--petrol800);
}
body.dark-mode .faq-sidebar .faq-bottom-items:after {
  color: white;
}
body.dark-mode .faq-sidebar .faq-list-item:after {
  color: white !important;
}
body.dark-mode .faq-sidebar .faq-list-item:hover {
  background: var(--petrol800);
}
body.dark-mode .faq-sidebar .faq-list-item:hover p {
  color: white !important;
}
body.dark-mode .faq-sidebar .faq-list-item:hover:after {
  color: white !important;
}
body.dark-mode .faq-sidebar h3 {
  color: white !important;
}
body.dark-mode .custom-header .right button p {
  color: black !important;
}
body.dark-mode app-news-popup p {
  color: white !important;
}
body.dark-mode app-equity-chapter .p,
body.dark-mode app-news-popup .p,
body.dark-mode app-directs-overview .p,
body.dark-mode app-equity-legal-disclaimer .p {
  color: white !important;
}
body.dark-mode app-equity-chapter .container,
body.dark-mode app-news-popup .container,
body.dark-mode app-directs-overview .container,
body.dark-mode app-equity-legal-disclaimer .container {
  background: var(--petrol-dark) !important;
}
body.dark-mode app-equity-chapter app-equity-card-item > .container,
body.dark-mode app-equity-chapter app-equity-tile-item > .container,
body.dark-mode app-news-popup app-equity-card-item > .container,
body.dark-mode app-news-popup app-equity-tile-item > .container,
body.dark-mode app-directs-overview app-equity-card-item > .container,
body.dark-mode app-directs-overview app-equity-tile-item > .container,
body.dark-mode app-equity-legal-disclaimer app-equity-card-item > .container,
body.dark-mode app-equity-legal-disclaimer app-equity-tile-item > .container {
  background: var(--lightgrey400) !important;
}
body.dark-mode app-equity-chapter app-equity-card-item > .container h4,
body.dark-mode app-equity-chapter app-equity-card-item > .container p,
body.dark-mode app-equity-chapter app-equity-tile-item > .container h4,
body.dark-mode app-equity-chapter app-equity-tile-item > .container p,
body.dark-mode app-news-popup app-equity-card-item > .container h4,
body.dark-mode app-news-popup app-equity-card-item > .container p,
body.dark-mode app-news-popup app-equity-tile-item > .container h4,
body.dark-mode app-news-popup app-equity-tile-item > .container p,
body.dark-mode app-directs-overview app-equity-card-item > .container h4,
body.dark-mode app-directs-overview app-equity-card-item > .container p,
body.dark-mode app-directs-overview app-equity-tile-item > .container h4,
body.dark-mode app-directs-overview app-equity-tile-item > .container p,
body.dark-mode app-equity-legal-disclaimer app-equity-card-item > .container h4,
body.dark-mode app-equity-legal-disclaimer app-equity-card-item > .container p,
body.dark-mode app-equity-legal-disclaimer app-equity-tile-item > .container h4,
body.dark-mode app-equity-legal-disclaimer app-equity-tile-item > .container p {
  color: var(--petrol-dark) !important;
}
body.dark-mode app-equity-chapter app-equity-country-info .bottom,
body.dark-mode app-news-popup app-equity-country-info .bottom,
body.dark-mode app-directs-overview app-equity-country-info .bottom,
body.dark-mode app-equity-legal-disclaimer app-equity-country-info .bottom {
  background: var(--petrol-dark) !important;
}
body.dark-mode app-equity-chapter .head,
body.dark-mode app-news-popup .head,
body.dark-mode app-directs-overview .head,
body.dark-mode app-equity-legal-disclaimer .head {
  border-bottom: 2px solid lightgray !important;
}
body.dark-mode app-equity-chapter .head p,
body.dark-mode app-news-popup .head p,
body.dark-mode app-directs-overview .head p,
body.dark-mode app-equity-legal-disclaimer .head p {
  color: white !important;
}
body.dark-mode app-equity-chapter h1,
body.dark-mode app-equity-chapter h2,
body.dark-mode app-equity-chapter h3,
body.dark-mode app-equity-chapter h4,
body.dark-mode app-equity-chapter a,
body.dark-mode app-equity-chapter .a,
body.dark-mode app-equity-chapter mat,
body.dark-mode app-equity-chapter .icon,
body.dark-mode app-news-popup h1,
body.dark-mode app-news-popup h2,
body.dark-mode app-news-popup h3,
body.dark-mode app-news-popup h4,
body.dark-mode app-news-popup a,
body.dark-mode app-news-popup .a,
body.dark-mode app-news-popup mat,
body.dark-mode app-news-popup .icon,
body.dark-mode app-directs-overview h1,
body.dark-mode app-directs-overview h2,
body.dark-mode app-directs-overview h3,
body.dark-mode app-directs-overview h4,
body.dark-mode app-directs-overview a,
body.dark-mode app-directs-overview .a,
body.dark-mode app-directs-overview mat,
body.dark-mode app-directs-overview .icon,
body.dark-mode app-equity-legal-disclaimer h1,
body.dark-mode app-equity-legal-disclaimer h2,
body.dark-mode app-equity-legal-disclaimer h3,
body.dark-mode app-equity-legal-disclaimer h4,
body.dark-mode app-equity-legal-disclaimer a,
body.dark-mode app-equity-legal-disclaimer .a,
body.dark-mode app-equity-legal-disclaimer mat,
body.dark-mode app-equity-legal-disclaimer .icon {
  color: white !important;
}
body.dark-mode app-equity-chapter .icon,
body.dark-mode app-news-popup .icon,
body.dark-mode app-directs-overview .icon,
body.dark-mode app-equity-legal-disclaimer .icon {
  background: white;
}
body.dark-mode app-equity-chapter .icon-wrapper {
  border: 2px solid white !important;
  background: var(--petrol-dark);
}
body.dark-mode app-equity-chapter .icon-wrapper mat {
  color: white !important;
}
body.dark-mode app-equity-chapter-indicator app-equity-chapter .icon-wrapper {
  border: 2px solid var(--petrol700) !important;
  background: rgb(45, 45, 45);
}
body.dark-mode app-equity-chapter-indicator app-equity-chapter .icon-wrapper mat {
  color: var(--petrol700) !important;
}
body.dark-mode app-equity-chapter-indicator app-equity-chapter p {
  color: var(--petrol700) !important;
}
body.dark-mode app-equity-chapter-indicator .scroll-indicator {
  background: var(--petrol700) !important;
}
body.dark-mode app-org-review-employee-box {
  background: var(--petrol-dark);
}
body.dark-mode coin-siemens-energy-employee-detail-overview .employee-detail-container {
  background-color: var(--petrol-dark) !important;
}
body.dark-mode coin-siemens-energy-employee-compensation-card mat-card-header,
body.dark-mode coin-siemens-energy-employee-information-card mat-card-header,
body.dark-mode coin-siemens-energy-employee-job-profile-card mat-card-header,
body.dark-mode coin-siemens-energy-employee-manager-card mat-card-header,
body.dark-mode coin-siemens-energy-employee-organizational-card mat-card-header {
  background-color: var(--petrol700);
}
body.dark-mode coin-siemens-energy-employee-compensation-card .card-content,
body.dark-mode coin-siemens-energy-employee-compensation-card .text-container,
body.dark-mode coin-siemens-energy-employee-information-card .card-content,
body.dark-mode coin-siemens-energy-employee-information-card .text-container,
body.dark-mode coin-siemens-energy-employee-job-profile-card .card-content,
body.dark-mode coin-siemens-energy-employee-job-profile-card .text-container,
body.dark-mode coin-siemens-energy-employee-manager-card .card-content,
body.dark-mode coin-siemens-energy-employee-manager-card .text-container,
body.dark-mode coin-siemens-energy-employee-organizational-card .card-content,
body.dark-mode coin-siemens-energy-employee-organizational-card .text-container {
  background-color: #2d2750 !important;
}
body.dark-mode coin-siemens-energy-employee-compensation-card .card-content .icon-title,
body.dark-mode coin-siemens-energy-employee-compensation-card .text-container .icon-title,
body.dark-mode coin-siemens-energy-employee-information-card .card-content .icon-title,
body.dark-mode coin-siemens-energy-employee-information-card .text-container .icon-title,
body.dark-mode coin-siemens-energy-employee-job-profile-card .card-content .icon-title,
body.dark-mode coin-siemens-energy-employee-job-profile-card .text-container .icon-title,
body.dark-mode coin-siemens-energy-employee-manager-card .card-content .icon-title,
body.dark-mode coin-siemens-energy-employee-manager-card .text-container .icon-title,
body.dark-mode coin-siemens-energy-employee-organizational-card .card-content .icon-title,
body.dark-mode coin-siemens-energy-employee-organizational-card .text-container .icon-title {
  color: white;
}

app-sidebar .components {
  background: var(--darkgrey900) !important;
}
app-sidebar .components > *:nth-child(even) {
  background: none !important;
}
app-sidebar .components .overview-section > mat-icon {
  color: var(--darkgrey900) !important;
}
app-sidebar .components > *:last-child {
  border-bottom: 0px !important;
}

app-season-overview {
  background: white !important;
}
app-season-overview .month-part--container {
  background: #f4f8fb;
  border: 2px solid #d7e4ee !important;
  border-radius: 22px !important;
}
app-season-overview * p {
  color: var(--purple900) !important;
}
app-season-overview .month-text {
  text-transform: unset !important;
  background-color: unset !important;
  top: -2px !important;
  width: 100%;
  text-align: center;
  padding: 10px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
app-season-overview .month-text.active {
  color: white !important;
  background: var(--darkgrey800) !important;
}
app-season-overview .week-text {
  text-transform: unset !important;
  background-color: unset !important;
  top: -2px !important;
  width: calc(100% - 16px);
  text-align: center;
  padding: 10px !important;
  transform: translate(-50%, 0%) !important;
  border-color: transparent !important;
  border: 0px !important;
}
app-season-overview .week-text.active-week {
  color: white !important;
  background: var(--darkgrey800) !important;
}
app-season-overview .week-part {
  position: absolute;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 8px;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  bottom: 0px !important;
}
app-season-overview .week-part.active {
  background: var(--darkgrey800) !important;
}
app-season-overview .week-part.active p {
  color: white !important;
}
app-season-overview .day-part.active {
  background: var(--darkgrey800) !important;
}
app-season-overview .day-part.active p {
  color: white !important;
}
app-season-overview .week-text {
  border: 0px solid #d7e4ee !important;
}
app-season-overview .week-text.active-week {
  color: white !important;
  background: var(--darkgrey800) !important;
}
app-season-overview .week-text--short {
  height: unset !important;
  width: 100% !important;
  line-height: unset !important;
}

app-topic-action-bar .all-item {
  border-width: 2px !important;
  background-color: #dde7f1 !important;
  border-color: #dde7f1 !important;
}
app-topic-action-bar .all-item p {
  min-width: 60px !important;
}
app-topic-action-bar .all-item.active p {
  color: #dde7f1 !important;
}
app-topic-action-bar .cat-items {
  border-radius: 20px !important;
}
app-topic-action-bar .cat-items.active p,
app-topic-action-bar .cat-items.active i {
  color: white !important;
}
app-topic-action-bar .cat-items.active--News {
  background-color: white;
  border: 2px solid var(--darkgrey600);
}
app-topic-action-bar .cat-items.active--News p,
app-topic-action-bar .cat-items.active--News i {
  color: var(--darkgrey600);
}
app-topic-action-bar .cat-items.active--Announcement {
  background-color: white !important;
  border: 2px solid var(--petrol900) !important;
}
app-topic-action-bar .cat-items.active--Announcement p,
app-topic-action-bar .cat-items.active--Announcement i {
  color: var(--petrol900) !important;
}
app-topic-action-bar .cat-items.active--Task {
  background-color: white !important;
  border: 2px solid var(--blue600) !important;
}
app-topic-action-bar .cat-items.active--Task p,
app-topic-action-bar .cat-items.active--Task i {
  color: var(--blue600) !important;
}

.season-container {
  padding: 0px !important;
}
.season-container .left {
  padding: 20px;
  background: linear-gradient(to right, var(--darkgrey800), #291848, var(--purple700), #291848, var(--darkgrey800));
  margin: 0px !important;
}

.current-month .indicator {
  top: 30px !important;
}
.current-month .indicator .bar {
  background: var(--darkgrey800);
  border-width: 0px !important;
  border-radius: 100px;
  width: 3px !important;
  height: calc(100% - 80px) !important;
}
.current-month .indicator .bar--month {
  height: calc(100% - 70px) !important;
}
.current-month .indicator .bowl {
  display: none !important;
}
.current-month .indicator .bowl--month {
  background-color: var(--purple700) !important;
  left: 1px;
}
.current-month .indicator .bowl--month p {
  display: none;
}
.current-month .indicator .bowl {
  background-color: var(--purple700) !important;
  left: 1px;
}
.current-month .indicator .bowl p {
  display: none;
}
.current-month .indicator .bowl--month-top {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0px;
  background-color: var(--purple700) !important;
  left: 2px !important;
}

app-topic-list {
  background: white !important;
  padding-top: 10px;
  transition: all 300ms ease-in-out;
}
app-topic-list.minimized {
  padding-top: 0px;
}
app-topic-list h4 {
  display: none;
}

.switch .se-switches i {
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  background-color: var(--lightgrey200) !important;
  margin: 20px 0px;
  color: var(--darkgrey800) !important;
}
.switch .se-switches i.activ {
  color: var(--lightgrey200) !important;
  background-color: var(--darkgrey800) !important;
}
.switch .se-switches button:focus i {
  box-shadow: 0px 0px 10px var(--darkgrey800);
}
.switch .switch-container {
  display: none !important;
}

app-service-provider-list .header h3,
app-service-provider-list .header p {
  color: white !important;
}
app-service-provider-list .container a {
  text-decoration: underline;
  font-weight: bold;
  margin-top: 0px !important;
}

app-side-menu .sidebar-main {
  background-image: linear-gradient(var(--purple900), var(--purple900)) !important;
}
app-side-menu .menu-side-only:hover {
  background: var(--purple800) !important;
}
app-side-menu .menu-side-only.active {
  background-color: var(--purple700) !important;
}

app-apps .mat-icon-no-color {
  color: white !important;
  font-size: 25px !important;
}

.profile-info p {
  color: var(--purple1000) !important;
}

.mat-slide-toggle-bar {
  background-image: linear-gradient(to right, var(--purple700), var(--darkgrey900)) !important;
}

app-user-menu .profile-info p:first-child {
  color: var(--purple900) !important;
}
app-user-menu .profile-info p:first-child::after {
  color: var(--purple900) !important;
}
app-user-menu .menu-entry {
  opacity: 1 !important;
  background-color: var(--purple500) !important;
}

ion-avatar {
  background: var(--purple900) !important;
  border: solid 0px var(--purple900) !important;
}
ion-avatar .mat-icon {
  color: white !important;
}

.notifications {
  background: var(--purple700) !important;
}

.faq-search {
  background-color: white !important;
}

.header-icons .m-icon {
  margin-right: 15px !important;
}
.header-icons .m-icon--faq-icon {
  background: var(--purple700) !important;
}
.header-icons .m-icon--lang-icon {
  width: 40px;
  height: 40px;
  background: var(--purple700);
  text-align: center;
  border-radius: 50%;
}
.header-icons .m-icon--lang-icon i {
  color: white !important;
  margin: auto;
  font-size: 23px !important;
}
.header-icons .search-icon {
  background: var(--purple700) !important;
}
.header-icons .search-icon i {
  font-size: 23px !important;
  margin: auto;
}

.burger-wrapper {
  background-color: var(--darkgrey900) !important;
}
.burger-wrapper:focus {
  background-color: var(--darkgrey800) !important;
}

app-collapsed-bar {
  background: var(--darkgrey900) !important;
}
app-collapsed-bar > *:nth-child(even) {
  background: none !important;
}
app-collapsed-bar > *:nth-child(even),
app-collapsed-bar > *:nth-child(odd) {
  border-bottom: 1px solid var(--darkgrey800);
}

.no-topics {
  color: var(--purple900) !important;
}

.toggle-icon {
  background: var(--purple700) !important;
}

app-topic-action-bar .border--Task {
  border-color: var(--topicTask) !important;
  background: var(--topicTask) !important;
}
app-topic-action-bar .border--News {
  border-color: var(--topicNews) !important;
  background: var(--topicNews) !important;
}
app-topic-action-bar .border--Announcement {
  border-color: var(--topicAnnouncement) !important;
  background: var(--topicAnnouncement) !important;
}
app-topic-action-bar .color--Task,
app-topic-action-bar .color--Announcement,
app-topic-action-bar .color--News {
  color: white !important;
}

app-topics-carousel {
  padding-bottom: 20px;
}
app-topics-carousel .car-top .control {
  background: var(--lightgrey400) !important;
}

body .primary-scrollbar-vertical .simplebar-scrollbar:before {
  background: var(--darkgrey900) !important;
}

app-topics-collapsed-bar {
  border-top: 2px solid var(--lightgrey200);
  background: #d7e4ee !important;
}

.mat-ink-bar {
  background-color: #80909e !important;
}

button {
  transition: all 300ms ease-in-out;
}

.carousel-flip .close-btn {
  background: var(--purple700) !important;
}

app-allocation-header,
app-org-review-header {
  background: linear-gradient(to right, var(--darkgrey900), #291848, var(--purple700), #291848, var(--darkgrey900)) !important;
}

app-allocation-task-list-item .vertical-line,
app-allocation-task-list-item .horizontal-line {
  background: var(--purple700) !important;
}

app-allocation-box .person-container.children-available .toggle-children,
app-allocation-kpi-header-bars .person-container.children-available .toggle-children {
  background: var(--purple700) !important;
}
app-allocation-box .section--base,
app-allocation-box .dot--base,
app-allocation-kpi-header-bars .section--base,
app-allocation-kpi-header-bars .dot--base {
  background: var(--purple700) !important;
}
app-allocation-box .section--bonus,
app-allocation-box .dot--bonus,
app-allocation-kpi-header-bars .section--bonus,
app-allocation-kpi-header-bars .dot--bonus {
  background: var(--darkgrey900) !important;
}
app-allocation-box .section--equity,
app-allocation-box .dot--equity,
app-allocation-kpi-header-bars .section--equity,
app-allocation-kpi-header-bars .dot--equity {
  background: var(--purple600) !important;
}
app-allocation-box .connector--base,
app-allocation-kpi-header-bars .connector--base {
  background: var(--purple200) !important;
}
app-allocation-box .connector--bonus,
app-allocation-kpi-header-bars .connector--bonus {
  background: var(--darkgrey500) !important;
}
app-allocation-box .connector--equity,
app-allocation-kpi-header-bars .connector--equity {
  background: var(--purple300) !important;
}

.breadcrumb-person {
  background: var(--purple700) !important;
}
.breadcrumb-person:nth-child(3) {
  background: var(--purple800) !important;
}

app-news-popup p,
app-news-popup i,
app-news-popup .p,
app-news-popup .a,
app-news-popup .i,
app-news-popup h1,
app-news-popup h2,
app-news-popup h3,
app-news-popup h4,
app-news-popup h5 {
  color: var(--darkgrey900) !important;
}
app-news-popup a {
  color: #704e93 !important;
}

app-equity .contrast,
app-incentive .contrast,
.cms-item .contrast {
  background: var(--darkgrey900);
}
app-equity .max-width,
app-incentive .max-width,
.cms-item .max-width {
  max-width: 880px;
  margin: auto;
}
app-equity .color-indicator,
app-incentive .color-indicator,
.cms-item .color-indicator {
  background: var(--purple700) !important;
}
app-equity app-equity-header > .container,
app-incentive app-equity-header > .container,
.cms-item app-equity-header > .container {
  background: linear-gradient(to right, var(--purple1000), #4d217a, var(--purple1000)) !important;
  box-shadow: none !important;
}

app-document-center .doc-center-container > .container {
  background: linear-gradient(to right, var(--purple1000), #4d217a, var(--purple1000)) !important;
  box-shadow: none !important;
}

app-flexible-benefits .current-total {
  background-image: linear-gradient(to right, var(--purple700), var(--purple600)) !important;
}
app-flexible-benefits .actual-total-text--side {
  color: white !important;
}

app-allocation-task-list-item .container .expand {
  background: var(--purple700) !important;
}

app-directs-overview .title-container {
  background: linear-gradient(to right, var(--darkgrey900), #291848, var(--purple700), #291848, var(--darkgrey900)) !important;
}
app-directs-overview .title-container mat-icon {
  color: var(--purple700) !important;
}
app-directs-overview .directs-section h4 {
  color: var(--purple700) !important;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.coin-form-field-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
  opacity: 1 !important;
  transition: opacity 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mdc-line-ripple {
  display: none !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label {
  color: var(--purple700) !important;
}

.mat-mdc-option .mat-pseudo-checkbox-minimal {
  display: none;
}

.input-field {
  padding: 0px 5px;
}
.input-field .mat-mdc-text-field-wrapper {
  height: 50px;
  border-radius: 30px !important;
  background-color: white;
}
.input-field .mat-mdc-form-field:hover .mdc-notched-outline,
.input-field .mat-mdc-form-field:focus-within .mdc-notched-outline {
  border-color: var(--purple500);
}
.input-field .mdc-notched-outline {
  display: none;
}
.input-field .mat-mdc-text-field-wrapper:hover, .input-field .mat-mdc-text-field-wrapper:focus-within {
  box-shadow: 0px 0px 8px var(--purple500);
  transition: box-shadow 200ms ease-in-out;
}

.create-communication-input-field .mat-mdc-text-field-wrapper {
  box-shadow: 0px 0px 8px var(--purple500);
}
.create-communication-input-field .mat-mdc-text-field-wrapper:hover, .create-communication-input-field .mat-mdc-text-field-wrapper:focus-within {
  box-shadow: 0px 0px 10px var(--purple500);
  transition: box-shadow 200ms ease-in-out;
}

.coin-form-field-outline {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0px;
}
.coin-form-field-outline.no-margin {
  margin-top: 0;
}
.coin-form-field-outline .mat-form-field-outline {
  background: white !important;
  border-radius: 30px;
}
.coin-form-field-outline .mat-form-field-outline > div:first-child {
  border-radius: 30px 0 0 30px;
  width: 30px !important;
}
.coin-form-field-outline .mat-form-field-outline > div:last-child {
  border-radius: 0 30px 30px 0;
}
.coin-form-field-outline .mat-form-field-infix {
  padding: 0.15rem 6px 0.5rem 6px;
  border-radius: 30px;
  height: 40px;
}
.coin-form-field-outline .mat-form-field-infix .mat-input-element {
  caret-color: var(--darkpetrol);
}
.coin-form-field-outline .mat-form-field-outline {
  color: transparent;
}
.coin-form-field-outline .mat-form-field-outline .mat-form-field-outline-gap {
  width: 0 !important;
}
.coin-form-field-outline .mat-form-field-outline-thick {
  color: var(--purple700) !important;
}
.coin-form-field-outline .mat-form-field-outline-thick > div {
  border-width: 0.1rem !important;
}
.coin-form-field-outline .mat-form-field-label-wrapper,
.coin-form-field-outline .mat-form-field-label-wrapper span,
.coin-form-field-outline .mat-form-field-label-wrapper mat-label {
  font-size: 1rem;
  line-height: 1.1rem;
  font-family: "Siemens Sans Black" !important;
  color: var(--purple700);
}
.coin-form-field-outline .mat-form-field-label-wrapper label {
  margin-top: -5px;
  width: auto !important;
  border-radius: 30px;
  height: 20px;
}
.coin-form-field-outline .mat-form-field-label-wrapper label > mat-label,
.coin-form-field-outline .mat-form-field-label-wrapper label > span {
  background-color: white;
}
.coin-form-field-outline .mat-form-field-label-wrapper label > *:first-child {
  padding: 0 8px;
}
.coin-form-field-outline .mat-form-field-label-wrapper label > span {
  margin-left: -8px;
  padding-right: 8px;
}
.coin-form-field-outline .mat-form-field-underline {
  display: none;
}
.coin-form-field-outline .mat-form-field-wrapper {
  padding-bottom: 10px;
}
.coin-form-field-outline mat-select .mat-select-value-text,
.coin-form-field-outline mat-select .mat-select-value-text > span {
  font-family: Siemens Sans;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
  color: var(--darkpetrol);
}
.coin-form-field-outline mat-select .mat-select-value-text p {
  height: 16px;
}
.coin-form-field-outline mat-select .mat-select-value > span {
  font-family: Siemens Sans !important;
  font-size: 0.75rem;
  line-height: 1rem;
}
.coin-form-field-outline mat-select .mat-select-arrow-wrapper .mat-select-arrow {
  margin-top: 8px;
}
.coin-form-field-outline mat-select.mat-select-disabled {
  opacity: 0.9;
}
.coin-form-field-outline .mat-form-field-flex .mat-form-field-infix textarea {
  border: none !important;
  min-height: 20px;
  font-family: Siemens Sans !important;
  font-size: 0.75rem;
  line-height: 1rem;
}
.coin-form-field-outline .mat-form-field-suffix {
  top: 0 !important;
}
.coin-form-field-outline .mat-form-field-suffix mat-icon {
  color: var(--ion-color-primary);
  font-size: 1rem !important;
}
.coin-form-field-outline input {
  font-family: Siemens Sans !important;
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
}
.coin-form-field-outline.disabled .mat-form-field-outline, .coin-form-field-outline.mat-form-field-disabled .mat-form-field-outline {
  background-color: var(--ion-color-gray) !important;
}
.coin-form-field-outline.disabled .mat-form-field-label-wrapper label, .coin-form-field-outline.mat-form-field-disabled .mat-form-field-label-wrapper label {
  color: var(--ion-color-primary);
  padding-top: 8px;
  margin-top: -8px;
}
.coin-form-field-outline.disabled .mat-form-field-label-wrapper label mat-label, .coin-form-field-outline.mat-form-field-disabled .mat-form-field-label-wrapper label mat-label {
  background-color: var(--ion-color-gray);
  border-radius: 20px;
  border-top: 1px solid rgb(209, 216, 224);
}
.coin-form-field-outline.disabled input,
.coin-form-field-outline.disabled textarea, .coin-form-field-outline.mat-form-field-disabled input,
.coin-form-field-outline.mat-form-field-disabled textarea {
  color: var(--darkpetrol);
}
.coin-form-field-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--ion-color-primary);
}
.coin-form-field-outline.ng-invalid.ng-touched .mat-form-field-outline-thick {
  color: var(--ion-color-danger) !important;
}
.coin-form-field-outline--dropdown .mat-form-field-infix {
  padding: 0em 6px 0em 6px;
}
.coin-form-field-outline--dynamic-height .mat-form-field-infix {
  height: unset;
}
.coin-form-field-outline--shadow .mat-form-field-outline {
  box-shadow: 0px 2px 5px darkgray !important;
}
.coin-form-field-outline--shadow-dark .mat-form-field-outline {
  box-shadow: 0px 2px 5px #5f5f5f !important;
}
.coin-form-field-outline--grey .mat-form-field-outline {
  background-color: var(--lightgrey200) !important;
}
.coin-form-field-outline--preIcon .mat-form-field-infix {
  padding-left: 30px;
}
.coin-form-field-outline--grey-bold .mat-form-field-outline {
  border: 2px solid #c3d0e2 !important;
  background-color: transparent !important;
}
.coin-form-field-outline--grey-bold .mat-form-field-outline-thick {
  color: #c3d0e2 !important;
}
.coin-form-field-outline--grey-bold .mat-form-field-infix {
  padding: 0 8px;
}
.coin-form-field-outline--grey-bold .mat-form-field-infix span {
  font-weight: bold;
  color: var(--purple1000);
}
.coin-form-field-outline--grey-bold .mat-select-arrow {
  color: var(--purple1000);
}
.coin-form-field-outline--svgIcon .mat-form-field-infix input {
  padding-right: 20px;
}
.coin-form-field-outline--budget-definition {
  margin: 0px;
}
.coin-form-field-outline--budget-definition .mat-form-field-wrapper {
  padding: 0px;
}
.coin-form-field-outline--budget-definition .mat-form-field-infix {
  background-color: var(--ion-color-yellow);
  margin: 0px;
}
.coin-form-field-outline--budget-definition .mat-form-field-infix * {
  color: var(--greyBlue);
  font-weight: bold;
}
.coin-form-field-outline--date-range input {
  text-overflow: initial;
}
.coin-form-field-outline--date-range .mat-datepicker-toggle button {
  border: none !important;
}
.coin-form-field-outline--date-range .mat-date-range-input-start-wrapper .mat-date-range-input-inner {
  bottom: 0;
  top: unset;
}
.coin-form-field-outline--date-range .mat-form-field-flex {
  padding-right: 8px;
}
.coin-form-field-outline--date-range .mat-date-range-input-start-wrapper {
  min-width: 66px;
}
.coin-form-field-outline--date-range .mat-datepicker-toggle-default-icon {
  color: var(--purple700);
}
.coin-form-field-outline--date-range .mat-form-field-suffix {
  top: 2px !important;
}
.coin-form-field-outline--date .mat-form-field-wrapper {
  padding-bottom: 0px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./libs/ui/styles/global.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  -webkit-user-select: text;
  user-select: text;
}

.hover {
  transition: transform 200ms;
}
.hover:hover {
  transform: scale(0.9);
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  animation-delay: calc(1s * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  animation-delay: calc(1s * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  animation-delay: calc(1s * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  animation-delay: calc(1s * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  animation-duration: calc(1s / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  animation-duration: calc(1s * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  animation-duration: calc(1s * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(1s * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
/* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
/* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
/* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}