body {
    font-family: 'Roboto', sans-serif;
    background-color: grey;
}
strong {
    font-weight: 900;
}
h1 {
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
}
h2 {
    line-height: 120%;
}
p {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 130%;
}
.rem-blue {
    color: #0689C3;
}
.dot { 
    height: 4px;
    width: 4px;
    background-color: #bbb;
    border-radius: 50%;
}
.container { 
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fff;
    width: 992px;
}
.page-wrapper {
    margin: 0px 70px;
}
.sm-2 {
    margin-top: 16px;
}
.sm-2_5 {
    margin-top: 24px;
}
.sm-3 {
    margin-top: 32px;
}
.bg-color {
    padding: 10px;
    border: solid 4px #0689C3;
    background: #0689C3;
    color: white;
    margin-bottom: 20px;
}
.section-padding {
    margin-top: 24px;
}
h2.title {
    font-size: 25px;
    font-weight: 700;
}
p.title {
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 110%;
    font-weight: 700;
}
.bordered_title {
    border-bottom: 3px solid #0689C3;
    padding-bottom: 8px;
    font-size: 25px;
    font-weight: 900;
}
.blue_bordered{
    border-bottom: 3px solid #0689C3;
    border-top: 3px solid #0689C3;
    padding: 20px 0px;
    text-align: center;
}
.blue_bordered_bottom{
    border-bottom: 3px solid #0689C3;
    padding: 16px 0px 0px 0px;
    text-align: center;
    margin-bottom: 10px;
}
.large-font {
    font-size: 19px;
}
.small-font {
    font-size: 12px;
}
img {
    width: 100%;
}
.ta-center{
    text-align: center;
}
.mb-3_25 {
    margin-bottom: 20px;
}
img#flatdesign_1 {
    position: absolute;
    left: 10px;
    bottom: -80px;
}
#part2 {
    margin-bottom: 80px;
    position: relative;
}
/* */

.responser_spacer{
    margin: 23px 0px;
}
/* */
.header-top .logo {
    display: flex;
}
.header-top .logo img {
    width: 79px;
    height: auto;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.info {
    align-items: flex-start;
}
.info > .info__link {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.info > .info__link:last-child {
    margin-bottom: unset;
}
.info__link span {
    font-size: 16px;
    font-weight: 500;
}
.info__link img {
    height: 16px;
    width: auto;
    background-repeat: no-repeat;
}
.info__link .info__link--spacing {
    margin-right: 8px;
}
.header-bottom {
    margin-top: 24px;
    border-top: 4px solid #0689C3;
    border-bottom: 4px solid #0689C3;
}
.header-bottom p {
    margin: 6px 0px;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #8f8d8e;
    line-height: 130%;
}
#header {
    padding-top: 35px;
}
/* */
.textWrapper .row div:first-child  {
    padding-right: 30px;
}
.textWrapper .row div:nth-child(2)  {
    padding-left: 30px;
}
#intro {
    margin-top: 24px;
}
#intro h1 {
    font-size: 24px;
    font-weight: 500;
}
#intro .headerWrapper {
    display: flex;
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 4px;
}
#intro > .row {
    align-items: center;
}
/* */
.image-crop {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.image-legend-wrapper {
    position: absolute;
    bottom: 55%;
    left: 41%;
    text-align: left;
}
.image-legend-wrapper p {
    font-size: 12px;
    line-height: 110%;
}
.image-legend {
    font-size: 19px;
    padding: 3px 6px;
    margin-bottom: 0px;
}
.image-legend:first-child  {
    font-weight: 900;
}
.image-legend:nth-child(2)  {
    font-weight: 400;
}
/* */
#contact {
    margin-top: 24px;
    background-color: #0689C3;
    padding: 0px;
}
.contact {
    display: flex;
    justify-content: space-evenly;
    padding: 20px 0;
}
.contact .text {
    display: flex;
    align-items: center;
}
.contact .text p {
    color: #FFFFFF;
    font-size: 24px;
    margin: 0px;
}
.contact .seperator {
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 3px solid #FFFFFF;
    height: unset;
}
.contact .button-wrapper button {
    font-size: 24px;
    font-weight: 700;
    background: #FFFFFF;
    color: #0689C3;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    padding: 8px 80px 8px 80px;
}
/* */
#result {
    margin-top: 72px;
}
#result p {
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: -0.01em;
}
#result h1 {
    font-size: 15px;
    margin-bottom: 16px;
}
#result .row > div:first-child  {
    padding-right: 40px;
}
#result .row > div:nth-child(2) {
    padding-left: 16px;
    padding-right: 16px;
}
#result .row > div:nth-child(3)  {
    padding-left: 32px;
}
/* */
#info-cs {
    padding-bottom: 0px;
    margin-top: 24px;
}
.infoBottom {
    display: flex;
    justify-content: space-evenly;
}
.infoBottom .legend {
    text-align: center;
}
.infoBottom .legend p {
    font-weight: 500;
    font-size: 22px;
    color: black;
    text-decoration: underline;
    text-decoration-color: black;
    text-decoration-thickness: 1px;
    text-decoration-skip-ink: none;
    text-underline-offset: 8px;
}
#rem-insert {
    margin-top: 24px;
}
#rem-insert .page-wrapper {
    margin: 0px 30px;
}
/* */
#form {
    margin-top: 24px;
}
#form .page-wrapper > div {
    justify-content: space-around
}
#form .field {
    margin-bottom: 16px;
}
#form .field label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
}
#form .field label:after { 
    content: "*" 
}
#form .field input {
    border: 1px solid #ccc;
    border-radius: 10px;
    line-height: 30px;
    width: 90%;
}
#form .field .form__message label:after {
    content: "" 
}
#form .field input#message {
    border: 1px solid #ccc;
    border-radius: 10px;
    line-height: 120px;
    width: 100%;
}
#form .submit .form__submit label:after { 
    content: "" 
}
#form .submit .submit-wrapper { 
    display: flex;
    justify-content: space-between;
    align-items: center
}
#form .submit .submit-wrapper .submit__check label { 
    margin-bottom: 0px;
    font-size: 14px;
}
#form .submit .button-wrapper button {
    font-size: 14px;
    background: #FFFFFF;
    color: #0689C3;
    border: none;
    border-radius: 10px;
    padding: 6px 30px 6px 30px;
    cursor: pointer;
    border: 1px #0689C3 solid;
}
/* */
footer {
    margin-top: 24px;
}
footer .logos {
    display: flex;
    justify-content: center;
    padding-bottom: 10px
}
footer .logos .logo {
    display: inline-block;
    padding: 0px 4px;
}
footer .logos .logo img {
    width: 25px;
    height: auto;
}
footer .text {
    text-align: center;
}
footer .text p {
    font-size: 16px;
}
footer .text p::before {
    content: "\00a9";
}
.responser_spacer2{
    margin-bottom: 20px
}
.page_Line_Separator {
    display: flex;
    width: 100%;
    justify-content: space-around;
    border-bottom: solid 3px #0689C3;
}
.banner {
    position: relative;
    top: 14px;
    font-weight: 500;
    padding: 0px 5px;
    background: #ffffff;
}
.mobil_d_block {
    display: none;
}
/* responsives */

@media (max-width: 992px ) {
    .image-legend-wrapper {
        left: 64%;
        top: 61%;
    }
    .textWrapper .row div:first-child  {
        padding-right: 15px;
    }
    .textWrapper .row div:nth-child(2)  {
        padding-left: 15px;
    }
    #intro h1 {
        font-size: 20px;
        font-weight: 500;
    }
    .sm-3 {
        margin-top: 16px;
    }
    .contact .text p {
        font-size: 20px;
    }
    .contact .button-wrapper button {
        font-size: 20px;
    }
    #result .row > div:nth-child(3) {
        padding-left: 16px;
    }
    .infoBottom .legend p {
        font-size: 16px;
    }
    #result {
        margin-top: 24px;
    }
    #part2 {
        margin-bottom: unset;
        position: unset;
    }
    .infoBottom .legend p {
        text-underline-offset: 4px;
    }
}

@media (max-width: 768px ) {
    #intro .headerWrapper {
        padding-left: 15px;
        padding-right: 15px;

    }
    .contact .text p {
        font-size: 18px;
    }
    .contact .button-wrapper button {
        font-size: 18px;
    }
    .image-legend-wrapper {
        left: 66%;
        top: 57%;
    }
    .page-wrapper {
        margin: 0px 20px;
    }
    #rem-insert .page-wrapper {
        margin: 0px 20px;
    }
}

@media (max-width: 575px) {
    .mobil_d-none {
        display: none !important;
    }
    .mobil_d_block{
        display:block !important
    }
    .container {
        max-width: 100%;
    }
    #form .field input {
        border: 1px solid #ccc;
        border-radius: 8px;
        line-height: 20px;
        width: 100%;
    }
    #form .field label {
        font-size: 13px;
    }
    #form .submit .wrapper .submit__check label { 
        font-size: 13px;
    }
    #form .submit .button-wrapper button {
        font-size: 13px;
    }
    #form {
        padding: 0px;
    }
    .contact .text p {
        font-size: 16px;
    }
    .contact .button-wrapper button {
        font-size: 16px;
        border-radius: 15px;
        padding: 4px 40px 4px 40px;
    }
}
@media (max-width: 510px) {
    .image-legend-wrapper {
        left: 61%;
        top: 47%;
        }
}

@media (max-width: 450px ) {
    .image-legend-wrapper {
    left: 56%;
    top: 48%;
    }
    .header-bottom p {
        font-size: 15px;
    }
    #intro h1 {
        font-size: 18px;
    }
    #form .submit .submit-wrapper .submit__check {
        display: flex;
    }
    #form .submit .submit-wrapper .submit__check label {
        font-size: 12px;
        display: flex;
    }
    .contact .button-wrapper button {
        padding: 4px 20px 4px 20px;
    }
    .response_mb {
        margin-bottom: 0px;
    }
    .responser_spacer {
        margin: 0px 0px 12px 0px !important;
    }
    .responser_spacer2 {
        margin-bottom: 20px !important;
    }
    .mb-5_response {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 370px) {
    .image-legend-wrapper {
        left: 62%;
        top: 33%;
        }
}