.ws-kontakt-page-form {
    padding: 9.5rem 0 6rem;
    position: relative;
    overflow: hidden;
    /* background-repeat:no-repeat;
    background-position: top center;
    background-size: 100% calc(50% + 6rem); */
}
/* .ws-kontakt-page-form:before {
	content: '';
	position: absolute;
	top:0; left:0; right:0;
	height: calc(50% + 6rem);
	background-color:#7e68fa;
	background-image:linear-gradient(135deg, #10161d 3%, rgba(16, 22, 29, 0.9) 12.7%, rgba(16, 22, 29, 0.8) 22.4%, rgba(16, 22, 29, 0.7) 32.1%, rgba(16, 22, 29, 0.6) 41.8%, rgba(16, 22, 29, 0.5) 51.5%, rgba(16, 22, 29, 0.4) 61.2%, rgba(16, 22, 29, 0.3) 70.9%, rgba(16, 22, 29, 0.2) 80.6%, rgba(16, 22, 29, 0) 100%), radial-gradient(100% 60% at 78% 100%, #18a0fb 18%, rgba(24, 160, 251, 0.9) 26.2%, rgba(24, 160, 251, 0.8) 34.4%, rgba(24, 160, 251, 0.7) 42.6%, rgba(24, 160, 251, 0.6) 50.8%, rgba(24, 160, 251, 0.5) 59%, rgba(24, 160, 251, 0.4) 67.2%, rgba(24, 160, 251, 0.3) 75.4%, rgba(24, 160, 251, 0.2) 83.6%, rgba(24, 160, 251, 0) 100%);
    background-repeat:no-repeat;
	background-size: 100% 100%;
} */
 .kontakt-gradient-block {
    position: absolute;
 	top:0; left:0; right:0;
 	height: calc(50% + 6rem);
    background-color:#fafafa;
 }
 .kontakt-gradient-block:before {
     content: '';
     position: absolute;
     top:-60%;
     left:-60%;
     width: 120%;
     height: 150%;
     border-radius: 62.4375rem;
     background: radial-gradient(46.54% 60.36% at 88.87% 53.39%, rgba(193, 204, 238, 0.20) 0%, rgba(220, 186, 205, 0.20) 100%);
     filter: blur(34px);
 }
 .ws-kontakt-page-form-container {
    max-width: 52rem;
    padding: 0 1rem;
    margin: 0 auto;
    position: relative;
}
.ws-kontakt-page-form .ws-kontakt-page-form-title {
    margin-bottom: 5rem;
    text-align: center;
}
.ws-kontakt-page-form .ws-kontakt-page-form-wrap {
    font-size: 0.875rem;
    padding: 2rem 3rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.05), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
}
.ws-kontakt-page-form .wpcf7-form,
.ws-kontakt-page-form .wpcf7-form label,
.ws-kontakt-page-form .wpcf7-form input,
.ws-kontakt-page-form .wpcf7-form select,
.ws-kontakt-page-form .wpcf7-form textarea {
    font-size: 0.875rem;
}

.ws-kontakt-page-form .wpcf7 *::placeholder {
    color: var(--brand-blue-lighter)!important;
    font-size: 0.875rem;
    vertical-align:text-bottom;
}
.ws-kontakt-page-form input:not([type="submit"]), .ws-kontakt-page-form select, .ws-kontakt-page-form textarea {
    border-radius: 0.25rem;
    border: 2px solid var(--gray-200, #E5E7EB);
    background: var(--white, #FFF);
    color: var(--dark-gray);
}
.ws-kontakt-page-form .form-control.wpcf7-not-valid {
    border-color: #F05252;
    background-color: #FDF2F2;
}
.ws-kontakt-page-form .form-control:focus {
    color: var(--dark-gray);
	border: 2px solid var(--brand);
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px #2D599E!important;
	transition: all .5s
}
.ws-kontakt-page-form .wpcf7-form label {
    color:var(--body---light);
    margin-bottom: 1rem;
    font-weight: 500
}
.ws-kontakt-page-form .wpcf7-checkbox.dsgvo_contact_cb {
    padding-top: 0
}
.ws-kontakt-page-form .wpcf7-form .wpcf7-checkbox.dsgvo_contact_cb .wpcf7-list-item-label,
.ws-kontakt-page-form .wpcf7-form label .wpcf7-checkbox.dsgvo_contact_cb .wpcf7-list-item-label {
    font-size: 0.75rem;
    font-weight: 400
}
.ws-kontakt-page-form .wpcf7-form input[type="submit"] {
    font-size: 1rem;
    line-height: 1;
    background-color: var(--brand);
    border: 1px solid var(--brand);
    color: #fff;
    height: 3.5rem;
}
.ws-kontakt-page-form .wpcf7-form input[type="submit"]:hover, .ws-kontakt-page-form .wpcf7-form input[type="submit"]:focus {
    color: var(--body-default);
    background-color: var(--akzent);
    border-color: var(--akzent);
}
.ws-kontakt-page-form .wpcf7-form-control-wrap {
    display: block;
    padding-top: 10px;
}
.ws-kontakt-page-form .wpcf7-form-control-wrap[data-name="checkbox-dsgvo"] {
    padding-top:0
}
.ws-kontakt-page-form .wpcf7-checkbox.dsgvo_contact_cb label {
    font-size: 0.75rem;
    font-weight: 400;
}
.ws-kontakt-page-form  .wpcf7-form-control-wrap[data-name="acceptance"] {
    padding-top: 10px;
	margin-bottom: 1.25rem
}
.ws-kontakt-page-form  .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-form-control.wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item label input + span.wpcf7-list-item-label::before {
	border-color: #F05252;
    background-color: #FDF2F2;
}
.ws-kontakt-page-form .wpcf7 form.invalid .wpcf7-response-output {
	display: none
}
/*
custom thankyou message
*/
.ws-kontakt-page-form-wrap .ws_success_message {
	position: relative;
	width: 100%;
	text-align: center;
	background-color: #fff;
    z-index: 9;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ws-kontakt-page-form-wrap .ws_success_message img {
	width: 60%;
    max-width: 19.5rem;
    margin-bottom: 2rem;
}
.ws-kontakt-page-form-wrap .ws_success_message > * {
	max-width: 30.75rem;
}
.ws-kontakt-page-form-wrap .ws_success_message h3 {
	margin-bottom: .5rem
}

/**/
.ws-kontakt-data {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 2rem;
}
.ws-kontakt-data-item {
    text-align: center;
    padding: 0 1rem 2rem;
    color: var(--body---light);
}
.ws-kontakt-data-item img {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem
}
.ws-kontakt-data-item h5 {
    margin-bottom:0
}
.ws-kontakt-item-text {
    color: var(--body---light);
}
.ws-kontakt-item-value {
    font-weight: 500
}
.ws-kontakt-item-value span {
    display: inline-block;
    font-size: 0.875rem;
    padding: 0.0625rem .5rem;
    vertical-align: top;
}
.ws-kontakt-data-item a.button {
    margin-top: 2rem
}
@media (min-width: 768px) {
    .ws-kontakt-data-item {
        flex-basis: 33.333%
    }
}
@media (min-width: 1200px) {
    .ws-kontakt-page-form {
        padding: 11.5rem 0 6rem;
        background-size: 100% calc(50% + 7.5rem);
    }
	.ws-kontakt-page-form:before {
		height: calc(50% + 7.5rem);
	}
    .ws-kontakt-page-form .ws-kontakt-page-form-title {
        margin-bottom: 6rem;
    }
    .ws-kontakt-data {
        margin-left: -2rem;
        margin-right: -2rem;
    }
    .ws-kontakt-data-item {
        padding: 0 2rem 2rem
    }
}

@media (max-width: 767px) {
    .ws-kontakt-page-form .ws-kontakt-page-form-wrap {
        padding: 1.5rem 1rem
    }
    .ws-kontakt-page-form {
        padding: 8rem 0 3rem;
        background-size: 100% calc(50% + 3.5rem);
    }
	.ws-kontakt-page-form:before {
		height: calc(50% + 3.5rem);
	}
    .ws-kontakt-page-form .ws-kontakt-page-form-title {
        margin-bottom: 2.75rem;
    }
    .ws-kontakt-data {
        margin-bottom: 1rem;
    }
    .ws-kontakt-data-item {
        flex-basis: 100%
    }
	.ws-kontakt-page-form .wpcf7-form input[type="submit"] {
		height: 3rem;
	}
}