.tx-felogin-pi1>div { font-size: 1.2em;  }
.tx-felogin-pi1 form { margin: 38px 0; }
.tx-felogin-pi1 form>div.fields { display: flex; flex-wrap: wrap; gap: 20px; margin: 38px 0; }
.tx-felogin-pi1 form>div.fields>div { flex-basis: 100%;  }

.tx-felogin-pi1 form>div label { display: block; color: #6a6a6a; margin-bottom: 4px; }
.tx-felogin-pi1 form>div>div.fields label { display: block; color: #6a6a6a; margin-bottom: 4px; }
.tx-felogin-pi1 form>div input:not([type="submit"]) { border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-size: .96em;height: 48px; width: 100%; color: #555; box-sizing: border-box; }
.tx-felogin-pi1 form>div input:not([type="submit"]):focus {    border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.tx-felogin-pi1 form>div input[type="submit"] { color: var(--contentBlueDark); border: 1px solid var(--contentBlue); padding: 14px 30px; text-transform: uppercase; text-align: center; background: none; width: 100%; }
.tx-felogin-pi1 form>div input[type="submit"]:hover { background-color: var(--contentBlue); color: #fff; transition: background-color 450ms;}

aside .tx-felogin-pi1 { margin: 0 30px 30px; }
aside .tx-felogin-pi1 form>div.fields { justify-content: space-between; gap:0; }
aside .tx-felogin-pi1 h3 { margin-top: 20px; color: #555; font-size: 1.4em;  }
aside .tx-felogin-pi1 form>div.fields>div { flex-basis: auto;}
.aside-below .tx-felogin-pi1 { padding: 30px 30px 1px;}

@media (min-width: 576px) {

    .tx-felogin-pi1 form>div.fields>div { flex-basis: 48%;  }
    .tx-felogin-pi1 form>div.fields>div:nth-of-type(3) { flex-basis: 98.4%; text-align: right; }
    .tx-felogin-pi1 form>div input[type="submit"] { width: auto;}

}

@media (min-width: 992px) {

    .aside-below .tx-felogin-pi1 { padding: 0; }

}