/*------------- WL-Settings ---------*/

/* Avenir fontface */
@font-face {
    font-family: "AvenirLTPro-Book";
    src: url("/fileadmin/fonts/36AD90_1_0.eot");
    src: url("/fileadmin/fonts/36AD90_1_0.eot?#iefix") format("embedded-opentype"), url("/fileadmin/fonts/36AD90_1_0.woff2") format("woff2"),
        url("/fileadmin/fonts/36AD90_1_0.woff") format("woff"), url("/fileadmin/fonts/36AD90_1_0.ttf") format("truetype"),
        url("/fileadmin/fonts/36AD90_1_0.svg#wf") format("svg");
}

@font-face {
    font-family: "AvenirLTPro-Roman";
    src: url("/fileadmin/fonts/av/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix");
    src: url("/fileadmin/fonts/av/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"),
        url("/fileadmin/fonts/av/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),
        url("/fileadmin/fonts/av/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"),
        url("/fileadmin/fonts/av/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype"),
        url("/fileadmin/fonts/av/15281d0d-e3c2-46e1-94db-cb681e00bfaa.svg#15281d0d-e3c2-46e1-94db-cb681e00bfaa") format("svg");
}

@font-face {
    font-family: "AvenirLTPro-Medium";
    src: url("/fileadmin/fonts/av/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
    src: url("/fileadmin/fonts/av/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),
        url("/fileadmin/fonts/av/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),
        url("/fileadmin/fonts/av/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),
        url("/fileadmin/fonts/av/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"),
        url("/fileadmin/fonts/av/3604edbd-784e-4ca7-b978-18836469c62d.svg#3604edbd-784e-4ca7-b978-18836469c62d") format("svg");
}

@font-face {
    font-family: "AvenirLTPro-Black";
    src: url("/fileadmin/fonts/av/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
    src: url("/fileadmin/fonts/av/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"),
        url("/fileadmin/fonts/av/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),
        url("/fileadmin/fonts/av/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"),
        url("/fileadmin/fonts/av/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype"),
        url("/fileadmin/fonts/av/93603a74-2be0-436c-83e1-68f9ef616eaf.svg#93603a74-2be0-436c-83e1-68f9ef616eaf") format("svg");
}

body:not(.mobile) #login_footer {
    margin-left: 3%;
    margin: auto;
    max-width: 1280px;
}
body.mobile #login_footer {
    margin-left: 20px;
}
body:not(.mobile) #login_legal {
    margin-left: 30px;
}
body.mobile #login_legal {
    margin-left: 10px;
}
#login_bottom {
    font-family: "AvenirLTPro-Roman";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
body.mobile #login_bottom {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 10px;
}
#login_contentcontainer #slogan {
    width: 97%;
    position: absolute;
    top: 35px;
    font-family: "utopia-std";
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0;
    max-width: 1240px;
    text-align: right;
}
body:not(.mobile) #login_contentcontainer #slogan {
    color: #555;
}
@media screen and (max-width: 800px) {
    body:not(.mobile) #login_contentcontainer #slogan {
        display: none !important;
    }
}
body.mobile #login_contentcontainer #slogan {
    color: #bbb;
    margin-left: 80px;
    display: none;
}

body {
    font-family: "AvenirLTPro-Roman";
    font-size: 14px;
    font-weight: 400;
    background-color: #fcfcfc;
    color: #4e4e4e;
    -webkit-font-smoothing: antialiased;
}

body.notMobile #login_contentcontainer {
    background: transparent url(/fileadmin/template/loginpage/stromportfolio.ch/wl_stromportfolio_background-login-redesign.jpg) no-repeat;
}
body:not(.mobile) #login_contentcontainer {
    background-size: cover;
    background-position: 50% 0%;
    height: 750px;
    margin: auto;
    max-width: 1280px;
}

@media screen and (max-height: 1100px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body:not(.mobile) #login_contentcontainer {
        height: 550px !important;
        background-position: 50% 20%;
    }
}

body.mobile #login_contentcontainer #inhalt {
    text-align: center;
}
body.mobile {
    /* background: transparent url(/fileadmin/template/loginpage/stromportfolio.ch/wl_stromportfolio_background-login-mobile.jpg) no-repeat; */
    background-size: cover;
    /* background-position: 110px 0px; */
    /* background-attachment: fixed !important; */
    /* background-size: 60vh; */
    /* background-position-x: -50px; */
    width: 518px;
    height: 789px;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
body:not(.mobile) #login_header {
    background: transparent url("/fileadmin/template/loginpage/stromportfolio.ch/wl_stromportfolio_logo.svg") no-repeat;
    background-position: 50px, 50px;
    background-size: 200px;
    background-position: 3% 30px;
    margin: auto;
    max-width: 1280px;
    height: 100px;
}

body.mobile #login_header {
    width: 100%;
    position: absolute;
    background: transparent url("/fileadmin/template/loginpage/stromportfolio.ch/wl_stromportfolio_logo.svg") no-repeat;
    background-position: right 90px;
    right: 5%;
    height: 200px;
    background-size: 65%;
    top: -30px;
}
#mobMenu {
    display: none;
}
/*#header #logo, #header #breadcrumb, #header #navi {
      display: none; }*/
#container {
    height: 100%;
    margin-bottom: 0;
    position: relative;
}
body.mobile #container {
    width: 100%;
}
#container:after {
    display: none;
}
body:not(.mobile) #contentcontainer {
    box-sizing: border-box;
    width: 472.5px;
    padding-top: 0;
    background-color: #fff;
    height: 100%;
    position: absolute;
    right: 0px;
}
body.mobile #contentcontainer {
    box-sizing: border-box;
    width: 90%;
    background-color: #fff;
    height: 200px;
    bottom: 15%;
    position: absolute;
    left: 5%;
    padding: 0px;
}
body:not(.mobile) #inhalt {
    max-width: 400px;
    min-width: 250px;
    transform: translate(0, 420px);
    width: 30%;
    margin: auto;
}
@media screen and (max-height: 1100px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body:not(.mobile) #inhalt {
        transform: translate(0, 355px);
    }
}
*/ body:not(.mobile) #inhalt ::placeholder {
    color: #aaa;
    opacity: 1;
}
body.mobile #inhalt {
    width: 65%;
    margin-left: 30%;
    position: absolute;
    top: 255px;
}
.csc-header {
    visibility: visible;
}
.login_input {
    position: relative;
    /* margin-bottom: 18px; */
}
.login_input label {
    font-size: 0;
    line-height: 1;
    position: absolute;
    transform: translate(0, -50%);
    right: 5px;
    bottom: -5px;
}

 .login_input label[for="code"]{
    top: 50%;
 }


body.mobile .login_input label[for="pass"]:before,
body.mobile .login_input label[for="user"]:before {
    color: #888;
    top: 70%;
}

.login_input input {
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    line-height: 1.2em;
    color: #444;
    border: 0;
    border-bottom: 2px solid #bbb;
    padding: 15px 5px 5px 5px;
    /* font-family: "AvenirLTPro-Book", sans-serif; */
    background: transparent;
    outline: 0 none;
    border-radius: 0px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
}

#userPhone{
    border-radius: 0px;
}

.login_input input::placeholder{
    color:#bbb;
}

body.mobile .login_input input {
    padding: 10px 5px;
    color: #444;
}
body.mobile .login_input input {
    /* border-bottom: 2px solid #fff; */
}
body.mobile .login_input input::placeholder {
    color: white;
}
body.mobile .login_button {
    margin-top: -15px;
}
body.mobile .login_button input[type="submit"] {
    /*IPhone Buttons verhindern - Joel*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.login_button{
    margin-top: 20px;

}

#news-container {
    display: block;
    position: absolute;
    top: 200px;
    box-sizing: border-box;
    width: 50%;
    max-width: 600px;
    left: 45%;
    background-color: rgba(120, 60, 60, 0.8);
    padding: 30px 30px 30px 60px;
}
#news-container h3,
#news-container p {
    color: #fff;
}
#news-container h3 {
    text-transform: uppercase;
}

#news-container h3:before {
    font-size: 24px !important;
    content: "\f129";
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-left: -40px;
    margin-right: 10px;
    text-align: center;
}
#news-container p {
    line-height: 1.4em;
}
body:not(.mobile) #bottom {
    border-top: 0 none;
    position: absolute;
    bottom: -70px;
    right: 0px;
}
body.mobile #bottom {
    border-top: 0 none;
    position: relative;
    bottom: 50px;
}
.mobile:not(body) #bottom {
    display: none;
}
body:not(.mobile) #bottom #footerpos p {
    background-color: #fff;
    box-sizing: border-box;
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.2em;
    transform: translate(0, -80px);
    font-size: 14px;
    color: #777;
    white-space: nowrap;
    font-family: "AvenirLTPro-Book", sans-serif;
}
body.mobile #bottom #footerpos p {
    box-sizing: border-box;
    width: 90%;
    float: left;
    padding-left: 10%;
    padding-right: 0%;
    line-height: 1.2em;
    font-size: 10px;
    color: #777;
    white-space: nowrap;
    font-family: "AvenirLTPro-Book", sans-serif;
}
body:not(.mobile) #bottom #footerpos #gnav {
    box-sizing: border-box;
    width: 210px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    transform: translate(0, -30px);
}
body.mobile #bottom #footerpos #gnav {
    box-sizing: border-box;
    width: 90%;
    float: left;
    text-align: left;
    padding: 0px;
}
body:not(.mobile) #bottom #footerpos #gnav ul li {
    font-family: "AvenirLTPro-Book", sans-serif;
    line-height: 1.2em;
    font-size: 14px;
}
body.mobile #bottom #footerpos #gnav ul li {
    font-family: "AvenirLTPro-Book", sans-serif;
    line-height: 1.2em;
    font-size: 10px;
    float: right;
}
button,
a.btn,
input[type="submit"],
input[type="button"] {
    /* background-color: #0000006b !important; */
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 0px!important;
}
input[type="text"],
.ui-jqgrid tr.ui-search-toolbar select,
.ui-jqgrid tr.ui-search-toolbar select,
.ui-jqgrid tr.ui-search-toolbar input:not([type="checkbox"]),
.ui-jqgrid tr.ui-search-toolbar input:not([type="checkbox"]),
.ui-jqgrid tr.jqgrow select,
.ui-jqgrid tr.jqgrow select,
.ui-jqgrid tr.jqgrow input:not([type="checkbox"]),
.ui-jqgrid tr.jqgrow input:not([type="checkbox"]),
input[type="password"] {
    height: auto;
}

.login_input label[for="user"]:before {
    -webkit-mask-image: url("/fileadmin/images/gm/person_outline.svg");
    mask-image: url("/fileadmin/images/gm/person_outline.svg");
    display: inline-block;
    content: " ";
    background-size: 24px 24px;
    height: 22px;
    width: 22px;
    background: var(--colorPrimary);
    margin-top: 5px;
}

.login_input label[for="pass"]:before {
    -webkit-mask-image: url("/fileadmin/images/gm/lock.svg");
    mask-image: url("/fileadmin/images/gm/lock.svg");
    -webkit-mask-size: 22px 22px;
    mask-size: 22px 22px;
    display: inline-block;
    content: " ";
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    background: var(--colorPrimary);
    margin-top: 5px;
}
.login_input label[for="pass"].pwViewer:before {
    -webkit-mask-image: url("/fileadmin/images/gm/remove_red_eye.svg");
    mask-image: url("/fileadmin/images/gm/lock.svg");
    -webkit-mask-size: 22px 22px;
    mask-size: 22px 22px;
    display: inline-block;
    content: " ";
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    background: var(--colorPrimary);
    margin-top: 5px;
}

.login_input label[for="code"]:before {
    -webkit-mask-image: url("/fileadmin/images/gm/vpn_key.svg");
    mask-image: url("/fileadmin/images/gm/vpn_key.svg");
    -webkit-mask-size: 22px 22px;
    mask-size: 22px 22px;
    display: inline-block;
    content: " ";
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    background: var(--colorPrimary);
    margin-top: 5px;
}

.login_input label[for="phone"]:before {
    -webkit-mask-image: url("/fileadmin/images/gm/phone.svg");
    mask-image: url("/fileadmin/images/gm/phone.svg");
    -webkit-mask-size: 22px 22px;
    mask-size: 22px 22px;
    display: inline-block;
    content: " ";
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    background: var(--colorPrimary);
    margin-top: 5px;
}

.ompFormText {
    font-family: "AvenirLTPro-Book", sans-serif;
    box-sizing: border-box;
    background: var(--colorGrey0) !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #a9a9a9 !important;
    height: 30px !important;
    margin-top: 4px !important;
    margin-bottom: 7px !important;
    font-size: 14px !important;
    color: var(--colorText) !important;
    padding: 2px 6px 0px 6px;
    /*padding-left: 6px;
    padding-top: 2px;*/
}

.copyright #address,
.copyright #copyright {
    display: block;
}
body.mobile .copyright #copyright {
    display: inline;
    float: left;
}
body.mobile .copyright #address {
    margin-top: 0px;
    display: inline;
    float: right;
    text-align: right;
}

button:hover,
a.btn:hover,
a.btn:active,
a.btn:focus,
button:active,
a.btn:active,
button:focus,
a.btn:focus,
body input[type="submit"]:hover,
body input[type="submit"]:active,
body input[type="submit"]:focus,
body input[type="button"]:hover,
body input[type="button"]:active,
body input[type="button"]:focus {
    border: 2px solid #444;
}
body:not(.mobile) #inhalt input[type="submit"]:hover,
body input[type="submit"]:active,
body input[type="submit"]:focus,
body input[type="button"]:hover,
body input[type="button"]:active,
body input[type="button"]:focus {
    border: 2px solid #fff;
}
body.mobile #inhalt input[type="submit"]:hover,
body input[type="button"]:hover {
    border: 2px solid #ffffff;
}
button:hover,
a.btn:hover,
a.btn:active,
a.btn:focus,
button:active,
a.btn:active,
button:focus,
a.btn:focus,
body input[type="submit"]:hover,
body input[type="submit"]:active,
body input[type="submit"]:focus,
body input[type="button"]:hover,
body input[type="button"]:active,
body input[type="button"]:focus {
    color: #444;
}

body:not(.mobile) #inhalt input[type="submit"]:hover,
body input[type="submit"]:active,
body input[type="submit"]:focus,
body input[type="button"]:hover,
body input[type="button"]:active,
body input[type="button"]:focus {
    color: #fff;
}
body.mobile #inhalt input[type="submit"]:hover,
body input[type="button"]:hover {
    color: #ffffff;
}
button,
a.btn,
body input[type="submit"],
body input[type="button"] {
    border: 2px solid #bbb;
    padding: 4px 15px !important;
}
body.mobile button,
body.mobile a.btn,
body.mobile input[type="submit"],
body.mobile input[type="button"] {
    border: 2px solid #ffffff;
    padding: 4px 15px !important;
    /* margin-top: 15px; */
}
button,
a.btn,
body input[type="submit"],
body input[type="button"] {
    color: #bbb;
}
body.mobile button,
body.mobile a.btn,
body.mobile input[type="submit"],
body.mobile input[type="button"] {
    color: #ffffff;
}

html {
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
}

a,
a:link,
a:visited {
    /* color: #8c8c8c; */
}
a,
a:link,
a:visited {
    cursor: pointer;
    /* text-decoration: none; */
}
a:hover,
a:active,
a:focus,
body a:link:hover,
a:link:active,
a:link:focus,
body a:visited:hover,
a:visited:active,
a:visited:focus {
    color: #8c8c8c;
}

button,
a.btn,
a.btn:link,
a.btn:visited,
input[type="submit"],
input[type="button"] {
    color: #a9a9a9;
    border: 2px solid #a9a9a9;
    background-color: #fff;
    padding: 1px 6px;
    text-transform: uppercase;
    font-family: "AvenirLTPro-Medium", sans-serif;
    transition: border-color 0.2s, color 0.2s;
    cursor: pointer;
}

body.mobile #header {
    background-color: #e13d36;
}
#bottom #footerpos {
    margin-right: 20px;
}

/*chrome fix */
:focus {
    outline: none !important;
}
:active {
    outline: none !important;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* transition: background-color 5000s ease-in-out 0s; */
}
input:-webkit-autofill {
    -webkit-text-fill-color: #bbb !important;
    caret-color: var(--colorPrimary) !important;
}

.loading .login-icon,
.loading-icon{
    display: none;
}
.login-icon,
.loading .loading-icon{
    display: block;
}

/*util classes*/
.logout a {
    margin-top: 6px;
    color: var(--colorPrimary);
    text-decoration: none;
}
.renew-code a {
    margin-top: 6px; 
    float: right;
    color: var(--colorPrimary);
    text-decoration: none;
}
p.two-fa-hint {
    color: var(--colorPrimary);
    margin-top: 5px;
}
.hint{
    color: var(--colorPrimary);
}

.hidden {
    display: none;
}
/* --- tingle-Modal --- */

.tingle-modal * {
    box-sizing: border-box;
}

.tingle-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(160, 160, 160, 0.5);
    opacity: 0;
    user-select: none;
    cursor: pointer;
}

.tingle-modal--confirm .tingle-modal-box {
    text-align: center;
}

.tingle-modal--noOverlayClose {
    cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
    display: none;
}

.tingle-modal__close {
    position: fixed;
    top: 2.5rem;
    right: 2.5rem;
    z-index: 1000;
    padding: 0;
    width: 2rem;
    height: 2rem;
    border: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.tingle-modal__close svg * {
    fill: currentColor;
}

.tingle-modal__closeLabel {
    display: none;
}

.tingle-modal__close:hover {
    color: #fff;
}

.tingle-modal-box {
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 80%;
    border-radius: 3px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    will-change: transform, opacity;
    box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.5);
}

.tingle-modal-box__content {
    padding: 35px;
}

.tingle-modal-box__footer {
    padding: 0px 35px 35px 35px;
    width: auto;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    /*background-color: var(--colorGrey0);*/
    cursor: auto;
    float: right;
}

.tingle-modal-box__footer::after {
    display: table;
    clear: both;
    content: "";
}

.tingle-modal-box__footer--sticky {
    position: fixed;
    bottom: -200px; /* TODO : find a better way */
    z-index: 10001;
    opacity: 1;
    /*transition: bottom 0.3s ease-in-out 0.3s;*/
}

.modal-title {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: "AvenirLTPro-Black", sans-serif;
}
.modal-subtitle {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: "AvenirLTPro-Black", sans-serif;
}
.modal-subtitle {
    color: var(--bgcolor2);
}

.tingle-enabled {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
    bottom: 0;
}

.tingle-enabled .tingle-content-wrapper {
    filter: blur(8px);
}

.tingle-modal--visible {
    visibility: visible;
    opacity: 1;
}

/*.tingle-modal--visible .tingle-modal-box {
    animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}*/

.tingle-modal--overflow {
    overflow-y: scroll;
    padding-top: 8vh;
    padding-bottom: 8vh;
}

.tingle-btn--pull-left {
    float: left;
}

.tingle-btn--pull-right {
    float: right;
}

.tingle-btn--secondary {
    background-color: var(--colorGrey0);
    color: var(--colorText);
    margin-right: 14px;
}

@media (max-width: 540px) {
    .tingle-modal {
        top: 0px;
        display: block;
        padding-top: 60px;
        width: 100%;
    }

    .tingle-modal-box {
        width: auto;
        border-radius: 0;
    }

    .tingle-modal-box__content {
        overflow-y: scroll;
    }

    .tingle-modal--noClose {
        top: 0;
    }

    .tingle-modal--noOverlayClose {
        padding-top: 0;
    }

    .tingle-modal-box__footer .tingle-btn {
        display: block;
        float: none;
        margin-bottom: 1rem;
        width: 100%;
    }

    .tingle-modal__close {
        top: 0;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        border: none;
        background-color: #2c3e50;
        box-shadow: none;
        color: #fff;
    }

    .tingle-modal__closeLabel {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.6rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
            sans-serif;
    }

    .tingle-modal__closeIcon {
        display: inline-block;
        margin-right: 0.8rem;
        width: 1.6rem;
        vertical-align: middle;
        font-size: 0;
    }
}

.tingle-modal-box__content h4,
.tingle-modal-box__content h5 {
    /* font-family: "AvenirLTPro-Black"; */
    font-weight: normal;
}
@media screen and (max-width: 1000px) {
    .login_input label[for="pass"].pwViewer:before {
        background: #fff;
    }
    #ompStpfLoginForm > div.login_button > div {
        /* margin-top: 32px !important; */
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-height: 812px) {
    body.mobile #inhalt {
        top: 130px;
    }
    #ompStpfLoginForm > div.login_button > div {
        /* margin-top: 32px !important; */
        margin-left: auto;
        margin-right: auto;
    }
}