.engineElements, .engineElements_local {
    overflow: hidden;
    position: relative;
    width: 0;
    height: 0;
    opacity: 0;
}

:root {
    --menu-height: 127px;
    --menu-bg: #fff;
    --menu-color: #231F20;
    --menu-accent: #e4c800;
    --transition: 0.3s cubic-bezier(.4, 0, .2, 1);
    --main-font: 'Roboto Condensed', Arial, sans-serif;
}

* {
    box-sizing: border-box;
}
ul, li {
    list-style: none;
}
html {
    font-size: 16px;
    line-height: 1.2;
}
body {
    margin: 0;
    font-family: var(--main-font);
    background: #fff;
    color:#231F20;
}
p {
    margin-block-start: 0;
}
pre {
    max-width: 100%;
    overflow: scroll;
    background-color: #f9f9f9;
    border: solid 1px #aaa;
    display: inline-block;
    padding: 40px;
}

.splide__arrow {
    opacity: 1;
}
.splide__pagination__page.is-active {
    background-color: #333;
}



.appViewWrapper {
    max-width: var(--appViewWrapper_MaxWidth);
    margin: 0 auto;
}




.heroDetails_text {
    font-family: var(--main-font);
    font-size: 1.1em;
}



.module_generalHeader {
    width: 100%;
    height:100px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.module_generalHeader h2 {
    font-size: 3em;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.module_generalHeader p {
    font-size: 1.2em;
    padding: 0;
    margin: 0;
}


.moduleNotSaved {
    min-height:50px;
    background-color:#f00;
}
.moduleNotSaved img {
    width: 100vw;
    display: block;
    padding: 0;
    margin: 0;
}