.elementor-309 .elementor-element.elementor-element-6de9cb0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:2em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;--z-index:0;}.elementor-309 .elementor-element.elementor-element-6de9cb0:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-6de9cb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F4;background-image:url("https://pflegekompetenz-ehrenwert.de/wp-content/uploads/2026/07/bg1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-309 .elementor-element.elementor-element-9dd5e15 img{max-width:200px;}.elementor-309 .elementor-element.elementor-element-dc7427a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B3906C;--border-color:#B3906C;--border-radius:20px 20px 20px 20px;box-shadow:0px -6px 10px 0px rgba(0, 0, 0, 0.08);--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-309 .elementor-element.elementor-element-dc7427a:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-dc7427a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFD;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper .elementskit-section-title{color:#1E355D;margin:0px 0px 0px 0px;font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:600;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper p{color:#111F39;font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:500;line-height:15px;}.elementor-309 .elementor-element.elementor-element-262cc0b{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;}.elementor-309 .elementor-element.elementor-element-262cc0b img{max-width:30px;}.elementor-309 .elementor-element.elementor-element-78bc43b{width:100%;max-width:100%;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-309 .elementor-element.elementor-element-5e0dba5{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-icon i{color:#B3906C;transition:color 0.3s;}.elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-icon svg{fill:#B3906C;transition:fill 0.3s;}.elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-item > a{font-family:"Urbanist", Sans-serif;font-size:14px;font-weight:500;}.elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-text{color:#111F39;transition:color 0.3s;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-de27464{right:100px;}body.rtl .elementor-309 .elementor-element.elementor-element-de27464{left:100px;}.elementor-309 .elementor-element.elementor-element-de27464{bottom:100px;}.elementor-309 .elementor-element.elementor-element-de27464 img{max-width:200px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-309 .elementor-element.elementor-element-6de9cb0{--content-width:1320px;}}@media(max-width:1024px){.elementor-309 .elementor-element.elementor-element-6de9cb0{--padding-top:0em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper .elementskit-section-title{font-size:25px;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper p{font-size:16px;}.elementor-309 .elementor-element.elementor-element-262cc0b{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + -2em) 0em;}.elementor-309 .elementor-element.elementor-element-78bc43b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-5e0dba5{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-item > a{font-size:14px;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-de27464{right:0px;}body.rtl .elementor-309 .elementor-element.elementor-element-de27464{left:0px;}.elementor-309 .elementor-element.elementor-element-de27464{bottom:50px;}.elementor-309 .elementor-element.elementor-element-de27464 img{max-width:100px;}}@media(max-width:767px){.elementor-309 .elementor-element.elementor-element-6de9cb0{--padding-top:1em;--padding-bottom:5em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-309 .elementor-element.elementor-element-dc7427a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:0.50em;--padding-right:0.50em;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper .elementskit-section-title{font-size:20px;}.elementor-309 .elementor-element.elementor-element-1aec86d .elementskit-section-title-wraper p{font-size:12px;letter-spacing:-0.5px;}.elementor-309 .elementor-element.elementor-element-262cc0b{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-309 .elementor-element.elementor-element-5e0dba5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-309 .elementor-element.elementor-element-5e0dba5 .elementor-icon-list-item > a{font-size:12px;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-de27464{right:0px;}body.rtl .elementor-309 .elementor-element.elementor-element-de27464{left:0px;}.elementor-309 .elementor-element.elementor-element-de27464{bottom:0px;}}/* Start custom CSS */.step5 legend.wpforms-field-label {
    color: #1e355d !important;
    margin: 0px 0px 10px 0px !important;
    font-family: "Playfair Display", Sans-serif;
    font-size: 25px !important;
    font-weight: 600;
}



.pflege-check-form input[type="text"], .pflege-check-form input[type="email"], .pflege-check-form input[type="tel"], .pflege-check-form textarea {
    
    width: 100%;
    max-width: 100%;
    
}


input#wpforms-321-field_18 {
    padding-left: 50px !important;
}
input#wpforms-321-field_19
{
  padding-left: 50px !important;  
}
textarea#wpforms-321-field_30
{
  padding-left: 50px !important;  
}

.wpforms-form .wpforms-field input,
.wpforms-form .wpforms-field textarea {
    padding-left: 52px !important;
}

/* Name */
.wpforms-form .wpforms-field-name::before {
    content: "";
    position: absolute;
   left: 10px;
    top: 45px;
    width: 30px;
    height: 30px;
    background: url(https://pflegekompetenz-ehrenwert.de/wp-content/uploads/2026/07/in1.png) center no-repeat;
    background-size: contain;
    z-index: 10;
}


/* Email */
.wpforms-form .wpforms-field-email::before {
    content: "";
    position: absolute;
   left: 10px;
    top: 45px;
    width: 30px;
    height: 30px;
    background: url(https://pflegekompetenz-ehrenwert.de/wp-content/uploads/2026/07/in3.png) center no-repeat;
    background-size: contain;
    z-index: 10;
}

/* Description */
.wpforms-form .wpforms-field-textarea::before {
    content: "";
    position: absolute;
   left: 10px;
    top: 45px;
    width: 30px;
    height: 30px;
    background: url(https://pflegekompetenz-ehrenwert.de/wp-content/uploads/2026/07/in4.png) center no-repeat;
    background-size: contain;
    z-index: 10;
}









.smheight .elementskit-infobox
{
    min-height:350px;
}

@media screen and (max-width: 1024px)
{
    .smheight .elementskit-infobox
{
    min-height:250px;
}
}

@media screen and (max-width: 767px)
{
    .smheight .elementskit-infobox
{
    min-height:220px;
}
}


button#wpforms-submit-321 {
    height: 50px;
    width: 100%;
    padding: 15px 30px !important;
    max-width: 280px;
    color: #ffffff;
    font-family: "Urbanist", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    background-image: linear-gradient(180deg, #111F39 0%, #264271 100%) !important;
    background: #09234a;
    border-style: none;
    border-color: #111F39;
    border-radius: 5px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: .25s ease;
    
}




button#wpforms-submit-321 {
    margin-top: -9em;
    margin-left: 30em;
}



.step5 .wpforms-field-pagebreak .wpforms-page-button {
    margin-right: 15em !important;
}





.step5 label.wpforms-field-label {
    margin-top: 0;
    margin: 0;
    color: #0b295e;
    font-family: "Urbanist", Sans-serif;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 25px;
}





/* =========================================
   CUSTOM BOTTOM STEPS
========================================= */
div#wpforms-321-field_10-container {
    display: none;
}


.pflege-custom-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 28px auto 10px;
    gap: 12px;
    color: #092c5c;
}

.pflege-step {
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    font-size: 15px;
}

.pflege-step span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1.5px solid #c9964c;
    border-radius: 50%;

    background: #fff;
color: #111F39;
    font-family: "Urbanist", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
}

.pflege-step strong {
color: #111F39;
    font-family: "Urbanist", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
}


/* Active step */
.pflege-step.active span {
    background: #a67c1e;
    border-color: #a67c1e;
    color: #fff;
}

.pflege-step.active strong {
    color: #111F39;
    font-family: "Urbanist", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
}


/* Gold connecting line */
.pflege-custom-steps i {
    width: 55px;
    height: 1px;
    background: #c9964c;
    display: block;
}


/* Mobile */
@media (max-width: 767px) {

    .pflege-custom-steps {
        gap: 5px;
        justify-content: space-between;
    }

    .pflege-step {
        flex-direction: column;
        gap: 4px;
        text-align: center;
        font-size: 10px;
    }

    .pflege-step span {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .pflege-custom-steps i {
        width: 15px;
    }
}
/* =========================================
   PFLEGEGRAD CHECK - MAIN FORM
========================================= */

.pflege-check-form {
    max-width: 1050px;
    margin: 0 auto;
    padding: 42px 55px 35px;
    background: #ffffff;
    border: 1px solid #d9a45b;
    border-radius: 24px;
    box-shadow: 0 12px 35px rgba(20, 45, 80, 0.08);
    font-family: inherit;
}


/* =========================================
   HEADINGS
========================================= */

.pflege-check-form .wpforms-field-label,
.pflege-check-form .wpforms-field-sublabel,
.pflege-check-form h2,
.pflege-check-form h3 {
    color: #092c5c;
}

.pflege-check-form .wpforms-field-label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}


/* =========================================
   WPForms PROGRESS BAR
========================================= */



/* WPForms Progress Bar Container Background */
.wpforms-page-indicator.wpforms-page-indicator-progress {
    background-color: #f2ede4 !important; /* Light background color */
    border-radius: 20px !important;
    overflow: hidden !important;
}


/* Step Text Styling (Agar text ka color change karna ho) */
.wpforms-page-indicator.wpforms-page-indicator-progress .wpforms-page-indicator-steps {
    color: #1a233a !important; /* Dark blue/navy text color */
    font-weight: 600 !important;
}


.wpforms-page-indicator-page-title, .wpforms-page-indicator-page-title-sep
{
    
    display:none !important

}
span.wpforms-page-indicator-steps {
    width: 20%;
     color: #111F39;
    font-family: "Urbanist", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
}


/* Main progress indicator */
.pflege-check-form .wpforms-page-indicator {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 35px !important;
    padding: 0 !important;
}


/* =========================================
   MULTIPLE CHOICE / CHECKBOX CARDS
========================================= */

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label {
    padding: 2px;
    width: 100%;
}



.step2choice .wpforms-field-label-inline
{
margin-top: 0; 
margin: 0; 
color: #111F39; 
font-family: "Urbanist", Sans-serif; 
font-size: 22px !important;
font-weight: 500; 
line-height: 25px;

}

.step4choice .wpforms-image-choices-label {
    margin-top: 0;
    margin: 0;
    color: #111F39;
    font-family: "Urbanist", Sans-serif;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 25px;
}




.pflege-check-form ul.wpforms-field-required,
.pflege-check-form .wpforms-field-checkbox ul,
.pflege-check-form .wpforms-field-radio ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
}


/* 4 cards on page 1 and 2 */
.pflege-check-form .wpforms-field-radio ul {
    grid-template-columns: repeat(2, 1fr);
}


/* Each option */
.pflege-check-form .wpforms-field-radio li,
.pflege-check-form .wpforms-field-checkbox li {
    position: relative;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Label becomes card */
.pflege-check-form .wpforms-field-radio li label,
.pflege-check-form .wpforms-field-checkbox li label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    padding: 25px 30px;
    border: 1px solid #e7d8c6;
    border-radius: 17px;
    background: #fff;
    color: #092c5c;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease;
}


/* Hover */
.pflege-check-form .wpforms-field-radio li label:hover,
.pflege-check-form .wpforms-field-checkbox li label:hover {
    border-color: #c9964c;
    background: #fffaf3;
}


/* Selected card */
.pflege-check-form .wpforms-field-radio li input:checked + label,
.pflege-check-form .wpforms-field-checkbox li input:checked + label {
    border: 1.5px solid #c9964c;
    background: #fffaf3;
    box-shadow: 0 4px 12px rgba(201,150,76,.10);
}


/* =========================================
   RADIO CIRCLE
========================================= */

.pflege-check-form .wpforms-field-radio li label:before {
    flex: 0 0 auto;
}


/* =========================================
   CHECKBOX STYLE
========================================= */

.pflege-check-form .wpforms-field-checkbox ul {
    grid-template-columns: repeat(2, 1fr);
}

.pflege-check-form .wpforms-field-checkbox li label {
    justify-content: flex-start;
    text-align: left;
    min-height: 72px;
    padding: 17px 22px;
}


/* =========================================
   TEXT INPUTS
========================================= */

.pflege-check-form input[type="text"],
.pflege-check-form input[type="email"],
.pflege-check-form input[type="tel"],
.pflege-check-form textarea {
    width: 100%;
    border: 1px solid #dedede !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #092c5c !important;
    font-size: 16px !important;
    padding: 14px 17px !important;
    box-shadow: none !important;
}

.pflege-check-form input[type="text"]:focus,
.pflege-check-form input[type="email"]:focus,
.pflege-check-form input[type="tel"]:focus,
.pflege-check-form textarea:focus {
    border-color: #c9964c !important;
    box-shadow: 0 0 0 2px rgba(201,150,76,.10) !important;
}


/* =========================================
   NEXT / BACK BUTTONS
========================================= */

button.wpforms-page-button.wpforms-page-next {
   
  
}


button.wpforms-page-button.wpforms-page-next,.pflege-check-form .wpforms-page-button {
    height: 50px;
     width:100%;
     padding: 15px 30px !important;
    max-width: 280px;
    color: #ffffff;

    font-family: "Urbanist", Sans-serif;
    font-size: 16px;
    font-weight: 500;
        background-image: linear-gradient(180deg, #111F39 0%, #264271 100%) !important;
   background: #09234a ;
    border-style: none;
    border-color: #111F39;
    border-radius: 5px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: .25s ease;
     margin-left: 10px;
}


/* Next */


.pflege-check-form .wpforms-page-button.wpforms-page-next:hover,
.pflege-check-form button[type="submit"]:hover {
    color: #ffffff;
    background: #09234a !important;
}


/* Back */
.pflege-check-form .wpforms-page-button.wpforms-page-prev {
   background: #fff !important;
    border: 2px solid #092c5c !important;
    color: #092c5c !important;
    height: 50px;
    text-transform: capitalize;
    margin-right: 10px;
}


/* Buttons alignment */
.pflege-check-form .wpforms-pagebreak-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin-top: 30px;
}


/* =========================================
   FOOT NOTE
========================================= */

.pflege-check-form .wpforms-field-description {
    color: #092c5c;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .pflege-check-form {
        padding: 25px 18px;
        border-radius: 16px;
    }

    .pflege-check-form ul.wpforms-field-radio,
    .pflege-check-form ul.wpforms-field-checkbox {
        grid-template-columns: 1fr;
    }

    .pflege-check-form .wpforms-pagebreak-buttons {
        flex-direction: column;
    }

    .pflege-check-form .wpforms-page-button {
        width: 100%;
        min-width: 0;
    }

    .pflege-check-form .wpforms-field-radio li label {
        min-height: 90px;
    }
}
/* ================================
   WPForms Radio Card
================================ */

legend.wpforms-field-label {
    color: #1e355d !important;
    margin: 0px 0px 40px 0px !important;
    font-family: "Playfair Display", Sans-serif;
    font-size: 30px !important;
    font-weight: 600;
       
}

ul#wpforms-321-field_8 {
    gap: 20px;
    text-align: center;
    justify-content: center;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-image {
    display: inline-block;
    margin-bottom: 0;
}

.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img {
    display: inline-block;
    margin: 0 auto;
    max-width: 100px !important;
}


.step1choice .wpforms-image-choices-item {
    width: 23% !important;
}

.step2choice .depth-1
{
   width: 23% !important;
}


.step3choice .wpforms-image-choices-item {
    width: 100% !important;
}

.step4choice .wpforms-image-choices-item {
    width: 30% !important;
}


.step3choice .wpforms-image-choices-image
{
	margin-left:80px;
}



.step3choice .wpforms-image-choices-item label input {
       left: -110px;
	top: -10px !important;
}




.step3choice .depth-1{
    border: 1px solid #a67c1e;
    border-radius: 20px;
}


.step3choice input[type=checkbox]:checked:before
{
background: #0b4a72 !important;
}


.step3choice input[type=checkbox]:checked:after{
 width: 30px !important;
    height: 20px !important;
	 border-left: 5px solid #ffffff !important;
    border-bottom: 5px solid #ffffff !important;
}


.step3choice input[type=checkbox]::before, .step3choice input[type=checkbox]:checked::before {
	 margin: 0;
    border-color: #1f365f;
    box-shadow: 0 0 0 1px #1f365f, 0px 1px 2px rgba(0, 0, 0, 0.15);
    width: 30px !important;
    height: 30px !important;
}
.step3choice .wpforms-image-choices-item label input {
       left: -110px;
	top: -10px !important;
}




.step5choice span.wpforms-image-choices-label
{
    margin-top: 1em !important;
    margin-left: 2em !important;
    color: #0b295e;
    font-family: "Urbanist", Sans-serif;
    font-size: 15px !important;
    font-weight: 500;
    line-height: 25px;
	
}


.step5choice input[type=checkbox]:checked:before
{
background: #0b4a72 !important;
}


.step5choice input[type=checkbox]:checked:after{
 width: 30px !important;
    height: 20px !important;
	 border-left: 5px solid #ffffff !important;
    border-bottom: 5px solid #ffffff !important;
}


.step5choice input[type=checkbox]::before, .step5choice input[type=checkbox]:checked::before {
	 margin: 0;
    border-color: #1f365f;
    box-shadow: 0 0 0 1px #1f365f, 0px 1px 2px rgba(0, 0, 0, 0.15);
    width: 30px !important;
    height: 30px !important;
}


#wpforms-321-field_12
{
justify-content: center;
}

#wpforms-321-field_16
{
justify-content: center;
}



/* Hide original WPForms radio */
.pflege-check-form .wpforms-field-radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Card */
.pflege-check-form .wpforms-field-radio li {
    position: relative !important;
}

.pflege-check-form .wpforms-field-radio li label {
        width: 100%;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: column !important;

    min-height: 120px !important;
    padding: 25px 20px 25px !important;

    border: 1px solid #e7d8c6 !important;
    border-radius: 18px !important;

    background: #fff !important;
    color: #092c5c !important;

    cursor: pointer !important;
    text-align: center !important;
}

/* EMPTY CIRCLE */
.pflege-check-form .wpforms-field-radio li label::before {
    content: "" !important;
    position: absolute !important;

    top: 20px !important;
    left: 20px !important;

    width: 21px !important;
    height: 21px !important;

    border: 1.5px solid #8d8d8d !important;
    border-radius: 50% !important;

    background: #fff !important;
}

/* SELECTED CARD - use :has() */
.pflege-check-form .wpforms-field-radio li:has(input[type="radio"]:checked) label {
    border-color: #c9964c !important;
    background: #fffaf3 !important;
}

/* SELECTED OUTER CIRCLE */
.pflege-check-form .wpforms-field-radio li:has(input[type="radio"]:checked) label::before {
    border: 2px solid #c9964c !important;
}

/* SELECTED INNER DOT */
.pflege-check-form .wpforms-field-radio li:has(input[type="radio"]:checked) label::after {
    content: "" !important;

    position: absolute !important;
    top: 25px !important;
    left: 25px !important;

    width: 11px !important;
    height: 11px !important;

    background: #c9964c !important;
    border-radius: 50% !important;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
    margin-top: 0;
    margin: 0;
    color: #111F39;
    font-family: "Urbanist", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}





/* =========================================================
   TABLET + MOBILE RESPONSIVE
   WPForms #321
   ========================================================= */

/* ---------- TABLET: 768px - 1024px ---------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    .pflege-check-form {
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
        padding: 35px 35px 30px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Step navigation */
    .pflege-custom-steps {
        gap: 7px !important;
        margin-top: 22px !important;
    }

    .pflege-step {
        gap: 6px !important;
    }

    .pflege-step span {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }

    .pflege-step strong {
        font-size: 15px !important;
    }

    .pflege-custom-steps i {
        width: 30px !important;
    }

    /* Headings */
    .pflege-check-form legend.wpforms-field-label,
    legend.wpforms-field-label {
        font-size: 26px !important;
        line-height: 1.25 !important;
        margin-bottom: 25px !important;
    }

    .step5 label.wpforms-field-label,
    .pflege-check-form .wpforms-field-label {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    /* Cards */
    .step1choice .wpforms-image-choices-item,
    .step2choice .depth-1 {
        width: 48% !important;
    }

    .step4choice .wpforms-image-choices-item {
        width: 48% !important;
    }

    .step3choice .wpforms-image-choices-item {
        width: 100% !important;
    }

    .pflege-check-form .wpforms-field-radio li label {
        min-height: 105px !important;
        padding: 22px 18px !important;
    }

    /* Inputs */
    .pflege-check-form input[type="text"],
    .pflege-check-form input[type="email"],
    .pflege-check-form input[type="tel"],
    .pflege-check-form textarea {
        box-sizing: border-box !important;
    }

    /* Remove desktop positioning */
   
button#wpforms-submit-321 {
    margin-top: -9em;
    margin-left: 22em;
}
.step5 .wpforms-field-pagebreak .wpforms-page-button {
    margin-right: 17em !important;
}
    /* Buttons */
    .pflege-check-form .wpforms-pagebreak-buttons {
        gap: 15px !important;
    }

    .pflege-check-form .wpforms-page-button {
        max-width: 240px !important;
    }
    
    
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
    margin-left: -2em;
    font-size: 16px;
}
    
}


/* =========================================================
   MOBILE: 767px and below
   ========================================================= */

@media screen and (max-width: 767px) {
div#wpforms-321-field_8-container
{
    padding: 10px !important;
    margin: 0 !important;
    width: 100% !important
}
div#wpforms-321 {
    padding: 0px !important;
    margin: 0 !important;
    width: 100% !important;
}
    
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
    margin-left: 0em;
    font-size: 16px;
}
    /* Main form container */
    .pflege-check-form {
        width: calc(100% - 20px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 25px 15px 25px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    /* Prevent horizontal overflow */
    .pflege-check-form,
    .pflege-check-form * {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* =====================================================
       STEP NAVIGATION
       ===================================================== */

    .pflege-custom-steps {
        width: 100% !important;
        gap: 3px !important;
        justify-content: space-between !important;
        margin: 20px auto 15px !important;
    }

    .pflege-step {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        text-align: center !important;
    }

    .pflege-step span {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 14px !important;
    }

    .pflege-step strong {
        font-size: 11px !important;
        line-height: 14px !important;
        white-space: normal !important;
    }

    .pflege-step.active strong {
        font-size: 11px !important;
        line-height: 14px !important;
    }

    .pflege-custom-steps i {
        width: 10px !important;
        min-width: 10px !important;
        height: 1px !important;
        flex-shrink: 1 !important;
    }


    /* =====================================================
       HEADINGS
       ===================================================== */

    .pflege-check-form legend.wpforms-field-label,
    legend.wpforms-field-label {
        font-size: 23px !important;
        line-height: 29px !important;
        margin: 0 0 20px 0 !important;
    }

    .step5 label.wpforms-field-label,
    .pflege-check-form .wpforms-field-label {
        font-size: 15px !important;
        line-height: 21px !important;
        margin-bottom: 8px !important;
    }


    /* =====================================================
       WPForms PROGRESS
       ===================================================== */

    .pflege-check-form .wpforms-page-indicator {
        margin-bottom: 25px !important;
    }

    span.wpforms-page-indicator-steps {
        font-size: 14px !important;
        line-height: 18px !important;
        width: 30% !important;
    }


    /* =====================================================
       RADIO / CHECKBOX CARDS
       ===================================================== */

    .pflege-check-form .wpforms-field-radio ul,
    .pflege-check-form .wpforms-field-checkbox ul,
    .pflege-check-form ul.wpforms-field-required {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .pflege-check-form .wpforms-field-radio li,
    .pflege-check-form .wpforms-field-checkbox li {
        width: 100% !important;
    }

    .pflege-check-form .wpforms-field-radio li label {
        width: 100% !important;
        min-height: 85px !important;
        padding: 20px 15px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
        line-height: 21px !important;
    }

    .step2choice .wpforms-field-label-inline {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    .step4choice .wpforms-image-choices-label {
        font-size: 16px !important;
        line-height: 21px !important;
    }


    /* =====================================================
       IMAGE CHOICE ITEMS
       ===================================================== */

    .step1choice .wpforms-image-choices-item,
    .step2choice .depth-1,
    .step3choice .wpforms-image-choices-item,
    .step4choice .wpforms-image-choices-item {
        width: 100% !important;
        margin: 0 !important;
    }

    .step3choice .wpforms-image-choices-image {
        margin-left: 0 !important;
    }

    .step3choice .wpforms-image-choices-item label input {
            left: 5px !important;
        top: -10px !important;
    }

    .step5choice span.wpforms-image-choices-label {
        margin: 10px 10px 0 !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }


    /* =====================================================
       FORM INPUTS
       ===================================================== */

    .pflege-check-form input[type="text"],
    .pflege-check-form input[type="email"],
    .pflege-check-form input[type="tel"],
    .pflege-check-form textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        font-size: 15px !important;
        padding: 13px 14px !important;
        border-radius: 9px !important;
    }

    /* Icons */
    .wpforms-form .wpforms-field input,
    .wpforms-form .wpforms-field textarea {
        padding-left: 48px !important;
    }

    .wpforms-form .wpforms-field-name::before,
    .wpforms-form .wpforms-field-email::before,
    .wpforms-form .wpforms-field-textarea::before {
        left: 12px !important;
        width: 25px !important;
        height: 25px !important;
        top: 52px !important;
    }

    .wpforms-form .wpforms-field-textarea::before {
        top: 52px !important;
    }


    /* =====================================================
       TEXTAREA
       ===================================================== */

    .pflege-check-form textarea {
        min-height: 120px !important;
        resize: vertical !important;
    }


    /* =====================================================
       BUTTONS
       ===================================================== */

    /* Remove desktop margins */
    button#wpforms-submit-321 {
        margin: 0 !important;
        max-width: 100% !important;
    }

    .step5 .wpforms-field-pagebreak .wpforms-page-button {
        margin-right: 0 !important;
    }

    .pflege-check-form .wpforms-pagebreak-buttons {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 25px !important;
    }

    .pflege-check-form .wpforms-page-button,
    .pflege-check-form button[type="submit"] {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 48px !important;
        padding: 10px 15px !important;
        margin: 0 !important;
        font-size: 15px !important;
    }

    /* Previous + Next/Submit side by side */
    .pflege-check-form .wpforms-pagebreak-buttons .wpforms-page-button,
    .pflege-check-form .wpforms-pagebreak-buttons button[type="submit"] {
        flex: 1 1 0 !important;
    }


    /* =====================================================
       INFO BOX
       ===================================================== */

    .smheight .elementskit-infobox {
        min-height: 220px !important;
    }
}


/* =========================================================
   VERY SMALL PHONES: 480px and below
   ========================================================= */

@media screen and (max-width: 480px) {

    .pflege-check-form {
        width: calc(100% - 12px) !important;
        padding: 20px 12px !important;
        border-radius: 14px !important;
    }

    .pflege-custom-steps {
        gap: 2px !important;
    }

    .pflege-step span {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        font-size: 12px !important;
    }

    .pflege-step strong,
    .pflege-step.active strong {
        font-size: 9px !important;
        line-height: 12px !important;
    }

    .pflege-custom-steps i {
        width: 6px !important;
        min-width: 6px !important;
    }

    .pflege-check-form legend.wpforms-field-label,
    legend.wpforms-field-label {
        font-size: 21px !important;
        line-height: 27px !important;
    }

    .pflege-check-form .wpforms-pagebreak-buttons {
        gap: 7px !important;
    }

    .pflege-check-form .wpforms-page-button,
    .pflege-check-form button[type="submit"] {
        font-size: 14px !important;
        padding: 9px 10px !important;
    }

    .pflege-check-form .wpforms-field-radio li label {
        min-height: 75px !important;
        padding: 17px 12px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */