/* siemens 20231029 */

/* Highlight-Stripe Label */

.viewbox-label__highlight {
  background: linear-gradient(180deg,#00FFB9 0%,#00E6DC 100%);
}


.base-button--color-mode-two {
  background-image: linear-gradient(90deg, #00FFB9 0%, #00E6DC 100%) !important;
}

.base-button--color-mode-two:hover {
  background-image: linear-gradient(90deg, #fff 0%, #fff 100%) !important;
}


@font-face {
  font-family: 'SiemensSans_Prof';
  font-style: normal;
  font-weight: 400;
  src: url('./../../assets/fonts/SiemensSans_Prof_Roman.woff2') format('woff2');
}

@font-face {
  font-family: 'SiemensSans_Prof';
  font-style: normal;
  font-weight: 700;
  src: url('./../../assets/fonts/SiemensSans_Prof_Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'SiemensSans_Prof';
  font-style: normal;
  font-weight: 900;
  src: url('./../../assets/fonts/SiemensSans_Prof_Black.woff2') format('woff2');
}


:root {
--yp-btn-color-black-fill-bg: #303036;
  --yp-btn-color-black-fill-bg-h: #494950;
  --yp-btn-color-black-fill-fg: #ffffff;
  --yp-btn-color-black-fill-fg-h: #ffffff;
  --yp-btn-color-black-ghost-bg: #c2ffee00;
  --yp-btn-color-black-ghost-bg-h: #c2ffee;
  --yp-btn-color-black-ghost-fg: #005159;
  --yp-btn-color-black-ghost-fg-h: #005159;
  --yp-btn-color-black-outline-bg: #ffffff01;
  --yp-btn-color-black-outline-bg-h: #c2ffee;
  --yp-btn-color-black-outline-border: #15074e;
  --yp-btn-color-black-outline-fg: #005159;
  --yp-btn-color-black-outline-fg-h: #15074e;
  --yp-btn-color-one-fill-bg: #00819c;
  --yp-btn-color-one-fill-bg-h: #196269;
  --yp-btn-color-one-fill-fg: #ffffff;
  --yp-btn-color-one-fill-fg-h: #ffffff;
  --yp-btn-color-one-ghost-bg: #c2ffee00;
  --yp-btn-color-one-ghost-bg-h: #c2ffee;
  --yp-btn-color-one-ghost-fg: #005159;
  --yp-btn-color-one-ghost-fg-h: #005159;
  --yp-btn-color-one-outline-bg: #ffffff01;
  --yp-btn-color-one-outline-bg-h: #c2ffee;
  --yp-btn-color-one-outline-border: #005159;
  --yp-btn-color-one-outline-fg: #005159;
  --yp-btn-color-one-outline-fg-h: #005159;
  --yp-btn-color-two-fill-bg: #00cccc;
  --yp-btn-color-two-fill-bg-h: #00ffb9;
  --yp-btn-color-two-fill-fg: #000028;
  --yp-btn-color-two-fill-fg-h: #000028;
  --yp-btn-color-two-ghost-bg: #1a9bff00;
  --yp-btn-color-two-ghost-bg-h: #001f39;
  --yp-btn-color-two-ghost-fg: #00cccc;
  --yp-btn-color-two-ghost-fg-h: #00ffb9;
  --yp-btn-color-two-outline-bg: #ffffff01;
  --yp-btn-color-two-outline-bg-h: #00cccc33;
  --yp-btn-color-two-outline-border: #00cccc;
  --yp-btn-color-two-outline-fg: #00cccc;
  --yp-btn-color-two-outline-fg-h: #00cccc;
  --yp-btn-color-white-fill-bg: #ffffff;
  --yp-btn-color-white-fill-bg-h: #00ffb9;
  --yp-btn-color-white-fill-fg: #000028;
  --yp-btn-color-white-fill-fg-h: #000028;
  --yp-btn-color-white-ghost-bg: #ffffff00;
  --yp-btn-color-white-ghost-bg-h: #ffffff40;
  --yp-btn-color-white-ghost-fg: #ffffff;
  --yp-btn-color-white-ghost-fg-h: #ffffff;
  --yp-btn-color-white-outline-bg: #ffffff01;
  --yp-btn-color-white-outline-bg-h: #ffffff33;
  --yp-btn-color-white-outline-border: #ffffff;
  --yp-btn-color-white-outline-fg: #ffffff;
  --yp-btn-color-white-outline-fg-h: #ffffff;
  --yp-btn-hero-dk-fill-bg: #e5018a;
  --yp-btn-hero-dk-fill-bg-h: #bd0a60;
  --yp-btn-hero-dk-fill-fg: #ffffff;
  --yp-btn-hero-dk-fill-fg-h: #ffffff;
  --yp-btn-hero-dk-ghost-bg: #e5018a00;
  --yp-btn-hero-dk-ghost-bg-h: #e5018a1a;
  --yp-btn-hero-dk-ghost-fg: #e5018a;
  --yp-btn-hero-dk-ghost-fg-h: #e5018a;
  --yp-btn-hero-dk-outline-bg: #ffffff01;
  --yp-btn-hero-dk-outline-bg-h: #e5018a1a;
  --yp-btn-hero-dk-outline-border: #e5018a;
  --yp-btn-hero-dk-outline-fg: #e5018a;
  --yp-btn-hero-dk-outline-fg-h: #e5018a;
  --yp-btn-hero-lt-fill-bg: #faff0a;
  --yp-btn-hero-lt-fill-bg-h: #b9bc00;
  --yp-btn-hero-lt-fill-fg: #1a1a1a;
  --yp-btn-hero-lt-fill-fg-h: #1a1a1a;
  --yp-btn-hero-lt-ghost-bg: #faff0a00;
  --yp-btn-hero-lt-ghost-bg-h: #faff0a1a;
  --yp-btn-hero-lt-ghost-fg: #faff0a;
  --yp-btn-hero-lt-ghost-fg-h: #faff0a;
  --yp-btn-hero-lt-outline-bg: #ffffff01;
  --yp-btn-hero-lt-outline-bg-h: #faff0a1a;
  --yp-btn-hero-lt-outline-border: #faff0a;
  --yp-btn-hero-lt-outline-fg: #faff0a;
  --yp-btn-hero-lt-outline-fg-h: #faff0a;
  --yp-btn-speed-toggle-bg: #0000004d;
  --yp-btn-speed-toggle-bg-h: #0000004d;
  --yp-btn-speed-toggle-border: #ffffff33;
  --yp-btn-speed-toggle-border-h: #ffffff80;
  --yp-btn-speed-toggle-fg: #ffffff;
  --yp-btn-speed-toggle-fg-h: #ffffff;
  --yp-dialog-dk-bg: #262626;
  --yp-dialog-dk-border: #ffffff;
  --yp-dialog-dk-table-line-pri: #262626;
  --yp-dialog-dk-table-line-sec: #555555;
  --yp-dialog-dk-txt-color-pri: #ffffff;
  --yp-dialog-dk-txt-color-sec: #959595;
  --yp-dialog-lt-bg: #ffffff;
  --yp-dialog-lt-border: #ffffff;
  --yp-dialog-lt-table-line-pri: #ffffff;
  --yp-dialog-lt-table-line-sec: #e6e6e6;
  --yp-dialog-lt-txt-color-pri: #1a1a1a;
  --yp-dialog-lt-txt-color-sec: #6b6b6b;
  --yp-intertitle-dk-bg: #000000cc;
  --yp-intertitle-dk-txt-pri: #ffffff;
  --yp-intertitle-dk-txt-sec: #959595;
  --yp-intertitle-lt-bg: #ffffff;
  --yp-intertitle-lt-txt-pri: #1a1a1a;
  --yp-intertitle-lt-txt-sec: #6b6b6b;
  --yp-label-dk-blank-bg: #1a1a1a00;
  --yp-label-dk-border: #ffffff00;
  --yp-label-dk-fill-bg: #1a1a1a;
  --yp-label-dk-highlight: #00cccc;
  --yp-label-dk-transparent-bg: #1a1a1ad9;
  --yp-label-dk-txt-pri: #ffffff;
  --yp-label-dk-txt-sec: #959595;
  --yp-label-lt-blank-bg: #ffffff00;
  --yp-label-lt-border: #1a1a1a00;
  --yp-label-lt-fill-bg: #ffffff;
  --yp-label-lt-highlight: #007082;
  --yp-label-lt-transparent-bg: #ffffffd9;
  --yp-label-lt-txt-pri: #1a1a1a;
  --yp-label-lt-txt-sec: #6b6b6b;
  --yp-pbar-current-time: #00cccc;
  --yp-pbar-full: #ffffff40;
  --yp-pbar-marker: #ffffff;
  --yp-pbar-played: #bfbfbf;
  --yp-pbar-scrubber: #00cccc;
  --yp-pbar-scrubber-drag: #00cccc4d;
  --yp-pbar-thumbnail-bg: #ffffff;
  --yp-pbar-thumbnail-bg-time: #ffffff;
  --yp-pbar-thumbnail-border-color: #ffffff;
  --yp-pbar-thumbnail-txt-pri: #ffffff;
  --yp-sbar-card-bg-h: #ffffff33;
  --yp-sbar-card-border: #333333;
  --yp-sbar-card-container-stroke: #333333;
  --yp-sbar-chapter-step-active: #00cccc33;
  --yp-sbar-interaction-pri: #00cccc;
  --yp-sbar-interaction-sec: #00cccc80;
  --yp-sbar-txt-pri: #ffffff;
  --yp-sbar-txt-sec: #959595;
  --yp-spinner-color: #00cccc;
  --yp-start-video-btn-bg: #ffffff;
  --yp-start-video-btn-bg-h: #d6d6d6;
  --yp-start-video-btn-fg: #000000;
  --yp-start-video-btn-fg-h: #000000;
  --yp-subtitle-dk-blank-bg: #00002800;
  --yp-subtitle-dk-fg: #ffffff;
  --yp-subtitle-dk-fill-bg: #000028;
  --yp-subtitle-dk-transparent-bg: #000028e5;
  --yp-subtitle-dk-transparent-low-bg: #0000284d;
  --yp-subtitle-lt-blank-bg: #f2f2f200;
  --yp-subtitle-lt-fg: #1a1a1a;
  --yp-subtitle-lt-fill-bg: #f2f2f2;
  --yp-subtitle-lt-transparent-bg: #f2f2f2e5;
  --yp-subtitle-lt-transparent-low-bg: #f2f2f24d;
  --yp-tooltips-bg-dark: #262626;
  --yp-tooltips-fg: #ffffff;
  --yp-warning-bg: #1a1a1a;
  --yp-warning-text-pri: #ffffff;
  --yp-warning-level-1-bg: #ffffff;
  --yp-warning-level-1-bg-h: #d9d9d9;
  --yp-warning-level-1-fg: #000000;
  --yp-warning-level-2-bg: #246cf3;
  --yp-warning-level-2-bg-h: #5189f1;
  --yp-warning-level-2-fg: #ffffff;
  --yp-warning-level-3-bg: #fbff00;
  --yp-warning-level-3-bg-h: #dfe200;
  --yp-warning-level-3-fg: #000000;
  --yp-warning-level-4-bg: #ffa000;
  --yp-warning-level-4-bg-h: #d78700;
  --yp-warning-level-4-fg: #000000;
  --yp-warning-level-5-bg: #ee0000;
  --yp-warning-level-5-bg-h: #ec6565;
  --yp-warning-level-5-fg: #ffffff;
  --yp-yp-root-green: #81c784;
  --yp-yp-root-red: #f44336;
  --yp-yp-root-yellow: #ffeb3b;
  --yp-btn-angular-txt-btn-big-cr: 0rem;
  --yp-btn-angular-txt-btn-medium-cr: 0rem;
  --yp-btn-angular-txt-btn-small-cr: 0rem;
  --yp-btn-angular-icon-btn-small-cr: 0.75rem;
  --yp-btn-angular-icon-btn-medium-cr: 1rem;
  --yp-btn-angular-icon-btn-big-cr: 1.75rem;
  --yp-btn-round-icon-btn-cr: 5rem;
  --yp-btn-round-txt-btn-cr: 5rem;
  --yp-dialog-bg-rd: 0.625rem;
  --yp-label-bg-rd: 0rem;
  --yp-label-highlight-height: 0.25rem;
  --yp-sbar-corner-rd-none: 0rem;
  --yp-sbar-corner-rd: 0.625rem;
  --yp-subtitle-corner-rd: 0.125rem;
  --yp-subtitle-vertical-padding: 0.125rem;
  --yp-subtitle-horizontal-padding: 0.25rem;
--yp-root-font: "SiemensSans_Prof";
}