html, body {
    height     : 100%;
    box-sizing : border-box;
    background : #f5f5f5 !important;
}

body.plain > div.Container:first-child,
body.plain > div.Container:first-child .Wrapper,
body.plain > div.Container:first-child .Wrapper #Content {
    min-height : 100%;
    background : none;
    box-sizing : border-box;
}

body.plain > div.Container:first-child {
    padding-bottom : 5em;
}

body.plain > div.Container:first-child .Wrapper {
    margin-top    : 0;
    margin-bottom : 0;
}

body.plain > div.Container:first-child {
    display    : flex;
    margin     : auto;
    box-sizing : border-box;
}

body.plain #Content {
    padding-bottom : 0;
    box-sizing     : border-box;
}

div.Container.itrk-bg-darkgray {
    position : fixed;
    left     : 0;
    right    : 0;
    bottom   : 0;
}


#loginPage {
    color : var(--darkgray);
}

#loginPage .errorMsg {
    color      : red;
    text-align : left;
}


#loginPage > div.card {
    background   : white;
    text-align   : center;
    margin-left  : auto;
    margin-right : auto;
}

#loginPage > div.card {
    max-width : 440px;
    padding   : 35px 15px;
}

#loginPage > div.card > div.content {
    margin-left  : 40px;
    margin-right : 40px;
}

#loginPage > div.card > div.content > p {
    text-align : center;
}


#loginPage > div.kontakt {
    margin    : 40px auto auto;
    max-width : 386px;
}

#loginPage > div.kontakt > p {
    text-align    : center;
    margin-bottom : 0;
}


#loginPage > div.kontakt .fett {
    font-weight : bold;
}


#loginPage > div.card > img.logo {
    width  : 30px;
    height : 72px;
}

#loginPage h2 {
    text-transform : uppercase;
    margin-top     : 20px;
    margin-bottom  : 5px;
}


#loginPage div.subTitle {
    margin-bottom : 25px;
    font-weight   : 500;
}

#loginPage .itrk-form {
    margin-bottom : 0;
}

#loginPage input {
    width      : 100%;
    box-sizing : border-box;
}

@media (max-width : 512px) {
    #loginPage > div.card > div.content {
        margin-left  : 10px;
        margin-right : 10px;
    }
}

@media (max-height : 660px) {
    body.plain div.Container.itrk-bg-blue {
        position : relative;
    }

    body.plain > div.Container:first-child {
        padding-bottom : 2em;
    }
}

@media (min-height : 850px) {
    body.plain #Content {
        padding-top : 8%;
    }
}