h1 {
    color: #333185;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 200;
    line-height: 60px;
}
.top-image{
    margin-right: 40px;
}
.top-image img {
    display: block;
    min-width: 220px;
}

.link-mail {
    color: #7F7F80;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 150% */
    text-decoration: none;
}

.link-tel {
    color: #7F7F80;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.link-instagramm {
    display: flex;
    width: 42px;
    height: 42px;
    margin-left: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='41' height='41' rx='20.5' stroke='%237F7F80'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 19.712V28H17.6644V16.7222H14V19.712ZM29.6443 20.204C29.3977 18.0846 28.4815 16.7222 25.8037 16.7222C23.1258 16.7222 23.1611 17.3278 22.7383 18.236H22.703V16.7222H19.7785V28H22.844V22.399C22.844 20.923 23.1258 19.5228 24.7819 19.5228C26.4379 19.5228 26.6141 21.1879 26.6141 22.5125V28H29.75V21.7934C29.75 21.2258 29.75 20.6581 29.6795 20.1661L29.6443 20.204ZM15.8322 11.0833C14.8104 11.0833 14 11.9538 14 13.0513C14 14.1488 14.8104 15.0192 15.8322 15.0192C16.854 15.0192 17.6644 14.1488 17.6644 13.0513C17.6644 11.9538 16.854 11.0833 15.8322 11.0833Z' fill='%237F7F80'/%3E%3C/svg%3E%0A");
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #333185;
    background: #FFF;
    padding: 16px 30px;

}

.contact-form div:has( > .wpcf7-form-control-wrap) {
    margin-bottom: 14px;
}

.contact-form .text,
.wpcf7-acceptance label {
    color: #7F7F80;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
}

.contact-form .text {
    margin-left: calc(48px + 1em);
    margin-bottom: 14px;
}

.wpcf7-acceptance label {
    display: flex;
    flex-direction: row;
}

.wpcf7-acceptance label input[type="checkbox"] {
    width: 26px;
    height: 26px;
    min-width: 26px;
    margin-right: 17px;
    margin-bottom: auto;
    box-sizing: border-box;
    accent-color: #333185;
}

.contact-form input[type="submit"] {
    display: flex;
    align-self: end;
    width: fit-content;
    padding: 16px 0 16px 275px;
    border: none;
    color: #FA0;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-align: right;
    margin-bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='245' height='8' viewBox='0 0 245 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M244.354 4.35353C244.549 4.15827 244.549 3.84169 244.354 3.64643L241.172 0.464445C240.976 0.269183 240.66 0.269183 240.464 0.464445C240.269 0.659707 240.269 0.97629 240.464 1.17155L243.293 3.99998L240.464 6.82841C240.269 7.02367 240.269 7.34025 240.464 7.53551C240.66 7.73078 240.976 7.73078 241.172 7.53551L244.354 4.35353ZM4.37114e-08 4.5L244 4.49998L244 3.49998L-4.37114e-08 3.5L4.37114e-08 4.5Z' fill='%23333185'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    transition: padding-left 0.3s ease-in-out;
}

.contact-form input[type="submit"]:hover {
    padding-left: 265px;
    transition: padding-left 0.3s ease-in-out;
}

.register {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-radius: 40px;
    aspect-ratio: 4 / 3;
    background: rgba(153, 152, 204, 0.10);
}

.register-header {
    color: var(--auxilo-lila, #333185);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.register-img {
    max-width: 180px;
    margin: 0 auto 40px auto;
}

@media all and (width < 1400px) {

}

@media all and (width < 1200px) {

}

@media all and (width < 992px) {
    .register {
        padding: 20px;
        margin: 0;
    }

    .register-img {
        max-width: 50%;
    }
}

@media all and (width < 768px) {
    .top-image {
        margin-bottom: 50px;
    }

    .second-line-field {
        margin-right: 0;
    }

    .link-instagramm {
        margin-top: 10px;
        margin-left: 0;
    }

    .register {
        padding: 40px 30px;
        margin: 0;
    }
    a.link-arrow-purple{
        min-width: 50px;
    }
    a.link-arrow-purple:has(> span.arrow-black){
        min-width: 50px;
    }
}

@media all and (width < 576px) {
    main section {
        padding: 50px 0;
    }
    .register {
        padding: 40px 10px;
        margin: 0;
    }
    .register-img {
        width: 120px;
    }
}