.wp-block-forms {
margin-top: 4em;
margin-bottom: 4em;
}
.wp-block-forms .container-sm {
border: 1px solid #CACCD0;
border-radius: 12px;
background-color: #FFF;
box-shadow: 0 0 10px rgba(0, 0, 0, .16);
padding: 20px 40px 40px 40px;
}
.wp-block-forms .wp-block-forms__text {
text-align: center;
}
.wp-block-forms .wp-block-forms__text h1,
.wp-block-forms .wp-block-forms__text h2,
.wp-block-forms .wp-block-forms__text h3,
.wp-block-forms .wp-block-forms__text h4,
.wp-block-forms .wp-block-forms__text h5 {
margin: 0;
}
.wp-block-forms .wp-block-forms__forms-header {
display: flex;
flex-direction: column;
gap: 0.5em;
margin: 2em auto;
max-width: 30em;
}
.wp-block-forms__forms-header label {
display: flex;
justify-content: space-between;
}
.wp-block-forms .wp-block-forms__forms-header input {
float: right;
margin-left: 2em;
}
.wpforms-container {
--cd-input-padding-large: 1.5rem 1.125rem;
--cd-input-padding-medium: 1rem;
--cd-input-padding-small: .375rem .625rem;
--cd-border-color: #CCC;
--cd-border-color-selected: #0F2260;
--main-blue: var(--cd-border-color-selected);
} .wp-block-forms .theme-default .wpforms-container {
margin-top: 0;
}
.wp-block-forms .theme-default div[itemprop="text"] > p:empty {
display: none;
}
.wp-block-forms .wp-block-forms .theme-default .wpforms-field-layout-columns {
margin-left: 0;
margin-right: 0;
}
.wp-block-forms .theme-default .wpforms-one-half {
width: calc(50% - 5px);
margin-left: 10px;
}
.wp-block-forms .theme-default .wpforms-layout-column {
padding: 0;
}
.wp-block-forms .theme-default .km-forms.wpforms-container .wpforms-field-content p {
margin-bottom: 0;
}
.wp-block-forms .theme-default .wpforms-container .wpforms-form .wpforms-field-label {
margin-bottom: .25rem;
}
.wp-block-forms .theme-default .wpforms-container input[type="text"],
.wp-block-forms .theme-default .wpforms-container input[type="email"],
.wp-block-forms .theme-default .wpforms-container input[type="tel"],
.wp-block-forms .theme-default .wpforms-container input[type="number"],
.wp-block-forms .theme-default .wpforms-container select,
.wp-block-forms .theme-default .wpforms-container textarea {
padding: var(--cd-input-padding-medium);
border: 1px solid var(--cd-border-color);
border-radius: 4px;
background-color: #FFF;
font-size: 1.125rem;
height: auto;
}
.wp-block-forms .theme-default ::placeholder {
color: var(--main-blue);
opacity: .75;
}
.wp-block-forms .theme-default .wpforms-submit-container {
display: flex;
justify-content: center;
}
.wp-block-forms .theme-default .wpforms-container button[type="submit"].wpforms-submit,
.wp-block-forms .theme-default .wpforms-container .wpforms-form .wpforms-page-button {
background-color: transparent;
color: var(--main-blue);
border: 2px solid var(--main-blue);
font-size: 1.125rem;
padding: var(--cd-input-padding-medium);
border-radius: 0;
height: auto;
box-sizing: content-box;
}
.wp-block-forms .theme-default .wpforms-container button[type="submit"].wpforms-submit:hover,
.wp-block-forms .theme-default .wpforms-container .wpforms-form .wpforms-page-button:hover {
background-color: var(--main-blue);
color: #fff;
}
.wp-block-forms .wp-block-forms .theme-default .wpforms-container .wpforms-uploader {
background-color: transparent;
border: 2px dashed var(--main-blue);
border-radius: 4px;
}
.wp-block-forms .theme-default .wpforms-uploader svg {
opacity: 1;
}
.wp-block-forms .theme-default .wpforms-uploader .modern-hint {
color: var(--main-blue);
opacity: .75;
}
.wp-block-forms .theme-default .wpforms-container div.wpforms-uploader {
border: 1px dashed #ccc;
border-radius: 2px;
background: #fcfcfc;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
}
@media (min-width: 601px) {
.wp-block-forms .theme-default .wpforms-field-layout-columns {
margin-left: -5px;
margin-right: -5px;
}
.wp-block-forms .theme-default .wpforms-layout-column {
padding: 0 5px;
}
} .wp-block-forms .theme-application-complex .wpforms-container input[type=radio]::before,
.wp-block-forms .theme-application-complex .wpforms-container input[type=radio]::after,
.wp-block-forms .theme-application-complex .wpforms-container input[type=checkbox]::before,
.wp-block-forms .theme-application-complex .wpforms-container input[type=checkbox]::after {
display: none;
}
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-gdpr-checkbox input[type=checkbox]::before,
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-gdpr-checkbox input[type=checkbox]::after {
display: inline-block;
}
.wp-block-forms .theme-application-complex .wpforms-container {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-page-indicator {
display: none;	
}
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-recaptcha-container {
padding-bottom: 0;
} .wp-block-forms .theme-application-complex .km-form-control-buttons {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-forms .theme-application-complex .km-form-control-buttons button {
padding: 24px 24px 22px 24px;
}
.wp-block-forms .theme-application-complex .km-form-control-buttons .km-prev {
font-size: 16px;
color: #999;
}
.wp-block-forms .theme-application-complex .km-form-control-buttons .km-next,
.wp-block-forms .theme-application-complex .km-form-control-buttons .km-submit {
font-weight: bold;
font-size: 18px;
color: #001F59;
background-color: #FFD100;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, .25);
width: 100%;
margin-top: 26px;
} .wp-block-forms .theme-application-complex .wpforms-field-pagebreak-nav {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-forms .theme-application-complex .wpforms-field-pagebreak-nav button {
padding: 24px 24px 22px 24px;
}
.wp-block-forms .theme-application-complex .wpforms-field-pagebreak-nav .wpforms-page-prev {
background: none !important;
font-size: 16px;
color: #999 !important;
order: 1;
}
.wp-block-forms .theme-application-complex .wpforms-field-pagebreak-nav .wpforms-page-next,
.wp-block-forms .theme-application-complex .wpforms-field-pagebreak-nav button[type="submit"] {
font-weight: bold;
font-size: 18px;
color: #001F59 !important;
background-color: #FFD100 !important;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, .25);
height: auto;
width: 100%;
margin-top: 26px;
} .wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-pagebreak {
display: none;
}
.wp-block-forms .theme-application-complex .wpforms-submit-container {
display: none !important; } .wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content h2,
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content h3,
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content h4 {
font-family: "Montserrat", sans-serif;
margin-top: 0;
}
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content p:last-of-type {
margin-bottom: 0;
}
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content h2 { font-size: 28px; }
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content h3 { font-size: 24px; }
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content h4 { font-size: 24px; }
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content .km-super-title {
color: #D0050E;
font-weight: bold;
font-size: 12px;
margin-bottom: 0;
}
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content .km-super-title.km-alternate {
color: #001F59;
}
.wp-block-forms .theme-application-complex .wpforms-field.wpforms-field-content .km-form-image {
width: 100%;
aspect-ratio: 760 / 540;
border-radius: 8px;
object-fit: cover;
margin-bottom: 0;
}  .wp-block-forms .theme-application-complex .km-berufserfahrung {
width: fit-content;
margin: 0 auto 4px auto;
}
.wp-block-forms .theme-application-complex .km-berufserfahrung .wpforms-image-choices {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
}
.wp-block-forms .theme-application-complex .km-berufserfahrung .wpforms-image-choices-item {
margin: 0 !important; }
.wp-block-forms .theme-application-complex .km-berufserfahrung .wpforms-image-choices-item .wpforms-image-choices-label,
.wp-block-forms .theme-application-complex .km-berufserfahrung .wpforms-image-choices-item input {
display: none;
}
.wp-block-forms .theme-application-complex .km-berufserfahrung .wpforms-image-choices-item img {
width: 200px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, .25);
} .wp-block-forms .theme-application-complex .km-lebenslauf .wpforms-uploader {
border-radius: 8px;
min-height: 250px;
} .wp-block-forms .theme-application-complex .wpforms-field-checkbox, 
.wp-block-forms .theme-application-complex .wpforms-field-radio {
display: flex;
flex-direction: column;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox label,
.wp-block-forms .theme-application-complex .wpforms-field-radio label {
order: 1;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox .wpforms-field-description,
.wp-block-forms .theme-application-complex .wpforms-field-radio .wpforms-field-description {
order: 2;
text-align: center;
margin: 0 0 36px 0;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul {
order: 3;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li {
display: flex;
flex-direction: row-reverse;
align-items: center;
width: 100%;
border: 1px solid #CACCD0 !important; border-radius: 8px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
padding: 0 24px !important; }
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li {
margin-bottom: 24px !important; }
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li label,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li label {
padding: 24px 18px 24px 0;
display: inline-block;
width: 100%;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li input,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li input {
margin: 0;
appearance: none;
border: 1px solid #CACCD0 !important; border-radius: 50%;
width: 24px;
height: 24px;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li.wpforms-selected,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li.wpforms-selected {
border: 1px solid #001F59 !important; }
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li.wpforms-selected input,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li.wpforms-selected input {
border: 1px solid #001F59 !important; background-color: #001F59;
background-image: url(//kuchenmeister.de/wp-content/icons/check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 12px;
}
.wp-block-forms .theme-application-complex .wpforms-field-checkbox ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li.wpforms-selected label,
.wp-block-forms .theme-application-complex .wpforms-field-radio ul:not(.wpforms-image-choices):not(.wpforms-icon-choices) li.wpforms-selected label {
padding: 24px 18px 24px 0;
display: inline-block;
width: 100%;
} .wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-text input, 
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-phone input, 
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-email input,
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-textarea textarea {
border: 1px solid #CACCD0 !important; height: auto;
padding: 24px;
border-radius: 8px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-text input:focus, 
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-phone input:focus, 
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-email input:focus,
.wp-block-forms .theme-application-complex .wpforms-container .wpforms-field-textarea textarea:focus {
border: 1px solid #001F59 !important; }