/*!
 * webpack-babel-starter
 * 
 * Webpack Babel Starter Kit
 * 
 * @version v3.0.0 - 2018-08-23T16:16:02+02:00
 * @revision #ee6c1b5 - https://github.com/topheman/webpack-babel-starter/tree/ee6c1b5d1ab9a3486e3693c154d6c594fd703bbe
 * @author Christophe Rosset <tophe@topheman.com> (http://labs.topheman.com/)
 * @copyright 2018(c) Christophe Rosset <tophe@topheman.com> (http://labs.topheman.com/)
 * @license MIT
 * 
 */

/*!
 * webpack-babel-starter
 * 
 * Webpack Babel Starter Kit
 * 
 * @version v3.0.0 - 2018-08-23T16:16:02+02:00
 * @revision #ee6c1b5 - https://github.com/topheman/webpack-babel-starter/tree/ee6c1b5d1ab9a3486e3693c154d6c594fd703bbe
 * @author Christophe Rosset <tophe@topheman.com> (http://labs.topheman.com/)
 * @copyright 2018(c) Christophe Rosset <tophe@topheman.com> (http://labs.topheman.com/)
 * @license MIT
 * 
 */

.mindsphere-header {
    position: fixed;
}

.mindsphere-header-active {
    height: 76px;
}

.mindsphere-header-active .main-nav {
    position: fixed;
    top: 0;
    width: 100%;
}

.mindsphere-header-active .nav-toggle:checked~.main-nav {
    background: #112931;
    max-height: 85vh;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mindsphere-header-active .nav-toggle:checked~.main-nav svg .logo-path, .mindsphere-header-active .nav-toggle:checked~.main-nav svg .logo_tagline {
    fill: #fff;
}

.mindsphere-header-active .nav-toggle:checked~.main-nav a.logo {
    color: #fff;
}

.mindsphere-header-active .nav-toggle:checked~.main-nav label hr {
    background: #41aaaa;
}

.mindsphere-header-active .nav-toggle:checked~.main-nav label hr:nth-child(2n) {
    transform: rotate(225deg);
}

.mindsphere-header-active .nav-toggle:checked~.main-nav label hr:last-child {
    transform: rotate(-41deg) translateX(3px) translateY(-4px);
}

.mindsphere-header-active .nav-toggle:checked~.main-nav label hr:first-child {
    opacity: 0;
}

@media screen and (max-width: 980px) {
    .mindsphere-header-active {
        height: 50px;
    }
}

.main-nav {
    width: 100%;
    top: 0;
    z-index: 5;
    padding: 0 1.25em;
    transition: background .3s ease-in-out, max-height .3s ease-in-out;
    background: #fff;
    overflow: hidden;
    max-height: 3.125em;
    cursor: pointer;
    font-size: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    box-sizing: border-box;
}

.main-nav * {
    box-sizing: border-box;
}

@media only screen and (min-width: 980px) {
    .main-nav {
        padding: 0 80px;
        max-height: none;
        cursor: default;
    }
}

.main-nav label {
    background: none;
    padding: 0;
    border: 0;
    outline: none;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    width: 1.25em;
    height: .875em;
    cursor: pointer;
}

@media only screen and (min-width: 980px) {
    .main-nav label {
        display: none;
    }
}

.main-nav label hr {
    border: 0;
    width: 1.25em;
    height: .125em;
    display: block;
    margin: 0;
    background: #41aaaa;
    position: absolute;
    transition: opacity .1s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out;
}

.main-nav label hr:nth-child(2n) {
    top: .3125em;
}

.main-nav label hr:last-child {
    top: .625em;
}

.main-nav label hr:first-child {
    top: 0;
}

.main-nav.fixed {
    background: #fff;
    top: 0;
}

.main-nav.fixed a {
    color: #081e26;
    top: 0;
}

.main-nav.fixed a svg .logo-path {
    fill: #081e26;
}

.main-nav.fixed a:last-child {
    color: #081e26;
}

.main-nav.fixed a.logo svg .logo-path {
    fill: #41aaaa;
}

.main-nav.fixed a.logo svg .logo_tagline {
    fill: #081e26;
}

.main-nav__inner-holder {
    overflow: hidden;
    margin: .9375em auto 0;
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder {
        margin: 1em auto;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
        position: relative;
    }
}

.main-nav__inner-holder svg.logo__mobile {
    width: 6.5625em;
    height: 1em;
    display: block;
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder svg.logo__mobile {
        display: none;
    }
}

.main-nav__inner-holder svg.logo__desktop {
    width: 7.75em;
    height: 2.625em;
    display: none;
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder svg.logo__desktop {
        display: block;
    }
}

.main-nav__inner-holder svg path {
    transition: fill .3s ease-in-out;
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder svg {
        position: relative;
    }
}

.main-nav__inner-holder svg .logo_tagline {
    fill: #081e26;
}

.main-nav__inner-holder svg .logo-path {
    fill: #41aaaa;
}

.main-nav__inner-holder a {
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-family: "Siemens-Roman";
    transition: all .3s ease-in-out;
    outline: none;
    display: block;
    line-height: 1;
    padding: 1.25em .625em;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    position: relative;
}

.main-nav__inner-holder a:after {
    content: "\E315";
    display: block;
    position: absolute;
    font-family: 'Material Icons';
    font-size: 2.4rem;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #41aaaa;
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder a:after {
        content: "";
        right: 50%;
        left: 50%;
        bottom: -.3125em;
        top: auto;
        height: 2px;
        background: #41aaaa;
        opacity: 0;
        transition: all .3s ease-in-out;
        font-size: 16px;
    }
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder a {
        display: inline-block;
        color: #081e26;
        align-self: center;
        padding: 0 1.5625em;
        border-top: 0;
    }
}

/*.main-nav__inner-holder a:last-child {
    margin-bottom: .625em;
}

.main-nav__inner-holder a:last-child:hover:after {
    display: none;
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder a:last-child:not(.logo) {
        margin-left: auto;
        margin-bottom: 0;
        padding: .875em 1.25em;
        box-shadow: inset 0 0 0 2px #41aaaa;
    }
    .main-nav__inner-holder a:last-child:hover {
        box-shadow: inset 0 0 0 4px #41aaaa;
    }
}*/

.main-nav__inner-holder a.main-nav--active {
    color: #41aaaa;
}

.main-nav__inner-holder a.logo {
    color: #081e26;
    padding: 0;
    font-size: 1em;
    border: 0;
    margin-bottom: 3.125em;
    display: inline-block;
}

.main-nav__inner-holder a.logo:after {
    display: none;
    content: "";
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder a.logo {
        padding-left: 0;
        padding-right: 1.5625em;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 980px) {
    .main-nav__inner-holder a:hover {
        color: #41aaaa;
    }
    .main-nav__inner-holder a:hover:after {
        opacity: 1;
        right: 1.4375em;
        left: 1.4375em;
    }
}

.mindsphereFooter {
    position: relative;
    padding: 40px 20px;
    border-top: 1px solid #081e26;
    text-align: center;
    background: #081e26;
    overflow: hidden;
    color: white;
    font-family: "Siemens Sans regular";
    -webkit-font-smoothing: antialiased;
}

.mindsphereFooter h2 {
    letter-spacing: -2px;
}

.mindsphereFooter p {
    letter-spacing: -0.5px;
}

.mindsphereFooter__headline {
    font-size: 30px;
    font-weight: 400;
    margin: 0;
}

.mindsphereFooter__lead {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 22.4px;
}

.mindsphereFooter__accessBtn {
    font-family: 'Siemens Sans bold';
    font-size: 15px;
    display: block;
    color: #fff;
    width: 200px;
    line-height: 50px;
    transition: box-shadow .3s ease-in-out;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    position: relative;
    box-shadow: inset 0 0 0 2px #41aaaa;
    margin: 20px auto 59px;
}

.mindsphereFooter__accessBtn:hover {
    box-shadow: inset 0 0 0 4px #41aaaa;
}

.mindsphereFooter__learnMore {
    font-size: 24px;
    font-weight: 400;
    line-height: 27.6px;
    margin-top: 0;
    margin-bottom: 38px;
}

.mindsphereFooter__share {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.mindsphereFooter__shareItem {
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.mindsphereFooter__shareItem:hover:after {
    color: #41aaaa;
}

.mindsphereFooter__shareItem:after {
    display: block;
    position: relative;
    margin: 0 7px;
    font-family: siemens-webicons-webfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 40px;
    color: #fff;
    transition: color .3s ease-in-out;
}

.mindsphereFooter__shareItem--twitter:after {
    content: '\E668';
}

.mindsphereFooter__shareItem--linkedIn:after {
    content: '\E641';
    font-size: 34px;
    top: 4px;
}

.mindsphereFooter__shareItem--facebook:after {
    content: '\E621';
    font-size: 37px;
}

.mindsphereFooter__shareItem--youtube:after {
    content: '\E66D';
    font-size: 28px;
    top: 6px;
}

.mindsphereFooter__links {
    margin-top: 37px;
}

.mindsphereFooter__linksItem {
    font-family: 'siemens sans bold';
    color: white;
    text-decoration: none;
    display: block;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 18.4px;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
}

.mindsphereFooter__linksItem--active {
    display: none !important;
}

.mindsphereFooter__linksItem:hover {
    color: #41aaaa;
}

.mindsphereFooter__legal {
    margin: 10px 0 0;
    font-size: 12px;
}

.mindsphereFooter__legal>span {
    display: block;
    letter-spacing: -0.5px;
}

.mindsphereFooter__legalLink {
    padding-left: 3px;
    color: white;
    text-decoration: none;
    transition: color .3s ease-in-out;
}

.mindsphereFooter__legalLink:hover {
    color: #41aaaa;
}

.mindsphereFooter__legalLink:after {
    content: "|";
    display: inline-block;
    position: relative;
    padding-left: 3px;
    line-height: 1.4;
}

.mindsphereFooter__legalLink:last-child:after {
    display: none;
}

@media only screen and (min-width: 560px) {
    .mindsphereFooter__headline {
        font-size: 60px;
    }
    .mindsphereFooter__lead {
        font-size: 20px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 980px) {
    .mindsphereFooter {
        padding: 100px 40px 140px;
    }
    .mindsphereFooter__lead {
        margin-top: 20px;
    }
    .mindsphereFooter__linksItem {
        display: inline-block;
        margin: 0 17px;
    }
    .mindsphereFooter__legal>span {
        display: inline-block;
    }
    .mindsphereFooter__legalLink:first-child:before {
        content: "|";
        display: inline-block;
        position: relative;
        padding-right: 3px;
        line-height: 1.4;
    }
}

@media only screen and (min-width: 1300px) {
    .mindsphereFooter__lead {
        font-size: 24px;
    }
}

@font-face {
    font-family: "Siemens Sans regular";
    src: url(assets/9a5e121f4574a2c04c561a1b7736e6ac.eot);
    src: url(assets/9a5e121f4574a2c04c561a1b7736e6ac.eot?#iefix) format("embedded-opentype"), url(assets/6a8dd6ebad01d15c483c476c40a04b84.woff2) format("woff2"), url(assets/62929671062ec761d3a48d6c0d19e02d.woff) format("woff"), url(assets/c17d6178bde063319df76699d7238bdf.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Siemens Sans bold";
    src: url(assets/f6058cbbd0483dc67e1262edbdc3c960.eot);
    src: url(assets/f6058cbbd0483dc67e1262edbdc3c960.eot?#iefix) format("embedded-opentype"), url(assets/6fc13ae8c867bbc39985d8b7e0cd342e.woff2) format("woff2"), url(assets/924a755d4cbcf5eb2b7478295db11a32.woff) format("woff"), url(assets/377b8df2c28b6e8c1dca03e0659ebe2b.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'siemens-webicons-webfont';
    src: url(assets/876e345c922fc5a01408a6489480d2e8.eot);
    src: url(assets/876e345c922fc5a01408a6489480d2e8.eot#iefix) format("embedded-opentype"), url(assets/0aede9c6fba4236d9ea3028a0fbe10de.ttf) format("truetype"), url(assets/e8051dd8c2556a75566f2c179f89ccd3.woff) format("woff"), url(assets/fbe01b68f64a9fddc18da3db26be6512.svg#siemens-webicons-webfont) format("svg");
    font-weight: normal;
    font-style: normal;
}

.mindsphere-subnavigation {
    height: 44px;
}

.mindsphere-subnavigation-container {
    background: #2d373c;
    position: fixed;
    width: 100%;
    height: 44px;
    z-index: 4;
    -webkit-font-smoothing: antialiased;
}

.mindsphere-subnavigation-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mindsphere-subnavigation-nav__item {
    display: inline-block;
    padding: 0 5px;
}

.mindsphere-subnavigation-nav__item:first-child {
    padding-left: 0;
}

.mindsphere-subnavigation-nav__item:first-child .mindsphere-subnavigation-nav__link {
    padding-left: 0;
}

.mindsphere-subnavigation-nav__link {
    font-size: 16px;
    color: white;
    text-decoration: none;
    line-height: 44px;
    font-family: "Siemens Sans regular";
    padding: 0 16px;
    display: inline-block;
    transition: all .3s ease-in-out;
    position: relative;
}

.mindsphere-subnavigation-nav__link:hover {
    color: #41aaaa;
}

.mindsphere-subnavigation-nav__link:after {
    content: "";
    position: absolute;
    height: 3px;
    background-color: #41aaaa;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.mindsphere-subnavigation-nav__link.active:after {
    opacity: 1;
}

.mindsphere-subnavigation-items, .mindsphere-subnavigation .mobile-subnavigation-toggle {
    padding: 0 80px;
}

.mindsphere-subnavigation #mobile-subnavigation-toggle {
    position: absolute;
    left: -100%;
}

.mindsphere-subnavigation .mobile-subnavigation-toggle {
    display: none;
    font-size: 16px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 44px;
    font-family: "Siemens Sans regular";
}

.mindsphere-subnavigation .mobile-subnavigation-toggle:after {
    content: "\E605";
    font-family: siemens-webicons-webfont;
    font-size: 20px;
    line-height: 1;
    color: #697882;
    position: relative;
    display: inline-block;
    top: 3px;
    left: 5px;
    transition: all .3s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slideIn {
    0% {
        transform: translateX(100px);
    }
    100% {
        transform: translateX(0);
    }
}

@media screen and (max-width: 1220px) {
    .mindsphere-subnavigation .mobile-subnavigation-toggle {
        display: block;
    }
    .mindsphere-subnavigation-items {
        background: #2d373c;
        display: none;
    }
    .mindsphere-subnavigation-nav__list {
        display: flex;
        flex-direction: column;
    }
    .mindsphere-subnavigation-nav__item {
        padding: 0;
        animation-name: fadeIn;
    }
    .mindsphere-subnavigation-nav__item:nth-child(1) {
        animation-duration: 0.15s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(1) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.15s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(2) {
        animation-duration: 0.2s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(2) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.2s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(3) {
        animation-duration: 0.25s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(3) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.25s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(4) {
        animation-duration: 0.3s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(4) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.3s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(5) {
        animation-duration: 0.35s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(5) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.35s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(6) {
        animation-duration: 0.4s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(6) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.4s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(7) {
        animation-duration: 0.45s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(7) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.45s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(8) {
        animation-duration: 0.5s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(8) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.5s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(9) {
        animation-duration: 0.55s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(9) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.55s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(10) {
        animation-duration: 0.6s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(10) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.6s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(11) {
        animation-duration: 0.65s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(11) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.65s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(12) {
        animation-duration: 0.7s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(12) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.7s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(13) {
        animation-duration: 0.75s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(13) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.75s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(14) {
        animation-duration: 0.8s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(14) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.8s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(15) {
        animation-duration: 0.85s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(15) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.85s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(16) {
        animation-duration: 0.9s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(16) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.9s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(17) {
        animation-duration: 0.95s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(17) .mindsphere-subnavigation-nav__link {
        animation-duration: 0.95s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(18) {
        animation-duration: 1s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(18) .mindsphere-subnavigation-nav__link {
        animation-duration: 1s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(19) {
        animation-duration: 1.05s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(19) .mindsphere-subnavigation-nav__link {
        animation-duration: 1.05s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(20) {
        animation-duration: 1.1s;
    }
    .mindsphere-subnavigation-nav__item:nth-child(20) .mindsphere-subnavigation-nav__link {
        animation-duration: 1.1s;
    }
    .mindsphere-subnavigation-nav__link {
        padding: 1.3rem 2.8rem 1.3rem 0;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
        line-height: 1;
        display: block;
        font-family: 'Siemens Sans bold';
        animation-name: slideIn;
        animation-duration: 0.2s;
        /* or: Xms */
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
    }
    .mindsphere-subnavigation-nav__link.active {
        color: #41aaaa;
    }
    .mindsphere-subnavigation-nav__link.active:after {
        opacity: 0;
    }
    .mindsphere-subnavigation .nav__link {
        opacity: 1;
    }
    .mindsphere-subnavigation #mobile-subnavigation-toggle:checked~.mindsphere-subnavigation-items {
        display: block;
    }
    .mindsphere-subnavigation #mobile-subnavigation-toggle:checked~.mobile-subnavigation-toggle:after {
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 980px) {
    .mindsphere-subnavigation-items, .mindsphere-subnavigation .mobile-subnavigation-toggle {
        padding: 0 20px;
    }
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.doc {
    font-family: "Siemens Sans regular";
    padding: 5em;
}

.doc pre {
    background: #efefef;
    max-width: 100%;
    overflow: hidden;
    padding: 20px;
}

/*# sourceMappingURL=main.css.map*/