/****************************************************************************
 * Column
 ****************************************************************************/
.person_finder_section > .row {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.person_finder_section .person_finder_column { 
    order: 5; background-color: rgba(153, 117, 20, 0.125);
    text-align: center; padding: 2rem;
}


/****************************************************************************
 * Person Finder
 ****************************************************************************/
form.person_finder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
form.person_finder > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%; 
}

/****************************************************************************
 * Coutries // Labels
 ****************************************************************************/
form.person_finder label {
    padding: 0.25rem 0.25rem 1rem;
    text-align: center; font-size: 0.75rem;
    font-weight: 700; position: relative;
}
form.person_finder label img {
    width: 2rem; margin: 0 auto;
}
form.person_finder label input {
    position: absolute; bottom: 0;
    margin: 0 auto; left: 0; right: 0;
}



/****************************************************************************
 * PLZ Finder
 ****************************************************************************/
form.person_finder [name="typo_plz"],
form.person_finder [type="submit"] {
    display: none;
}
.has_plz_search form.person_finder [name="typo_plz"],
.has_plz_search form.person_finder [type="submit"] {
    display: block;
}
.has_plz_search form.person_finder [name="typo_plz"] {
    margin-top: 1.375rem;
}


/****************************************************************************
 * Person Wrapper
 ****************************************************************************/
.person_finder_column .person_wrapper {
    padding: 1.375rem 0;
}
.person_finder_column .person_wrapper .item {
    display: none;
}
.person_finder_column .person_wrapper .item.active {
    display: block;
}
.person_finder_column .person_wrapper img{
    width: 10rem; border-radius: 50%;
    margin: 0 auto;
}

.person_finder_column .person_wrapper .item[data-country="deutschland"].active,
.person_finder_column .person_wrapper .item[data-country="germany"].active,
.person_finder_column .person_wrapper .item[data-country="germania"].active{
    display: none;
}
.person_finder_column.show_search_restults .person_wrapper .item[data-country="deutschland"].active,
.person_finder_column.show_search_restults .person_wrapper .item[data-country="germany"].active,
.person_finder_column.show_search_restults .person_wrapper .item[data-country="germania"].active{
    display: block;
}



/****************************************************************************
 * CF7
 ****************************************************************************/
.person_finder_column form.wpcf7-form  {
    opacity: 0; visibility: hidden; pointer-events: none;
    height: 0;
}
.person_finder_column.has_contact_form form.wpcf7-form  {
    opacity: 1; visibility: visible; pointer-events: all;
    height: auto; padding-top: 1rem;
}

.person_finder_column .description {
    display: none;
}
.person_finder_column.has_contact_form .description {
    display: block; margin: 0; padding-top: 1rem;
}