/* fonts */
@font-face {
    font-family: "boschsans-regular";
    src: url("../custom/fonts/boschsans_regular.woff2");
}
@font-face {
    font-family: "boschsans-bold";
    src: url("../custom/fonts/boschsans_bold.woff2");
}
@font-face {
    font-family: "bosch-icon";
    src: url("../custom/fonts/bosch_icon.woff2");
}

/* root */
:root {
    --bosch-white: #fff;
    --bosch-black: #000;
    --bosch-grey-10: #1a1c1d;
    --bosch-grey-20: #2e3033;
    --bosch-grey-25: #383b3e;
    --bosch-grey-50: #71767c;
    --bosch-grey-75: #b2b9c0;
    --bosch-grey-85: #d0d4d8;
    --bosch-grey-90: #e0e2e5;
    --bosch-grey-95: #eff1f2;
    --bosch-blue-50: #007bc0;
    --bosch-blue-60: #00629a;
    --bosch-blue-90: #d1e4ff;
    --bosch-green-90: #b8efc9;
    --bosch-yellow-90: #ffdf95;
    --bosch-red-90: #ffd9d9;
    line-height: 1.5;
    font-size: 16px;
    --nav-wide: 20rem;
    --toc-wide: 15rem;
}
@media screen and (max-width: 1200px) {
    :root {
        --nav-wide: 17rem;
    }
}
@media screen and (max-width: 800px) {
    :root {
        --nav-wide: 100vw;
    }
}
.--nav-closed:root {
    --nav-wide: 3rem;
}
html {
    font-family: boschsans-regular;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
}

/* text */
body, 
p,
span, 
ol li,
ul li {
    font-family: boschsans-regular;
    font-size: 1rem;
    color: #000;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}
body {
    margin: 0;
}
strong {
    font-family: boschsans-bold;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}

/* images */
.exp-lightbox-wrapper {
    display: contents;
}

/* links */
a {
    color: var(--bosch-blue-50);
    text-decoration: none;
    overflow-wrap: break-word;
}
a:hover {
    color: var(--bosch-blue-60);
}

/* layout */
.exp-grid-container {
    display: grid;
    grid-template-columns: calc(var(--nav-wide)) auto;
    grid-template-rows: none;
    grid-template-areas: 'nav header'
                         'nav main'
}
.exp-grid-container:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI3MjAiIGhlaWdodD0iMzAwIj48c3R5bGU+LnN0N3tmaWxsOiM5NDFiMWV9PC9zdHlsZT48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41NSAtMy4zKSI+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgeDE9IjExOC45OCIgeDI9Ijg0Mi4wOCIgeTE9Ii0zMi42NjMiIHkyPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzk1MjMzMSIvPjxzdG9wIG9mZnNldD0iLjAzNiIgc3RvcC1jb2xvcj0iIzkyMUMxRCIvPjxzdG9wIG9mZnNldD0iLjA4NSIgc3RvcC1jb2xvcj0iI0IwMjczOSIvPjxzdG9wIG9mZnNldD0iLjEyNCIgc3RvcC1jb2xvcj0iI0FEMUYyNCIvPjxzdG9wIG9mZnNldD0iLjE1MSIgc3RvcC1jb2xvcj0iI0M3MjAyNiIvPjxzdG9wIG9mZnNldD0iLjE3IiBzdG9wLWNvbG9yPSIjRDQyMDI3Ii8+PHN0b3Agb2Zmc2V0PSIuMTc2IiBzdG9wLWNvbG9yPSIjQ0MyNDMxIi8+PHN0b3Agb2Zmc2V0PSIuMTg5IiBzdG9wLWNvbG9yPSIjQjcyQjRDIi8+PHN0b3Agb2Zmc2V0PSIuMjA3IiBzdG9wLWNvbG9yPSIjOTUzMzcxIi8+PHN0b3Agb2Zmc2V0PSIuMjE0IiBzdG9wLWNvbG9yPSIjODgzNTdGIi8+PHN0b3Agb2Zmc2V0PSIuMjQ0IiBzdG9wLWNvbG9yPSIjODUzNjgxIi8+PHN0b3Agb2Zmc2V0PSIuMjY0IiBzdG9wLWNvbG9yPSIjNkYzNjhCIi8+PHN0b3Agb2Zmc2V0PSIuMjkxIiBzdG9wLWNvbG9yPSIjMzk0MjhGIi8+PHN0b3Agb2Zmc2V0PSIuMzI0IiBzdG9wLWNvbG9yPSIjMjMzRDdEIi8+PHN0b3Agb2Zmc2V0PSIuNDE4IiBzdG9wLWNvbG9yPSIjMzIyQzZGIi8+PHN0b3Agb2Zmc2V0PSIuNDk0IiBzdG9wLWNvbG9yPSIjMkEzODg1Ii8+PHN0b3Agb2Zmc2V0PSIuNTU4IiBzdG9wLWNvbG9yPSIjMUQ2MkExIi8+PHN0b3Agb2Zmc2V0PSIuNTciIHN0b3AtY29sb3I9IiMyNzZDQTUiLz48c3RvcCBvZmZzZXQ9Ii42MSIgc3RvcC1jb2xvcj0iIzQzOEVCMyIvPjxzdG9wIG9mZnNldD0iLjY0IiBzdG9wLWNvbG9yPSIjNTVBNUJDIi8+PHN0b3Agb2Zmc2V0PSIuNjU2IiBzdG9wLWNvbG9yPSIjNUNBRkJGIi8+PHN0b3Agb2Zmc2V0PSIuNjc4IiBzdG9wLWNvbG9yPSIjNTZBQkJEIi8+PHN0b3Agb2Zmc2V0PSIuNzA2IiBzdG9wLWNvbG9yPSIjNDM5RkI4Ii8+PHN0b3Agb2Zmc2V0PSIuNzM3IiBzdG9wLWNvbG9yPSIjMTg4RUFGIi8+PHN0b3Agb2Zmc2V0PSIuNzQzIiBzdG9wLWNvbG9yPSIjMDM4QkFFIi8+PHN0b3Agb2Zmc2V0PSIuNzkiIHN0b3AtY29sb3I9IiMwNjkyOTIiLz48c3RvcCBvZmZzZXQ9Ii44ODciIHN0b3AtY29sb3I9IiMwNUExNEIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMzkyN0UiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0wIDBoNzIzLjF2MzA2LjRIMHoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMV8pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgeDE9IjMyNS4wOCIgeDI9IjIzNS45OCIgeTE9Ii0xMDkuMjYiIHkyPSItMTA5LjI2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjMzNSIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjUwMiIgc3RvcC1jb2xvcj0iIzhEMzE2RCIvPjxzdG9wIG9mZnNldD0iLjg0IiBzdG9wLWNvbG9yPSIjOTAyOTREIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTAyNTQxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTc1LjEgMTUzLjIgMTE3IDMwNi40aDg5LjF6IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzJfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIHgxPSI0NzguOTMiIHgyPSI0NDYuNTUiIHkxPSIxMjAuMjQiIHkyPSItODIuMjg0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzMyMkM2RiIvPjxzdG9wIG9mZnNldD0iLjI0MyIgc3RvcC1jb2xvcj0iIzMyMkM2RiIvPjxzdG9wIG9mZnNldD0iLjQ2IiBzdG9wLWNvbG9yPSIjMzAyRjcyIi8+PHN0b3Agb2Zmc2V0PSIuNzE2IiBzdG9wLWNvbG9yPSIjMkEzQTdFIi8+PHN0b3Agb2Zmc2V0PSIuOTkiIHN0b3AtY29sb3I9IiMxNTRBOTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMzRCOTQiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im0yODguNCAxNTMuMiAyMi4zIDE1My4yaDQ3LjRWMGgtNDUuMnoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfM18pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgeDE9IjI5NC4wOCIgeDI9IjM3Mi44OCIgeTE9Ii0zMi42NjMiIHkyPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzZGMzc4RCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzNBNDI5MSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTE3NS4xIDE1My4yIDMxIDE1My4yIDQ3LjgtMTUzLjJMMjA5LjQgMHoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNF8pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgeDE9IjQzMS44OCIgeDI9IjMyNS4wOCIgeTE9Ii0zMi42NjMiIHkyPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzIzM0Q3RCIvPjxzdG9wIG9mZnNldD0iLjI0OSIgc3RvcC1jb2xvcj0iIzI5M0Q3RCIvPjxzdG9wIG9mZnNldD0iLjU0NSIgc3RvcC1jb2xvcj0iIzNBM0M4MCIvPjxzdG9wIG9mZnNldD0iLjg2MiIgc3RvcC1jb2xvcj0iIzUxM0I4NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVEM0E4NiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTI1My45IDE1My4yLTQ3LjggMTUzLjJoMTA0LjZsLTIyLjMtMTUzLjJMMzEyLjkgMEgyMDkuNHoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNV8pIi8+PHBhdGggZD0iTTExNi4xIDBINTUuN3Y5NC44bDM0LjIgNTguNC0zNC4yIDU4LjR2OTQuOEgxMTdMOTUuMiAxNTMuMnoiIHN0eWxlPSJmaWxsOiNhZjIwMjQiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiB4MT0iMzI5LjExIiB4Mj0iMjMyLjY3IiB5MT0iNDMuOTM3IiB5Mj0iNDMuOTM3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjMzNSIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjUwMiIgc3RvcC1jb2xvcj0iIzhEMzE2RCIvPjxzdG9wIG9mZnNldD0iLjg0IiBzdG9wLWNvbG9yPSIjOTAyOTREIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTAyNTQxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTc1LjEgMTUzLjIgMjA5LjQgMGgtOTMuM3oiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNl8pIi8+PHBhdGggZmlsbD0iIzk0MWIxZSIgZD0iTTU1LjcgOTQuOFYwSDB6IiBjbGFzcz0ic3Q3Ii8+PHBhdGggZD0ibTU1LjcgMjExLjYgMzQuMi01OC40LTM0LjItNTguNHoiIHN0eWxlPSJmaWxsOiNiMTI3MzkiLz48cGF0aCBmaWxsPSIjOTQxYjFlIiBkPSJNNTUuNyAyMTEuNiAwIDMwNi40aDU1Ljd6IiBjbGFzcz0ic3Q3Ii8+PHBhdGggZD0iTTU1LjcgOTQuOCAwIDB2MzA2LjRsNTUuNy05NC44eiIgc3R5bGU9ImZpbGw6Izk1MjQzMiIvPjxwYXRoIGQ9Ik0xMTYuMSAwIDk1LjIgMTUzLjIgMTE3IDMwNi40bDU4LjEtMTUzLjJ6IiBzdHlsZT0iZmlsbDojZDQyMDI3Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgeDE9Ijc0OC45NiIgeDI9Ijc0OC45NiIgeTE9IjEyMC40NCIgeTI9Ii0xODYuMDYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOTRCRTU1Ii8+PHN0b3Agb2Zmc2V0PSIuMDQ0IiBzdG9wLWNvbG9yPSIjOTNCRDU4Ii8+PHN0b3Agb2Zmc2V0PSIuMzg5IiBzdG9wLWNvbG9yPSIjOEJCQzZBIi8+PHN0b3Agb2Zmc2V0PSIuNzE1IiBzdG9wLWNvbG9yPSIjODZCQzc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODRCQzc5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNjQxLjYgMjU5LjZjMS43LTI1LjQgMTAtNTQuNiAxOC44LTg1LjYgMS40LTUgMi44LTEwIDQuMi0xNS4xcS0yLjEtOC4yNS00LjItMTYuMmMtOC44LTMzLjMtMTctNjQuNy0xOC44LTkyLTEuNC0yMS4yIDEuNC0zNyA4LjktNTAuNmgtNDUuOWMtNy41IDE4LjMtMTAuMyAyOS4xLTguOSA1MC4zIDEuNyAyNy4zIDEwIDU4LjcgMTguOCA5MiAxMyA0OS4zIDI4IDEwNi4yIDIzLjIgMTY0LjJoMTIuOWMtNy42LTEyLjgtMTAuNC0yNy4zLTktNDciIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfN18pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgeDE9IjY1My43NiIgeDI9IjczMy40OSIgeTE9IjExNy4yOSIgeTI9Ii0xODQuNDUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDhBMjRCIi8+PHN0b3Agb2Zmc2V0PSIuMTY4IiBzdG9wLWNvbG9yPSIjMEFBMTRFIi8+PHN0b3Agb2Zmc2V0PSIuNDA1IiBzdG9wLWNvbG9yPSIjMEI5RTU3Ii8+PHN0b3Agb2Zmc2V0PSIuNjgzIiBzdG9wLWNvbG9yPSIjMDk5QTY3Ii8+PHN0b3Agb2Zmc2V0PSIuOTkiIHN0b3AtY29sb3I9IiMwNDk0N0QiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNDkzN0UiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik02MTQuNSAxNDIuM2MtOC44LTMzLjMtMTctNjQuNy0xOC44LTkyLTEuNC0yMS4yIDEuNC0zMiA4LjktNTAuM2gtMzUuNGM1LjcgNTMuOS0zLjggMTA2LjctMTMuNiAxNjYuOC01LjcgMzUtMTEuNyA3MS4zLTEzLjIgMTAwLjYtMS4xIDIxLjEuNCAzMi44IDEuOCAzOWg5My41YzQuOC01Ny45LTEwLjMtMTE0LjgtMjMuMi0xNjQuMSIgc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF84XykiLz48cGF0aCBkPSJNNjY0LjYgMTU4LjljLTEuNCA1LjEtMi44IDEwLjEtNC4yIDE1LjEtOC44IDMxLTE3IDYwLjItMTguOCA4NS42LTEuNCAxOS43IDEuNCAzNC4yIDkgNDYuOWgzM2M0LjItNTEuOC03LjItMTAyLjMtMTktMTQ3LjYiIHN0eWxlPSJmaWxsOiMxYzlhNDgiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiB4MT0iODEyLjgzIiB4Mj0iODEyLjgzIiB5MT0iMTIwLjU0IiB5Mj0iLTE4NS45NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2OUEwNjAiLz48c3RvcCBvZmZzZXQ9Ii4wNCIgc3RvcC1jb2xvcj0iIzYzOUQ1QyIvPjxzdG9wIG9mZnNldD0iLjIxOSIgc3RvcC1jb2xvcj0iIzRDOTQ0RiIvPjxzdG9wIG9mZnNldD0iLjQxOCIgc3RvcC1jb2xvcj0iIzM3OEU0NyIvPjxzdG9wIG9mZnNldD0iLjY1MSIgc3RvcC1jb2xvcj0iIzI5OEI0NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzIzOEE0MyIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTY4MC41IDBjMTAuNyA1NS4zLTIuNSAxMTAuNC0xNS45IDE1OC45IDExLjcgNDUuMyAyMy4yIDk1LjggMTguOSAxNDcuNmgzOS42VjB6IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzlfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTBfIiB4MT0iNjUyLjQ1IiB4Mj0iNjUyLjQ1IiB5MT0iMTIwLjU0IiB5Mj0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNUI1REMiLz48c3RvcCBvZmZzZXQ9Ii4yMiIgc3RvcC1jb2xvcj0iIzA0QjBENyIvPjxzdG9wIG9mZnNldD0iLjUzNyIgc3RvcC1jb2xvcj0iIzA1QTRDOSIvPjxzdG9wIG9mZnNldD0iLjkxMiIgc3RvcC1jb2xvcj0iIzA1OTFCNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1OENBRSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTU0Mi4zIDI2Ny40YzEuNS0yOS40IDcuNS02NS42IDEzLjItMTAwLjZDNTY1LjMgMTA2LjcgNTc0LjggNTQgNTY5LjEgMGgtNzAuOGMtMS40IDExLjQtMi45IDE5LjItMS44IDQxLjggMS41IDMxLjYgNy41IDcwLjUgMTMuMiAxMDguMiA4LjQgNTUuNCAxNi42IDEwOC44IDE1LjEgMTU2LjRINTQ0Yy0xLjMtNi4yLTIuOC0xNy45LTEuNy0zOSIgc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xMF8pIi8+PHBhdGggZD0iTTM3NS43IDE1My4yIDM1OC4xIDB2MzA2LjR6IiBzdHlsZT0iZmlsbDojMmEzODg2Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMV8iIHgxPSI3NTEuMDUiIHgyPSI3OTYuNzEiIHkxPSItNC4zMjgiIHkyPSI3Ny4xMzYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjJCMTZFIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODdCOTU3Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNjQxLjYgNTAuNmMxLjcgMjcuMyAxMCA1OC43IDE4LjggOTJxMi4xIDcuOTUgNC4yIDE2LjJDNjc4LjEgMTEwLjQgNjkxLjIgNTUuMyA2ODAuNSAwaC0zMGMtNy41IDEzLjYtMTAuMyAyOS40LTguOSA1MC42IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzExXykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgeDE9IjU1MC40IiB4Mj0iNjMxLjU5IiB5MT0iMTEzLjcxIiB5Mj0iLTE4OS4yOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNjlBRDQiLz48c3RvcCBvZmZzZXQ9Ii4zNTIiIHN0b3AtY29sb3I9IiMzMEEwQ0UiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QkIwQzAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik01MDkuOCAxNTBjLTUuNy0zNy43LTExLjctNzYuNi0xMy4yLTEwOC4yLTEuMS0yMi43LjQtMzAuNCAxLjgtNDEuOGgtNDEuNWMxLjUgNDAuMS0xLjUgODUuMy03IDE2MC44LTMuMSA0My41LTggMTEwLjUtNyAxNDUuN0g1MjVjMS40LTQ3LjctNi44LTEwMS4xLTE1LjItMTU2LjUiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMTJfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTNfIiB4MT0iNTA1LjMzIiB4Mj0iNTA1LjMzIiB5MT0iMTIwLjU0IiB5Mj0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxRTQ1OEUiLz48c3RvcCBvZmZzZXQ9Ii4yNDEiIHN0b3AtY29sb3I9IiMxRjRGOTYiLz48c3RvcCBvZmZzZXQ9Ii43MjkiIHN0b3AtY29sb3I9IiMyQjZBQUIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMzdCQjkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0zNTguMSAzMDYuNGg1Ni41VjBoLTU2LjVsMTcuNiAxNTMuMnoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMTNfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTRfIiB4MT0iNTU0LjkyIiB4Mj0iNTU0LjkyIiB5MT0iLTE4NS44NiIgeTI9IjEyMC41NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzRjlBQzkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMDYyQTIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik00NDkuOSAxNjAuOGM1LjUtNzUuNSA4LjUtMTIwLjYgNy0xNjAuOGgtNDIuMmwtLjEgMzA2LjRoMjguM2MtMS0zNS4xIDMuOC0xMDIuMSA3LTE0NS42IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzE0XykiLz48L2c+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .375rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
    font-family: boschsans-bold;
    font-weight: normal;
    margin: 0 0 1rem 0;
}
main.exp-content article h1 {
    font-size: 3rem;
    line-height: normal;
    margin: 0 0 2rem 0 !important;
    font-weight: normal;
}
body:not(.standard-content) main.exp-content article h1 {
    padding-top: 4rem;
    margin-bottom: 1rem !important;
}
main.exp-content article h2 {
    font-size: 2rem;
    line-height: normal;
    margin: 2rem 0 1rem 0 !important;
    padding-top: 2rem;
    font-weight: normal;
}
main.exp-content article h3 {
    font-size: 1.5rem;
    line-height: normal;
    margin: 2rem 0 1rem 0 !important;
    padding-top: 2rem;
    font-weight: normal;
}
main.exp-content article h3#results-label,
main.exp-content article h3#query-value,
main.exp-content article h3#result-count {
    margin: 0 !important;
    padding: 0;
    position: relative;
    float: left;
    font-family: boschsans-regular;
    font-size: 1rem;
}
main.exp-content article h3#query-value {
    margin: 0 .375rem !important;
    font-family: boschsans-bold;
}
main.exp-content article h4 {
    font-size: 1.25rem;
    line-height: normal;
    margin: 0 0 1rem 0 !important;
    padding-top: 2rem;
    font-weight: normal;
}

/* header */
header.exp-header {
    padding: 0;
    height: 3rem;
    padding: .375rem 1rem 0 2rem;
    border-bottom: .0625rem solid var(--bosch-grey-50);
    display: flex;
    grid-area: header;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bosch-white);
}
body:not(.standard-content) header.exp-header {
    justify-content: flex-end;
}
header.exp-header > * {
    display: flex;
    align-items: center;
    height: 3rem;
}
/* header - identifier */
.exp-document-title {
    width: 100%;
}
.exp-document-title h1 {
    display: flex;
    margin: 0;
}
@media screen and (max-width: 800px) {
    .exp-document-title h1 {
        display: none;
    }
}
.exp-document-title h1 a {
    color: #000;
    text-decoration: none;
    font-size: 1.25rem;
}
.exp-document-title h1 a:hover {
    color: var(--bosch-blue-50);
}
/* header - logo */
.exp-logo {
    padding: 0 0 0 2rem;
    border: none;
    background: none;
}
/* header - search */
.exp-search-container {
    margin: 0;
}
.exp-search-container input {
    height: 3rem;
    background-color: var(--bosch-grey-90);
    border: none;
    border-bottom: solid .0625rem #000;
    color: #000;
    padding: 0 !important;
    outline: none;
    padding-inline: 0;
    border-radius: 0;
    padding-left: 1rem !important;
    padding-right: 3rem !important;
    font-family: boschsans-regular;
    font-size: 1rem;
    width: 250px;
}
@media screen and (max-width: 1200px) {
    .exp-search-container input {
        width: 180px;
    }
}
.exp-search-container input[type="search"]::-webkit-search-decoration,
.exp-search-container input[type="search"]::-webkit-search-cancel-button,
.exp-search-container input[type="search"]::-webkit-search-results-button,
.exp-search-container input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
#search-results-container {
    position: relative;
    float: left;
    margin: 4rem 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 2rem;
}
main.exp-content article .search-result-option h2 {
    padding: 0;
    margin: 0 !important;
    font-size: 1.5rem;
}
.search-result-option h2 a {
    text-decoration: none;
    color: #000;
}
.search-result-option h2 a:hover {
    color: var(--bosch-blue-50);
}

/* navigation */
.exp-sidebar-navigation {
    grid-area: nav;
    width: var(--nav-wide);
    height: 100%;
    overflow: hidden;
    top: .375rem;
    position: absolute;
    background-color: var(--bosch-grey-20);
    z-index: 1000;
}
.exp-sidebar-navigation iframe {
    border: none;
    width: var(--nav-wide);
}
.exp-tree-container,
.exp-tree-item {
    margin: 0;
    padding: 0;
}
.exp-tree-container {
    margin-bottom: 1rem;
}
.exp-tree > .exp-tree-container {
    margin: 0;
}
.exp-tree.exp-desktop-navigation-page-tree-tree {
    padding: 1.5rem 0 1rem 0;
}
.exp-tree-item svg,
.exp-tree-item:before {
    display: none;
}
.exp-tree-item.exp-tree-item--active > .exp-tree-item-header a {
    font-family: boschsans-bold;
}
.exp-tree-item-header-title {
    text-decoration: none;
    color: var(--bosch-white);
    padding-left: 2rem;
    line-height: normal;
    word-break: break-word;
    padding: 1rem 1rem 1rem 2rem;
    width: 100%;
}
.exp-tree-item-header-title:hover {
    color: #fff;
}
.exp-tree-item-header-icon:hover {
    background-color: var(--bosch-grey-25);
}
.exp-tree-item-header-expand-button + .exp-tree-item-header-title {
    padding-left: 0;
}
.exp-tree-item-header-icon {
    display: flex;
    align-items: flex-start;
    grid-gap: .5rem;
    padding: 0 1rem;
}
.exp-tree-item button {
    border: none;
    background: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    color: #fff;
}
.exp-tree-item button:after {
    content: '\e6c8';
    font-family: bosch-icon;
    font-size: 1.5rem;
    height: 3.25rem;
    width: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.exp-tree-item.exp-page-tree-item--is-expanded > .exp-tree-item-header button {
    rotate: 90deg;
}
.exp-tree-item ul {
    padding-left: 1.5rem;
}
.exp-sidebar-navigation-sticky-wrapper {
    margin-top: 3rem;
    height: calc(100vh - 3.375rem);
    overflow: hidden auto;
}
.--nav-closed .exp-sidebar-navigation-sticky-wrapper {
    display: none;
}

/* navigation button */
.nav-button {
    width: 3rem;
    height: 3rem;
    border: none;
    background: none;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.nav-button:hover {
    background-color: var(--bosch-grey-25);
}
.nav-button:after {
    content: '\e0f0';
    font-family: bosch-icon;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
}
.--nav-closed .nav-button:after {
    content: '\e1c1';
}

/* breadcrumbs */
.exp-breadcrumbs-wrapper {
    padding: 2rem 2rem 1rem 2rem;
    margin: 0;
}
.exp-breadcrumbs-wrapper ol {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}
.exp-breadcrumbs-wrapper ol li:not(:last-child):after {
    content: "\e181";
    font-family: bosch-icon;
    padding: 0;
    margin: 0;
    color: #000;
}
.exp-breadcrumbs-wrapper ol li {
    font-size: .75rem;
    font-family: boschsans-regular;
    line-height: normal;
    color: #000;
    margin-right: .25rem !important;
    list-style: none;
    margin: 0;
    padding: 0;
}
.exp-breadcrumbs-wrapper ol li a {
    font-size: .75rem;
    font-family: boschsans-regular;
    line-height: normal;
    color: #000;
    text-decoration: none;
}
.exp-breadcrumbs-wrapper ol li a:hover {
    color: var(--bosch-blue-50);
}

/* main content */
main.exp-content {
    grid-area: main;
    height: 100%;
    max-height: calc(100vh - 3.375rem);
    overflow-y: auto;
}
main.exp-content .exp-article-toc-wrapper {
    display: flex;
    gap: 0;
}
main.exp-content .exp-article-toc-wrapper article {
    flex: 1;
    min-width: 0;
}
main.exp-content .exp-article-toc-wrapper .exp-sidebar-toc {
    flex: 0 0 var(--toc-wide);
}
main.exp-content .exp-article-toc-wrapper .exp-sidebar-toc:empty {
    display: none;
}
@media screen and (max-width: 1070px) {
    main.exp-content .exp-article-toc-wrapper .exp-sidebar-toc {
        display: none;
    }
}
main.exp-content article {
    padding: 0 2rem 2rem 2rem;
    max-width: 70.75rem;
    min-height: calc(100vh - 3.375rem - 15rem);
}

/* notifications */
.confluence-information-macro {
    color: #000;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding: .75rem 1rem !important;
    margin: 1rem 0 !important;
    border-radius: 0;
}
.confluence-information-macro .title {
    display: none;
}
.confluence-information-macro.confluence-information-macro-tip {
    background-color: var(--bosch-green-90);
}
.confluence-information-macro.confluence-information-macro-information {
    background-color: var(--bosch-blue-90);
}
.confluence-information-macro.confluence-information-macro-note {
    background-color: var(--bosch-yellow-90);
}
.confluence-information-macro.confluence-information-macro-warning {
    background-color: var(--bosch-red-90);
}
.confluence-information-macro > span.aui-icon {
    background: none;
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    top: 0;
    left: 0;
    color: #000;
    margin-right: .75rem;
}
.confluence-information-macro > span.aui-icon:after {
    font-family: bosch-icon;
    font-size: 1.5rem;
    line-height: normal;
}
.confluence-information-macro.confluence-information-macro-tip > span.aui-icon:after {
    content: "\e891";
}
.confluence-information-macro.confluence-information-macro-information > span.aui-icon:after {
    content: "\e8ab";
}
.confluence-information-macro.confluence-information-macro-note > span.aui-icon:after {
    content: "\eb0d";
}
.confluence-information-macro.confluence-information-macro-warning > span.aui-icon:after {
    content: "\eb09";
}
.confluence-information-macro > .confluence-information-macro-body {
    padding: 0 !important;
}
.confluence-information-macro > .confluence-information-macro-body p {
    line-height: 1.5;
    margin: 0 0 1rem 0 !important;
}
.confluence-information-macro > .confluence-information-macro-body a {
    text-decoration: underline;
    color: inherit;
}
.confluence-information-macro > .confluence-information-macro-body a:hover {
    color: inherit;
}

/* post navigation */
.exp-post-navigation-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}
.exp-post-navigation-wrapper svg {
    display: none;
}
.exp-post-navigation-wrapper a,
.exp-post-navigation-wrapper a span {
    color: var(--bosch-blue-50);
    text-decoration: none;
    margin: 0;
    display: flex;
    align-items: center;
}
.exp-post-navigation-wrapper a:hover span {
    color: var(--bosch-blue-60);
}
.exp-post-navigation-prev a:before {
    content: '\e6b5';
    font-family: bosch-icon;
    font-size: 1.5rem;
}
.exp-post-navigation-next a:after {
    content: '\e6c8';
    font-family: bosch-icon;
    font-size: 1.5rem;
}

/* image zoom */
img {
    cursor: zoom-in;
    max-width: 100%;
    height: auto;
}
.m-lightbox {
    display: grid;
    grid-template-areas:
        ". . ."
        ". center ."
        ". . .";
    grid-template-columns: 3rem 1fr 3rem;
    grid-template-rows: 3rem 1fr 3rem;
    z-index: 100000000;
    position: fixed;
    backdrop-filter: blur(.25rem);
    background-color: rgba(113, 118, 124, .2509803922);
    top: 0;
    width: 100vw;
    height: 100vh;
}
.m-lightbox__aspect-wrapper {
    grid-area: center;
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    max-height: calc(100vh - 6rem);
    margin: auto;
    display: flex;
    flex-direction: column;
}
.m-lightbox__header {
    height: 3rem;
    border-bottom: .0625rem solid #e0e2e5;
    display: flex;
    justify-content: flex-end;
}
.m-lightbox__header .close-button {
    background: transparent;
    border: none;
    border-radius: 0;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
}
.m-lightbox__header .close-button:hover {
    color: #007bc0;
}
.m-lightbox__header .close-button:after {
    content: '\e0f0';
    font-family: Bosch-Icon;
    font-size: 1.5rem;
}
.m-lightbox__body {
    position: relative;
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1.5rem;
}
.m-lightbox__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    cursor: default;
}

/* list styles */
ul {
    margin: 0 0 1.5rem;
}
li {
    list-style: none;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    position: relative;
}
li:before {
    left: 0;
    position: absolute;
}
li:first-of-type {
    counter-reset: item;
}
ul > li:before {
    background-color: #000;
    content: "";
    height: .5rem;
    top: .575rem;
    width: .5rem;
}
ol:not(.breadcrumbs) > li {
    counter-increment: item;
}
ol:not(.breadcrumbs) > li:before {
    content: counter(item) ".";
    font-family: boschsans-bold;
}

/* tables */
table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1rem 0;
}
table td, 
table th {
    padding: .75rem 1rem .6875rem;
    min-height: 3rem;
    border-bottom: solid .0625rem var(--bosch-grey-50);
}
table th {
    border-bottom: solid .0625rem #000;
    font-family: boschsans-bold;
}
table th * {
    font-family: boschsans-bold;
}

/* code blocks */
.scroll-code {
    background-color: var(--bosch-grey-95);
    padding: 1.5rem;
}

/* footer */
footer {
    padding: .5rem 3rem .5rem 2rem;
    border-top: solid .0625rem #000;
    font-size: .75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 0;
}
footer .o-footer__copyright {
    display: flex;
    align-items: center;
}
footer .o-footer__links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
footer .o-footer__links li {
    margin-bottom: 0;
    margin-right: 2rem;
    display: inline-block;
    padding: 0;
}
.o-footer .o-footer__links li:last-child {
    margin-right: 0;
}
footer .o-footer__links li a {
    text-decoration: none;
}
footer .o-footer__links li a:hover span {
    color: var(--bosch-blue-50);
}
footer .o-footer__links li a span {
    font-size: .75rem;
    text-decoration: none;
    color: #000;
}
footer .o-footer__links li:before {
    display: none;
}

/* back to top button */
.back-to-top {
    position: fixed;
    bottom: .25rem;
    right: 1rem;
    display: none;
    border: none;
    background: #fff;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}
.back-to-top:after {
    content: '\e296';
    font-family: bosch-icon;
    font-size: 1.5rem;
}
.back-to-top:hover {
    color: var(--bosch-blue-50);
}
.back-to-top.show {
    display: block;
}

/* page toc */
article ul.toc-indentation {
    padding: 0;
}
article li ul.toc-indentation li {
    margin: 0;
    padding-left: 1rem;
}
article ul.toc-indentation li:before {
    display: none;
}
article .toc-macro a {
    text-decoration: none;
}
article .toc-macro a:hover {
    text-decoration: underline;
}

/* page content list */
.toc-list {
    padding: 0;
    padding-right: 1rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}
.toc-list li {
    margin: .5rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.exp-sidebar-toc > .toc-list > li {
    padding: 0;
}
.toc-list li:before {
    display: none;
}
.toc-list a {
    color: var(--bosch-grey-50);
    text-decoration: none;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.toc-list a:hover {
    color: var(--bosch-blue-50);
}
.toc-list *, 
.toc-list *:before, 
.toc-list *:after {
    box-sizing: border-box;
    max-width: 100%;
}

/* search results */
#search-suggestion-container {
    position: absolute;
    top: calc(3.375rem + .0625rem);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    grid-gap: .5rem;
    z-index: 1000;
    width: 250px;
    box-shadow: 0 0 1rem #00000040;
}
@media screen and (max-width: 1200px) {
    #search-suggestion-container {
        width: 180px;
    }
}
#search-suggestion-container.hidden {
    display: none;
}
#search-suggestion-container .exp-search-suggestion-option-container {
    padding: .5rem 1rem;
}
#search-suggestion-container .exp-search-suggestion-option-container:first-of-type {
    padding-top: 1rem;
}
#search-suggestion-container .exp-search-suggestion-option-container:last-of-type {
    padding-bottom: 1rem;
}
#search-suggestion-container .exp-search-suggestion-option-container a {
    text-decoration: none;
    color: #000;
}
#search-suggestion-container .exp-search-suggestion-option-container a:hover{
    color: var(--bosch-blue-50);
}

/* three column teaser */
.columnLayout.three-equal {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 2rem;
    margin: 2rem 0;
}
.columnLayout.three-equal > .cell {
    background-color: var(--bosch-grey-95);
    padding: 1.5rem;
}
.columnLayout.three-equal .panel {
    border: none !important;
}
.columnLayout.three-equal .panel .panelHeader {
    border: none !important;
    background: none !important;
    color: #000 !important;
    margin-bottom: 1rem;
}
.columnLayout.three-equal .panel .panelHeader b {
    font-weight: normal;
    font-family: boschsans-bold;
    font-size: 1.25rem;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 12px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--bosch-grey-50);
    border-radius: .5rem;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--bosch-grey-50);
}
::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--bosch-grey-50) transparent;
}

/* dark/light mode toggle */
.mode-toggle-button {
    border: none;
    background: none;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    padding: 0;
}
.mode-toggle-button:hover {
    color: var(--bosch-blue-50);
}
.mode-toggle-button:after {
    content: '\e2d9';
    font-family: bosch-icon;
    font-size: 1.5rem;
    width: 3rem;
}