@font-face {
    font-family: "Futura PT";
    src: url("../fonts/1059698/17abcb18-cb81-4d9c-b55c-5ded2109e506.eot?#iefix");
    src: url("../fonts/1059698/17abcb18-cb81-4d9c-b55c-5ded2109e506.eot?#iefix") format("eot"), url("../fonts/1059698/aafdd021-88d4-41d8-8e15-fe91f83e4b17.woff2") format("woff2"), url("../fonts/1059698/81d44d4b-ac07-4ad4-8cdd-4df771a3c1c3.woff") format("woff"), url("../fonts/1059698/f47c9a36-7884-483a-80d7-57f9ee691407.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Futura PT";
    src: url("../fonts/1059728/fa09a53f-1925-44fc-a00b-a133fa6e7e23.eot?#iefix");
    src: url("../fonts/1059728/fa09a53f-1925-44fc-a00b-a133fa6e7e23.eot?#iefix") format("eot"), url("../fonts/1059728/848602e3-bda3-4b1c-976b-fe26eecfab31.woff2") format("woff2"), url("../fonts/1059728/e4eacf8d-aba1-40d4-9597-1198e91dcf00.woff") format("woff"), url("../fonts/1059728/0274b668-7ceb-4cae-96cf-eeeec93f3254.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Futura PT";
    src: url("../fonts/1059752/c0b084f4-7139-4e63-ba96-7f3a421195c3.eot?#iefix");
    src: url("../fonts/1059752/c0b084f4-7139-4e63-ba96-7f3a421195c3.eot?#iefix") format("eot"), url("../fonts/1059752/f7552419-a773-41ab-ae4a-b12b1d853f02.woff2") format("woff2"), url("../fonts/1059752/83e72918-97c3-41cd-8a7d-4056788a00f0.woff") format("woff"), url("../fonts/1059752/5b88228b-bd3b-49f4-b7c2-db89968ce116.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: 'Schnyder S';
    src: url(../fonts/schnyder/72604f062159710d064eda70ad904d34.eot?6549b06fcabcf6a57db451b533514f19);
    src: url(../fonts/schnyder/72604f062159710d064eda70ad904d34.eot?6549b06fcabcf6a57db451b533514f19?#iefix) format('embedded-opentype'),
    url(../fonts/schnyder/72604f062159710d064eda70ad904d34.woff2?45d46fee7cd150160901cef0ff4f8909) format('woff2'),
    url(../fonts/schnyder/72604f062159710d064eda70ad904d34.woff?d5622f2e1d8b728384e26a0e8dba6baf) format('woff'),
    url(../fonts/schnyder/72604f062159710d064eda70ad904d34.ttf?ed7869dbee6e89a243e65f74f097fb3d) format('truetype'),
    url(../fonts/schnyder/72604f062159710d064eda70ad904d34.svg?ea901796c0249c08773e2f683a80c77f#.) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a:link,
a:visited {
    transition: color ease-in-out 0.15s;
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

::-moz-selection {
    /* Code for Firefox */
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.2);
}

::selection {
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.2);
}

.box-shadow {
    -webkit-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15);
}

h1 {
    font-family: "Schnyder S", serif;
    font-weight: 400;
    font-size: 26px;
    color: #1A1A1A;
    font-style: normal;
    line-height: 34px;
}

h2 {
    font-family: "Futura PT", serif;
    font-weight: 400;
    font-size: 18px;
    color: #1A1A1A;
    font-style: normal;
    line-height: 24px;
}

h3 {
    font-family: "Futura PT", serif;
    font-weight: 400;
    font-size: 22px;
    color: #000000;
    line-height: 30px;
}

h1 + p {
    margin-top: 30px;
}

html {
    height: 100%;
}

body {
    margin: 0;
}

body {
    font-family: "Futura PT", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #1A1A1A;
    line-height: 26px;
    background-color: #FFFFFF;
    min-height: 100%;
    position: relative;
}


.intro {
    text-align: center;
    margin-bottom: 16px;
}

.intro .maintenance-hint {
    margin-top: 26px;
    margin-bottom: 40px;
    font-weight: bold;
}

.login-help {
    text-align: center;
    margin-top: 20px;
}

.login-help a:link,
.login-help a:visited {
    color: rgba(25, 25, 25, 0.4);
}

.login-help a:hover,
.login-help a:active {
    color: rgba(25, 25, 25, 1);
}

.outro {
    text-align: center;
    margin-top: 60px;
}

.outro a:link,
.outro a:visited {
    color: rgba(25, 25, 25, 0.4);
}

.outro a:hover,
.outro a:active {
    color: rgba(25, 25, 25, 1);
}

.auth-wrapper {
    width: 100%;
    max-width: 380px;
    min-height: 100vh;
    padding: 40px 0px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .auth-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 40px 20px;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.login-mask {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.logo {
    width: 200px;
    margin: 0 auto;
}

.logo img {
    width: 100%;
}

.form {
    margin-top: 40px;
}


.error-wrapper {
    margin: 20px 0px;
    color: #9e2927;
    text-align: center;
}

.error-wrapper .headline {
    font-weight: 500;
    margin-bottom: 10px;
}


.input-wrapper + .input-wrapper {
    margin-top: 5px;
}

.input-wrapper + .input-wrapper.submit {
    margin-top: 20px;
}

.form-label-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px;
}

.form-label-wrapper label,
.form-label-wrapper a:link,
.form-label-wrapper a:visited {
    font-size: 14px;
    line-height: 24px;
    color: rgba(25, 25, 25, 0.4);
}

.form-label-wrapper a:hover,
.form-label-wrapper a:active {
    color: rgba(25, 25, 25, 1);
}


.login-input::-webkit-input-placeholder,
.login-input::-moz-placeholder,
.login-input:-ms-input-placeholder,
.login-input:-moz-placeholder {
    color: rgba(49, 47, 45, 0.5);
}

.login-input {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.login-input  {
    height: 50px;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    background-color: rgba(255, 255, 255, 1);
    padding-left: 15px;
    padding-right: 15px;
    outline: none;
    color: #000000;
    -webkit-appearance: none;
    border-radius: 1px;
    border: 1px solid rgb(204, 204, 204);
    transition: border-color ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    font-family: "Futura PT", sans-serif;
}

.login-input:hover,
.login-input:focus {
    border: 1px solid rgb(26, 26, 26);
}

button[type="submit"] {
    font-size: 18px;
    color: #FFFFFF;
    height: 50px;
    line-height: 24px;
    outline: none;
    border-radius: 1px;
    -webkit-appearance: none;
    cursor: pointer;
    transition: color ease-in-out .15s, background-color ease-in-out .15s;
    -webkit-transition: color ease-in-out .15s, background-color ease-in-out .15s;
    -moz-transition: color ease-in-out .15s, background-color ease-in-out .15s;
    -o-transition: color ease-in-out .15s, background-color ease-in-out .15s;
    background-color: #1a1a1a;
    border: none;
    width: 100%;
    font-family: "Futura PT", sans-serif;
}

button[type="submit"]:hover {
    background-color: rgba(26,26,26,0.8);
}

button[type="submit"].processing {
    background-color: rgba(26,26,26,0.5);
}

.login-notification {
    font-weight: 500;
    margin: 20px 0px;
    color: #4FB046;
    text-align: center;
}

a.link-underline {
    text-decoration: underline;
}

.footer-wrapper {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    flex-grow: 0;
    padding: 40px 0px 0px;
}

.footer-wrapper ul {

}

.footer-wrapper ul li {
    display: inline-block;
}

.footer-wrapper ul li + li {
    margin-left: 10px;
}

.footer-wrapper ul li a:link,
.footer-wrapper ul li a:visited {
    color: rgba(26,26,26,0.4);
    text-decoration: underline;
}

.footer-wrapper ul li a:hover,
.footer-wrapper ul li a:active {
    color: rgba(26,26,26,1);
}

@media only screen and (max-width: 1439px) {
    .content-wrapper {
        padding: 90px 60px 90px;
    }
}

@media only screen and (max-width: 767px) {
    .content-wrapper {
        padding: 60px 10px 120px;
    }
}