.s-clinics,
.s-hebammensuche {
    padding: 60px 0 40px;
}

.headline__desc {
    max-width: 650px;
    width: 100%;
    margin: 17px auto 0;
}

.search-results-wrap .simplebar-offset {
    padding: 0 0 16px;
}

.search-results-wrap .simplebar-track.simplebar-vertical {
    width: 2px;
    right: 16px;
    top: 16px;
    background: #e1e1e1;
    border-radius: 9px;
    height: calc(100% - 32px);
}

.search-results-wrap .simplebar-scrollbar:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #2f4f70;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    overflow: hidden;
}
.search-results-wrap .simplebar-scrollbar.simplebar-visible:before,
.search-results-wrap .simplebar-scrollbar:before:hover {
    background: #486a8c; /* hover/drag */
}

.row-search {
    max-width: 1204px;
    margin: 40px auto 0;
    display: flex;
    gap: 3rem 24px;
}

.hebammen_search_from_wrap {
    padding: 42px 25px 25px;
    border-radius: 24px;
    background: #F7F7F7;
    box-shadow: 0 0 4.5px 0 #0000000D;
}

.search-results-wrap {
    background-color: #f7f7f7;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    border-radius: 1rem;
    padding: 1rem 2rem 1rem 1rem;
    gap: 1rem;
    display: flex;
    overflow-y: scroll;
    scrollbar-width: none;
    height: 48rem;
}

.card-hebammen {
    width: 100%;
    margin-bottom: 1rem;
    padding: 32px 24px 25px;
    background-color: #fff;
    border-radius: 1rem;
}

.card-hebammen-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 31px;
}

.about-left-card-content-wrapper {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.search-results-wrap.hide-icon .about-left-card-content-wrapper {
    width: 100%;
}

.search-results-wrap.hide-icon .about-right-card-content-wrapper {
    display: none !important;
}

.about-right-card-content-wrapper .yesbabybagbutton {
    min-width: 155px;
    padding: 4px 8px 5px 11px;
    min-height: 35px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.about-right-card-content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    display: flex;
    width: 30%;
}

.card-hebammen-list_row {
    display: grid;
    grid-column-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
}

.card-hebammen-list {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #DEDEDE;
}

.card-hebammen-list li {
    position: relative;
    padding: 11px 30px 10px 15px;
    font-size: 16px;
    letter-spacing: -0.3px;
    color: var(--color-1);
}

.card-hebammen-list li:not(:nth-last-child(1)) {
    border-bottom: 1px solid #DEDEDE;
}

.card-hebammen-list li::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 13px;
    width: 20px;
    height: 20px;
}

.card-hebammen-list li.icon-active::before {
    background: url("../../images/icon-active.svg") center no-repeat;
    background-size: contain;
}

.card-hebammen-list li.icon-close::before {
    background: url("../../images/icon-close.svg") center no-repeat;
    background-size: contain;
}

.card-clinic--title {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: var(--color-1);
}

.card-hebammen-top--title {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--color-1);
}

.card-hebammen-top--address {
    font-weight: 400;
}

.search-form-title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 120%;
    color: var(--color-1);
}

.search-from {
    margin-top: 26px;
}

.search-from label {
    display: block;
    margin-bottom: 14px;
    font-weight: 500;
    color: var(--color-1);
}

.search-from .field_box {
    position: relative;
    margin-bottom: 32px;
}

.search-from .search-input {
    margin-top: 0;
    background-color: #fff;
    border-color: #ededed;
    height: 46px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.9691 9.9639L14 14M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z' stroke='%23909090' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-bottom: 0;
    border-radius: 0.5rem;
    padding-left: 40px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-position: 16px;
}

.search-from input.btn {
    min-height: 40px;
}

.button.is-reset {
    position: absolute;
    top: 16px;
    right: 16px;
    display: none;
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent;
    z-index: 99;
}

.about-right-card {
    background-color: #fff;
    border-radius: 1rem;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    padding: 29px 26px 20px 24px;
    display: flex;
    margin-bottom: 1rem;
    box-shadow: 0px 0px 4.5px 0px rgba(0, 0, 0, 0.05), 0px 0px 1.9px 0px rgba(0, 0, 0, 0.15);
}

.no-clinics {
    width: 100%;
    height: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 20px;
    text-align: center;
}

.no-clinics svg {
    margin-bottom: 8px;
}

.hebammen-popup-title,
.not-found--title {
    font-size: 24px;
    line-height: 120%;
    color: var(--color-1);
}

.no-clinics .second-text {
    margin-bottom: 8px;
}

.no-clinics .btn {
    width: 225px;
    min-width: auto;
}

.pac-container .pac-icon-marker,
.pac-container.pac-logo:after {
    display: none !important;
}

.pac-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 7px;
    margin-top: 12px;
    padding: 12px 0;
    border: none;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}

.pac-item {
    width: 100%;
    padding: 4px 16px;
    font-family: "Figtree", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--color-1);
    border: 0;
    transition: 0.3s all;
}

.pac-item .pac-item-query {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    transition: 0.3s all;
    color: var(--color-1);
}

.pac-item:hover {
    background: #e4ecff !important;
    cursor: pointer;
}

.pac-item:hover,
.pac-item:hover .pac-item-query {

}

#modal-hebammen .hystmodal__wrap .hystmodal__window {
    max-width: 486px;
}

#modal-hebammen .hystmodal__wrap .hystmodal__window {
    padding: 41px 24px 22px;
}

#modal-hebammen .hystmodal__window .hystmodal__close {
    top: 24px;
    right: 28px;
}

#modal-hebammen .hystmodal__close path {
    stroke: var(--color-1);
}

.hebammen-popup-title {
    margin-bottom: 25px;
    padding-right: 1.5rem;
}

.popup-text h6 {
    margin-bottom: 11px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.4px;
    color: var(--color-1);
}

.popup-clinikdetails {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 21px;
    flex-wrap: wrap;
}
.popup-clinikdetails a {
    font-size: 16px;
    color: #396897;
    position: relative;
    padding-left: 24px;
    transition: 0.3s all;
}

.popup-clinikdetails a:hover {
    color: var(--color-1);
}

.clinic-popup-phone a::before,
.hebammen-popup-phone a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.16667C2 9.87361 6.62639 14.5 12.3333 14.5C12.5908 14.5 12.8461 14.4906 13.0989 14.4721C13.3889 14.4508 13.534 14.4402 13.666 14.3642C13.7753 14.3012 13.879 14.1897 13.9338 14.076C14 13.9388 14 13.7787 14 13.4587V11.5805C14 11.3113 14 11.1767 13.9557 11.0613C13.9166 10.9594 13.853 10.8687 13.7706 10.7971C13.6773 10.716 13.5508 10.67 13.2979 10.578L13.2979 10.578L11.16 9.8006C10.8657 9.69357 10.7185 9.64006 10.5789 9.64914C10.4558 9.65715 10.3373 9.69917 10.2366 9.77051C10.1225 9.85143 10.0419 9.9857 9.88079 10.2542L9.88079 10.2542L9.33333 11.1667C7.56676 10.3666 6.1346 8.93258 5.33333 7.16667L6.24575 6.61921C6.5143 6.45809 6.64857 6.37752 6.72949 6.26337C6.80083 6.16272 6.84285 6.04425 6.85086 5.92113C6.85994 5.78151 6.80643 5.63435 6.6994 5.34003L5.92199 3.20214C5.83 2.94917 5.78401 2.82269 5.70295 2.7294C5.63134 2.64699 5.5406 2.58343 5.43868 2.5443C5.32331 2.5 5.18872 2.5 4.91954 2.5H3.04134C2.72125 2.5 2.56121 2.5 2.42399 2.56617C2.31033 2.62097 2.19876 2.72468 2.1358 2.83402C2.05979 2.96604 2.04917 3.11108 2.02793 3.40115C2.00942 3.65391 2 3.90919 2 4.16667Z' stroke='%230b2c4d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.clinic-popup-email a::before,
.hebammen-popup-email a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.8335L5.63328 8.25568C6.48863 8.82592 6.91631 9.11103 7.37856 9.22181C7.78707 9.3197 8.21293 9.3197 8.62144 9.22181C9.08369 9.11103 9.51137 8.82592 10.3667 8.25568L14 5.8335M4.13333 13.1668H11.8667C12.6134 13.1668 12.9868 13.1668 13.272 13.0215C13.5229 12.8937 13.7268 12.6897 13.8547 12.4388C14 12.1536 14 11.7802 14 11.0335V5.96683C14 5.22009 14 4.84672 13.8547 4.56151C13.7268 4.31063 13.5229 4.10665 13.272 3.97882C12.9868 3.8335 12.6134 3.8335 11.8667 3.8335H4.13333C3.3866 3.8335 3.01323 3.8335 2.72801 3.97882C2.47713 4.10665 2.27316 4.31063 2.14532 4.56151C2 4.84672 2 5.22009 2 5.96683V11.0335C2 11.7802 2 12.1536 2.14532 12.4388C2.27316 12.6897 2.47713 12.8937 2.72801 13.0215C3.01323 13.1668 3.3866 13.1668 4.13333 13.1668Z' stroke='%230b2c4d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media (min-width: 992px) {
    .s-clinics,
    .s-hebammensuche {
        padding: 75px 0 100px;
    }

    .row-search {
        margin-top: 44px;
    }

    .col-search-left {
        width: 40.5%;
    }

    .col-search-right {
        width: 57.5%;
    }

    .card-hebammen-top--title {
        font-size: 20px;
    }

    .no-clinics {
        padding: 122px;
    }

    .search-results-wrap.hide-icon .about-left-card-content-wrapper {
        gap: 0;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);

    }

    .search-results-wrap.hide-icon .card-clinic--title {
        grid-area: 1 / 1 / 3 / 2;
    }

    .search-results-wrap.hide-icon .card-clinic--address {
        grid-area: 1 / 2 / 2 / 3;
        text-align: right;
    }

    .search-results-wrap.hide-icon .card-clinic--distance {
        grid-area: 2 / 2 / 3 / 3;
        text-align: right;
    }
}

@media (max-width: 991px) {
    .row-search {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .about-left-card-content-wrapper,
    .about-right-card-content-wrapper {
        width: 100%;
    }
}

@media (max-width: 640px) {

    .card-hebammen-list_row {
        grid-template-columns: repeat(1, 1fr);
        border-radius: 8px;
        border: 1px solid #DEDEDE;
    }

    .card-hebammen-top {
        flex-direction: column;
        gap: 1rem;
    }

    .card-hebammen-list:not(:nth-last-child(1)) {
        border-bottom: 1px solid #DEDEDE;
    }

    .card-hebammen-list {
        border: 0;
        border-radius: 0;
    }
}

@media (max-width: 400px) {
    .card-hebammen {
        padding-left: 10px;
        padding-right: 10px;
    }


    .card-hebammen-list li {
        padding-right: 20px;
        font-size: 14px;
    }

    .card-hebammen-list li::before {
        top: 11px;
        right: 2px;
        width: 16px;
        height: 16px;
    }
}