/* Siemens Sans */
@font-face {
   font-family: 'Siemens Sans';
   src: url('./fonts/SiemensSans-Roman.cd5d9a92418c8496dfbc59901dc68565.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: 'Siemens Sans';
   src: url('./fonts/SiemensSans-Italic.34064e9a863b76bdc7451e1c2e13349e.woff2') format('woff2');
   font-weight: 400;
   font-style: italic;
}
@font-face {
   font-family: 'Siemens Sans';
   src: url('./fonts/SiemensSans-Bold.9fefcc52da6bc35d9f162093580f719f.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
}
@font-face {
   font-family: 'Siemens Sans';
   src: url('./fonts/SiemensSans-BoldItalic.1a9bc541540dbcb397fa1e46d43b7941.woff2') format('woff2');
   font-weight: 600;
   font-style: italic;
}
@font-face {
   font-family: 'Siemens Sans';
   src: url('./fonts/SiemensSans-Black.823d6d2772c94603e3228996002c2815.woff2') format('woff2');
   font-weight: 800;
   font-style: normal;
}

/* SH-Bree-Headline Basic Latin Glyphs and Greek & Cyrillic */
@font-face {
   font-family: 'SH Headline';
   src: url('./fonts/SH-Bree-HeadlineEUR.e33845d6865d8d0fe1ea2304b3fdc94c.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   unicode-range: U+020-21b, U+1e0c-203a, U+374-4f3; /* Latin +  Greek & Cyrillic glyphs */
}
@font-face {
   font-family: 'SH Headline';
   /* Gets "faux bold" in Safari since local TTF is only available in regular style */
   src: url('./fonts/SH-Bree-HeadlineEUR.e33845d6865d8d0fe1ea2304b3fdc94c.woff2') format('woff2');
   font-weight: bold;
   font-style: normal;
   unicode-range: U+020-21b, U+1e0c-203a, U+374-4f3; /* Latin +  Greek & Cyrillic glyphs */
}

:root {
   /* Fonts */
   --font-regular: 'Siemens Sans', sans-serif;
   --font-bold: 'Siemens Sans', sans-serif;
   --font-black: 'SH Headline', sans-serif;

   /* Colors */
   --color-black: #000;
   --color-white: #fff;
   --color-grey-1: #f4f4f4;
   --color-grey-2: #e9e7e7;
   --color-grey-3: #d5d5d5;
   --color-grey-4: #b3b3b3;
   --color-grey-5: #6a6a6a;
   --color-grey-6: #585858;
   --color-grey-7: #1a1a1a;
   --color-accent-1: #ec6602;
   --color-accent-2: #099;
   --color-accent-1-light: color-mix(in srgb, var(--color-accent-1), #fff 25%);
   --color-accent-1-dark: color-mix(in srgb, var(--color-accent-1), #000 10%);
   --color-white-t70: #ffffffb2;
   --color-white-t50: #ffffff7f;
   --color-black-t16: #00000029;
   --color-black-t30: #0000004d;
   --color-black-t50: #00000080;
   --color-grey-1-t80: #f4f4f4cc;
   --color-grey-3-t80: #d5d5d5cc;
   --color-grey-4-t50: #b3b3be7f;
   --color-notification-red: #ff2640;
   --color-notification-yellow: #ffd732;
   --color-notification-green: #01d65a;
   --color-focus-border: #1491eb;

   /* Color definitions for elements */
   --color-highlight-primary-default: var(--color-accent-1);
   --color-highlight-primary-hover: var(--color-accent-1-dark);

   --color-navigation-background: var(--color-white);

   --color-text-primary-default: var(--color-grey-7);
   --color-text-secondary-default: var(--color-grey-6);

   --color-text-home: var(--color-black);

   --color-text-previewasset-link-default: var(--color-text-secondary-default);
   --color-text-previewasset-link-hover: var(--color-highlight-primary-hover);

   --color-button-primary-text-default: var(--color-grey-1);
   --color-button-primary-text-hover: var(--color-grey-1);
   --color-button-primary-background-default: var(--color-highlight-primary-default);
   --color-button-primary-background-hover: var(--color-highlight-primary-hover);
   --color-button-primary-border-default: var(--color-highlight-primary-default);
   --color-button-primary-border-hover: var(--color-button-primary-border-default);
   --color-button-secondary-text-default: var(--color-grey-5);
   --color-button-secondary-text-hover: var(--color-button-secondary-text-default);
   --color-button-secondary-background-default: transparent;
   --color-button-secondary-background-hover: var(--color-grey-3);
   --color-button-secondary-border-default: var(--color-button-secondary-text-default);
   --color-button-secondary-border-hover: var(--color-button-secondary-background-hover);
   --color-button-cta-primary-text-default: var(--color-text-primary-default);
   --color-button-cta-primary-text-hover: var(--color-text-primary-default);
   --color-button-cta-primary-border-default: var(--color-highlight-primary-default);
   --color-button-cta-primary-border-hover: var(--color-button-cta-primary-border-default);
   --color-button-cta-primary-background-default: var(--color-white);
   --color-button-cta-primary-background-hover: var(--color-button-primary-background-hover);
   --color-button-cta-secondary-border-default: var(--color-highlight-primary-default);
   --color-button-cta-secondary-background-default: var(--color-highlight-primary-default);
   --color-button-cta-secondary-background-hover: var(--color-button-primary-background-hover);
   --color-button-cta-secondary-text-default: var(--color-white);
   --color-button-cta-secondary-text-hover: var(--color-white);

   --color-header-background: var(--color-navigation-background);
   --color-header-text-default: var(--color-text-primary-default);
   --color-header-text-hover: var(--color-highlight-primary-default);
   --color-header-shadow: var(--color-black-t16);

   --color-main-background: var(--color-grey-1);

   --color-breadcrumbs-text: var(--color-header-text-default);
   --color-breadcrumbs-home: var(--color-breadcrumbs-text);
   --color-breadcrumbs-separator: var(--color-breadcrumbs-text);

   --color-footer-home: var(--color-breadcrumbs-home);
   --color-footer-breadcrumbs-text: var(--color-breadcrumbs-text);
   --color-footer-background: var(--color-navigation-background);
   --color-footer-shadow: var(--color-black-t16);

   --color-scrollbar-thumb-light: var(--color-white);
   --color-scrollbar-thumb-light-transparent: var(--color-white-t50);
   --color-scrollbar-thumb-dark: var(--color-grey-4-t50);

   --color-sidebar-background: var(--color-navigation-background);
   --color-sidebar-shadow: var(--color-black-t50);
   --color-sidebar-overlay: var(--color-white-t50);
   --color-sidebar-text-default: var(--color-text-primary-default);
   --color-sidebar-text-hover: var(--color-highlight-primary-hover);
   --color-sidebar-close-icon: var(--color-grey-7);

   --color-badge-text: var(--color-white);
   --color-badge-background: var(--color-highlight-primary-hover);

   --color-langswitch-headline: var(--color-sidebar-text-default);
   --color-langswitch-text-default: var(--color-sidebar-text-default);
   --color-langswitch-text-hover: var(--color-highlight-primary-default);
   --color-langswitch-text-active: var(--color-highlight-primary-default);

   --color-hint-text: var(--color-white);
   --color-hint-background: var(--color-highlight-primary-default);

   --color-navbar-background: var(--color-sidebar-background);
   --color-navbar-spacer-background: transparent;
   --color-navbar-shadow: var(--color-black-t30);
   --color-navbar-overlay: var(--color-grey-1-t80);
   --color-navbar-close: var(--color-grey-7);
   --color-navbar-menu: var(--color-grey-7);
   --color-navbar-text-default: var(--color-text-primary-default);
   --color-navbar-menu-entry-background-default: var(--color-grey-2);
   --color-navbar-menu-entry-background-hover: var(--color-grey-1);
   --color-navbar-menu-entry-text-hover: var(--color-text-primary-default);
   --color-navbar-menu-entry-current-text-default: var(--color-highlight-primary-default);
   --color-navbar-menu-entry-current-text-hover: var(--color-white);
   --color-navbar-menu-entry-current-background-default: var(--color-grey-2);
   --color-navbar-menu-entry-current-background-hover: var(--color-accent-1-light);
   --color-navbar-menu-entry-current-icon-default: var(--color-text-primary-default);
   --color-navbar-menu-entry-current-icon-hover: var(--color-highlight-primary-hover);
   --color-navbar-globallinks-default: var(--color-highlight-primary-default);
   --color-navbar-globallinks-hover: var(--color-highlight-primary-hover);
   --color-navbar-globallinks-visited: var(--color-grey-4);
   --color-navbar-toggle-text-default: var(--color-button-primary-text-default);
   --color-navbar-toggle-text-hover: var(--color-navbar-toggle-text-default);
   --color-navbar-toggle-background-default: var(--color-button-primary-background-default);
   --color-navbar-toggle-background-hover: var(--color-highlight-primary-hover);

   --color-search-background: var(--color-black-t30);
   --color-search-border: var(--color-search-input-background);
   --color-search-input-background: var(--color-grey-3);
   --color-search-input-text: var(--color-text-primary-default);
   --color-search-input-placeholder: var(--color-highlight-primary-default);
   --color-search-input-icon: var(--color-highlight-primary-default);
   --color-search-submit-icon-default: var(--color-search-input-text);
   --color-search-delete-icon-default: var(--color-search-input-text);
   --color-search-delete-icon-hover: var(--color-highlight-primary-hover);
   --color-search-filter-label-text-default: var(--color-text-primary-default);
   --color-search-filter-label-text-hover: var(--color-search-filter-label-text-default);
   --color-search-filter-label-text-active: var(--color-highlight-primary-hover);
   --color-search-filter-icon-default: var(--color-search-filter-label-text-default);
   --color-search-filter-icon-hover: var(--color-highlight-primary-hover);
   --color-search-filter-background-default: var(--color-navbar-background);
   --color-search-filter-background-active: var(--color-grey-1);
   --color-search-filter-background-hover: var(--color-search-filter-background-active);
   --color-search-filter-border-default: var(--color-grey-4);
   --color-search-filter-border-active: var(--color-highlight-primary-hover);
   --color-search-filter-border-hover: var(--color-search-filter-border-active);
   --color-search-filteritem-text-default: var(--color-text-primary-default);
   --color-search-filteritem-text-hover: var(--color-search-filteritem-text-default);
   --color-search-filteritem-text-active: var(--color-search-filteritem-text-default);
   --color-search-filteritem-checkbox-background-default: transparent;
   --color-search-filteritem-checkbox-default: var(--color-search-filteritem-text-default);
   --color-search-filteritem-checkbox-icon-default: var(--color-accent-1);
   --color-search-filteritem-background-default: transparent;
   --color-search-filteritem-background-hover: var(--color-grey-2);
   --color-search-filteritem-background-active: var(--color-white);
   --color-homegraphic-hotspot-text-default: var(--color-search-filter-label-text-default);
   --color-homegraphic-hotspot-background-default: var(--color-search-filter-background-default);
   --color-homegraphic-hotspot-background-hover: var(--color-search-filteritem-background-hover);
   --color-homegraphic-hotspot-border-default: var(--color-search-filter-border-active);
   --color-homegraphic-hotspot-icon-default: var(--color-search-filter-icon-hover);
   --color-homegraphic-mobile-link-border: var(--color-grey-2);
   --color-homegraphic-mobile-link-text-default: var(--color-text-primary-default);
   --color-homegraphic-mobile-link-background-hover: var(--color-grey-1);
   --color-search-results-text: var(--color-text-primary-default);
   --color-search-results-headline: var(--color-search-results-text);
   --color-search-results-item-name-default: var(--color-search-results-text);
   --color-search-results-item-type-default: var(--color-accent-1);
   --color-search-results-sub-item-name-default: var(--color-search-results-item-type-default);
   --color-search-results-item-arrow-default: var(--color-search-results-text);
   --color-search-results-item-chevron-default: var(--color-search-results-text);
   --color-search-results-pagination-text: var(--color-search-results-text);
   --color-search-results-pagination-button: var(--color-search-results-pagination-text);

   --color-content-text: var(--color-text-primary-default);
   --color-content-headline: var(--color-content-text);
   --color-content-noassets-preview-background: var(--color-grey-3);

   --color-assettile-text: var(--color-text-primary-default);
   --color-assettile-text-type: var(--color-assettile-text);
   --color-assettile-text-title: var(--color-assettile-text);
   --color-assettile-text-title-hover: var(--color-assettile-text);
   --color-assettile-background: var(--color-grey-1);
   --color-assettile-info-background-default: var(--color-white);
   --color-assettile-info-background-hover: var(--color-grey-2);
   --color-assettile-shadow: var(--color-black-t16);
   --color-assettile-gradient-start: var(--color-black-t50);
   --color-assettile-gradient-end: transparent;
   --color-assettile-favorite-unselected-default: var(--color-white);
   --color-assettile-favorite-unselected-hover: var(--color-highlight-primary-default);
   --color-assettile-favorite-selected-default: var(--color-highlight-primary-default);
   --color-assettile-favorite-selected-hover: var(--color-highlight-primary-hover);
   --color-assettile-download-gradient-start: var(--color-accent-1);
   --color-assettile-download-gradient-end: color-mix(in srgb, var(--color-accent-1) 25%, transparent);
   --color-assettile-download-icon: var(--color-grey-1);

   --color-favorites-title: var(--color-text-primary-default);
   --color-favorites-icon: var(--color-favorites-title);

   --color-asset-background: color-mix(in srgb, var(--color-grey-7) 90%, transparent);
   --color-asset-website-text: var(--color-grey-1);
   --color-asset-website-title: var(--color-asset-website-text);
   --color-asset-website-description: var(--color-asset-website-text);
   --color-asset-website-description-link: var(--color-highlight-primary-default);
   --color-asset-website-headline-line: transparent;
   --color-asset-website-link-text: var(--color-button-primary-text-default);
   --color-asset-website-link-text-hover: var(--color-asset-website-link-text);
   --color-asset-website-link-background-default: var(--color-button-primary-background-default);
   --color-asset-website-link-background-hover: var(--color-button-primary-background-hover);
   --color-asset-control-button-icon-default: var(--color-button-primary-text-default);
   --color-asset-control-button-icon-hover: var(--color-asset-navigation-button-icon-default);
   --color-asset-control-button-background-default: var(--color-button-primary-background-default);
   --color-asset-control-button-background-hover: var(--color-button-primary-background-hover);
   --color-asset-control-button-background-active: var(--color-asset-navigation-button-background-hover);
   --color-asset-control-button-border-default: transparent;
   --color-asset-control-button-border-hover: transparent;
   --color-asset-control-button-border-focus: transparent;
   --color-asset-navigation-button-background-default: var(--color-button-primary-background-default);
   --color-asset-navigation-button-background-hover: var(--color-button-primary-background-hover);
   --color-asset-navigation-button-background-active: var(--color-asset-navigation-button-background-hover);
   --color-asset-navigation-button-icon-default: var(--color-button-primary-text-default);
   --color-asset-navigation-button-icon-hover: var(--color-asset-navigation-button-icon-default);
   --color-asset-navigation-button-icon-active: var(--color-asset-navigation-button-icon-default);
   --color-asset-pages-text: var(--color-text-primary-default);
   --color-asset-pages-background: var(--color-grey-1);
   --color-asset-pages-shadow: var(--color-black-t30);
   --color-asset-pages-page-background-default: var(--color-grey-1);
   --color-asset-pages-page-text-default: var(--font-black);
   --color-asset-pages-navigation-background-default: var(--color-accent-1-light);
   --color-asset-pages-navigation-background-active: var(--color-highlight-primary-default);
   --color-asset-pages-navigation-background-hover: var(--color-highlight-primary-hover);
   --color-asset-pages-navigation-after-focus-border-default: var(--color-accent-1-light);
   --color-asset-video-playbutton-icon-default: var(--color-grey-7);
   --color-asset-video-playbutton-icon-hover: var(--color-asset-video-playbutton-icon-default);
   --color-asset-video-playbutton-background-default: var(--color-white);
   --color-asset-video-playbutton-background-hover: var(--color-grey-2);
   --color-asset-video-playbutton-border-default: var(--color-grey-7);
   --color-asset-video-playbutton-border-hover: var(--color-asset-video-playbutton-border-default);
   --color-asset-video-progressbar-background: var(--color-grey-6);
   --color-asset-video-progressbar-progress: var(--color-accent-1);
   --color-asset-video-volumefader-background: var(--color-grey-3);
   --color-asset-video-volumefader-volume: var(--color-black);
   --color-asset-video-controls-container-background: var(--color-black-t50);
   --color-asset-video-controls-fore: var(--color-black-t50);
   --color-asset-video-control-button: var(--color-white);
   --color-asset-video-time-text: var(--color-white);
   --color-asset-pdf-loadingIndicatorProgress: var(--color-accent-1);

   --color-dialog-content-text: var(--color-text-primary-default);
   --color-dialog-content-icon: var(--color-text-primary-default);
   --color-dialog-background: var(--color-white-t70);
   --color-dialog-content-background: var(--color-grey-2);
   --color-dialog-content-button-confirm-text-default: var(--color-button-primary-text-default);
   --color-dialog-content-button-confirm-text-default-hover: var(--color-dialog-content-button-confirm-text-default);
   --color-dialog-content-button-confirm-background-default: var(--color-button-primary-background-default);
   --color-dialog-content-button-confirm-background-hover: var(--color-button-primary-background-hover);
   --color-dialog-content-button-confirm-background-active: var(--color-dialog-content-button-confirm-background-default);
   --color-dialog-content-button-confirm-border-default: var(--color-button-primary-background-default);
   --color-dialog-content-button-confirm-border-hover: var(--color-button-primary-background-hover);
   --color-dialog-content-button-confirm-border-active: var(--color-dialog-content-button-confirm-border-default);
   --color-dialog-content-button-refuse-text-default: var(--color-highlight-primary-default);
   --color-dialog-content-button-refuse-text-hover: var(--color-highlight-primary-hover);
   --color-dialog-content-button-refuse-text-active: var(--color-dialog-content-button-refuse-text-default);
   --color-dialog-content-button-refuse-background-default: transparent;
   --color-dialog-content-button-refuse-border-default: var(--color-button-primary-background-default);
   --color-dialog-content-button-refuse-border-hover: var(--color-button-primary-background-hover);
   --color-dialog-content-button-refuse-border-active: var(--color-dialog-content-button-refuse-border-default);

   --color-editor-dialog-headline1: var(--color-dialog-content-text);
   --color-editor-dialog-paragraph: var(--color-grey-6);
   --color-editor-dialog-primary-button-text-default: var(--color-button-primary-text-default);
   --color-editor-dialog-primary-button-text-hover: var(--color-button-primary-text-default);
   --color-editor-dialog-primary-button-text-active: var(--color-editor-dialog-primary-button-text-default);
   --color-editor-dialog-primary-button-background-default: var(--color-button-primary-background-default);
   --color-editor-dialog-primary-button-background-hover: var(--color-button-primary-background-hover);
   --color-editor-dialog-primary-button-background-active: var(--color-editor-dialog-primary-button-background-default);
   --color-editor-dialog-secondary-button-text-default: var(--color-highlight-primary-default);
   --color-editor-dialog-secondary-button-text-hover: var(--color-highlight-primary-hover);
   --color-editor-dialog-secondary-button-text-active: var(--color-editor-dialog-secondary-button-text-default);
   --color-editor-dialog-secondary-button-background-default: transparent;
   --color-editor-dialog-secondary-button-background-hover: var(--color-editor-dialog-secondary-button-background-default);
   --color-editor-dialog-secondary-button-background-active: var(--color-editor-dialog-secondary-button-background-default);
   --color-editor-dialog-secondary-button-border-default: var(--color-editor-dialog-secondary-button-text-default);
   --color-editor-dialog-secondary-button-border-hover: var(--color-editor-dialog-secondary-button-text-hover);
   --color-editor-dialog-secondary-button-border-active: var(--color-editor-dialog-secondary-button-border-default);
   --color-editor-dialog-input-message-error: var(--color-highlight-primary-default);
   --color-editor-dialog-input-text-default: var(--color-grey-7);
   --color-editor-dialog-input-text-error: var(--color-white);
   --color-editor-dialog-input-icon-default: var(--color-grey-4);
   --color-editor-dialog-input-background-default: var(--color-white);
   --color-editor-dialog-input-background-error: var(--color-highlight-primary-hover);
   --color-editor-dialog-input-border-default: var(--color-grey-4);
   --color-editor-dialog-input-border-hover: var(--color-highlight-primary-hover);
   --color-editor-dialog-input-border-error: var(--color-highlight-primary-hover);
   --color-editor-dialog-textfield-placeholder-default: var(--color-grey-4);
   --color-editor-dialog-textfield-placeholder-hover: var(--color-editor-dialog-textfield-placeholder-default);
   --color-editor-dialog-textfield-placeholder-error: var(--color-grey-4);
   --color-editor-dialog-dropdown-text-default: var(--color-editor-dialog-input-text-default);
   --color-editor-dialog-dropdown-arrow-default: var(--color-editor-dialog-input-text-default);
   --color-editor-dialog-dropdown-arrow-hover: var(--color-highlight-primary-hover);
   --color-editor-dialog-dropdown-arrow-error: var(--color-editor-dialog-input-text-error);
   --color-editor-dialog-dropdown-background-default: var(--color-editor-dialog-input-background-default);
   --color-editor-dialog-dropdown-background-hover: var(--color-grey-1);
   --color-editor-dialog-dropdown-list-background-default: var(--color-grey-2);
   --color-editor-dialog-dropdown-list-border-default: var(--color-highlight-primary-hover);
   --color-editor-dialog-dropdown-element-text-default: var(--color-editor-dialog-input-text-default);
   --color-editor-dialog-dropdown-element-background-hover: var(--color-grey-1);
   --color-editor-dialog-button-text-default: var(--color-button-primary-text-default);
   --color-editor-dialog-button-text-hover: var(--color-button-primary-text-hover);
   --color-editor-dialog-button-background-default: var(--color-button-primary-background-default);
   --color-editor-dialog-button-background-hover: var(--color-button-primary-background-hover);
   --color-editor-dialog-close-icon-default: var(--color-grey-7);
   --color-editor-dialog-close-icon-hover: var(--color-highlight-primary-hover);

   --color-editor-metadata-dialog-previewimage-text-default: var(--color-dialog-content-text);
   --color-editor-metadata-dialog-previewimage-link-default: var(--color-highlight-primary-default);
   --color-editor-metadata-dialog-previewimage-link-hover: var(--color-highlight-primary-hover);
   --color-editor-metadata-dialog-previewimage-icon-default: var(--color-editor-metadata-dialog-previewimage-text-default);
   --color-editor-metadata-dialog-previewimage-border-default: var(--color-grey-1);
   --color-editor-metadata-dialog-previewimage-background-default: var(--color-grey-1);
   --color-editor-metadata-dialog-previewimage-remove-background-default: var(--color-grey-6);
   --color-editor-metadata-dialog-previewimage-remove-icon-default: var(--color-white);
   --color-editor-metadata-dialog-previewimage-remove-icon-hover: var(--color-highlight-primary-hover);

   --color-editor-usermenu-background-default: transparent;
   --color-editor-usermenu-background-hover: var(--color-grey-2);
   --color-editor-usermenu-background-active: var(--color-editor-usermenu-background-hover);
   --color-editor-usermenu-username-default: var(--color-header-text-default);
   --color-editor-usermenu-username-hover: var(--color-highlight-primary-hover);
   --color-editor-usermenu-unitname: var(--color-grey-6);
   --color-editor-usermenu-usericon-text: var(--color-header-text-default);
   --color-editor-usermenu-usericon-background-default: var(--color-grey-2);
   --color-editor-usermenu-usericon-background-hover: var(--color-grey-3);
   --color-editor-usermenu-content-background-default: var(--color-editor-usermenu-background-active);
   --color-editor-usermenu-content-background-hover: var(--color-grey-3);
   --color-editor-usermenu-content-text: var(--color-header-text-default);
   --color-editor-usermenu-content-icon: var(--color-editor-usermenu-content-text);

   --color-editor-editmenu-toggle-text-default: var(--color-text-primary-default);
   --color-editor-editmenu-toggle-text-hover: var(--color-highlight-primary-hover);
   --color-editor-editmenu-toggle-text-active: var(--color-highlight-primary-default);
   --color-editor-editmenu-toggle-background-default: var(--color-white-t70);
   --color-editor-editmenu-toggle-background-active: var(--color-white);
   --color-editor-editmenu-list-text-default: var(--color-text-primary-default);
   --color-editor-editmenu-list-text-hover: var(--color-editor-editmenu-list-text-default);
   --color-editor-editmenu-list-text-delete: var(--color-highlight-primary-default);
   --color-editor-editmenu-list-background-default: var(--color-grey-1);
   --color-editor-editmenu-list-item-background-hover: var(--color-grey-3);

   --color-editor-addasset-text-default: var(--color-assettile-text);
   --color-editor-addasset-link-default: var(--color-highlight-primary-default);
   --color-editor-addasset-link-hover: var(--color-highlight-primary-hover);
   --color-editor-addasset-icon-default: var(--color-editor-addasset-text-default);
   --color-editor-addasset-background-default: var(--color-assettile-background);
   --color-editor-addasset-background-hover: var(--color-grey-2);
   --color-editor-addasset-background-dragging: var(--color-grey-3);
   --color-editor-addasset-border-default: var(--color-editor-addasset-text-default);
   --color-editor-addasset-border-hover: var(--color-grey-2);
   --color-editor-addasset-border-dragging: var(--color-white);

   --color-editor-asset-upload-previewimage-icon: var(--color-assettile-text);
   --color-editor-asset-upload-background: var(--color-white-t50);
   --color-editor-asset-upload-previewimage-border: var(--color-assettile-text);
   --color-editor-asset-upload-previewimage-background: var(--color-assettile-background);
   --color-editor-asset-uploaded-background: var(--color-white-t50);
   --color-editor-asset-uploaded-icon-background: var(--color-notification-green);
   --color-editor-asset-uploaded-icon: var(--color-black);
   --color-editor-asset-locked-icon: var(--color-grey-7);
   --color-editor-asset-locked-tooltip-text: var(--color-assettile-background);
   --color-editor-asset-locked-tooltip-background: var(--color-assettile-text);
   --color-editor-asset-draggable-enabled: var(--color-assettile-background);
   --color-editor-asset-drag-border: var(--color-assettile-text);
   --color-editor-asset-drag-tile-border: var(--color-accent-1);
   --color-editor-asset-targeted-border: var(--color-white);
   --color-editor-asset-edittitle-background-hover: var(--color-grey-4);
   --color-editor-asset-edittitle-border-editing: var(--color-highlight-primary-default);
   --color-editor-asset-edittitle-button-icon: var(--color-text-primary-default);
   --color-editor-asset-edittitle-button-background: var(--color-white);

   --color-editor-notification-text: var(--color-text-primary-default);
   --color-editor-notification-background: var(--color-grey-2);

   --color-editor-spinner-progress: var(--color-grey-6);
   --color-editor-spinner-rail: var(--color-white);
   --color-editor-spinner-background: var(--color-editor-notification-background);
   --color-editor-progress-success-icon: var(--color-grey-7);
   --color-editor-progress-success-background: var(--color-white);

   --color-editor-toast-background: var(--color-grey-2);
   --color-editor-toast-text: var(--color-text-primary-default);
   --color-editor-toast-icon-success: var(--color-notification-green);
   --color-editor-toast-icon-error: var(--color-notification-red);
   --color-editor-toast-icon-attention: var(--color-notification-yellow);
   --color-editor-toast-icon-info: var(--color-text-primary-default);
   --color-editor-toast-close-default: var(--color-text-primary-default);
   --color-editor-toast-close-hover: var(--color-text-primary-default);

   --color-homescreen-edit-text-hover: var(--color-grey-2);
   --color-homescreen-edit-action-button-text-hover: var(--color-highlight-primary-hover);
   --color-homescreen-edit-text-border: var(--color-focus-border);
   --color-homescreen-edit-action-button-color-hover: var(--color-highlight-primary-hover);
   --color-homescreen-edit-action-button-color-disabled: var(--color-grey-6);
   --color-homescreen-edit-text-counter-color: var(--color-grey-5);
   --color-homescreen-edit-text-button-color: var(--color-white);
   --color-homescreen-edit-text-button-color-disabled: var(--color-grey-4);

   /* Modifications */
   .logo {
      --logo-height: calc(var(--header-height, 96px) * 0.46);
      width: unset;
   }

   .breadcrumbs-links {
      color: var(--color-grey-7);

      li:last-child span {
         font-family: 'Siemens Sans', sans-serif;
         font-weight: bold;
      }

      a {
         font-size: 1.25rem;
      }
   }

   .content-headline {
      color: var(--color-accent-1);
   }

   .content-assettype {
      font-size: 1.25em;
   }

   /* to reach the preview navigation buttons */
   button.asset-navigation.asset-navigation--previous,
   button.asset-navigation.asset-navigation--next,
   .presentation div button {
      --color-black: var(--color-asset-control-button-icon-default);

      &::after {
         border: 0;
      }
   }

   .asset-asset {
      .asset-website {
         padding: 2em;

         h3 {
            font-family: 'SH Headline', sans-serif;
            font-weight: bold;
         }

         a {
            font-family: 'Siemens Sans', sans-serif;
            font-weight: bold;
            border-radius: 100px;
         }
      }
   }
}