@media screen and (max-width:849px) {
    /*HOME*/
    .banner-home .text-box {
        width: 100% !important;
        padding: 20px;
    }
    .banner-home .gap-element {
        padding-top: 30px !important;
    }
    .banner-home h1,
    .banner-home h2 {
        max-width: 360px;
        margin: auto;
        margin-top: 40px !important;
    }
    .banner-home .fs-20 p {
        max-width: 300px;
        margin: auto;
    }
    .banner-home .slider .banner {
        padding-top: 630px !important;
    }
    .section .section-content>.row>.col>.col-inner {
        padding: 0 !important;
    }
    .reverse-col {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .moderne-st .img,
    .behandlungsspektrum-st .img{
        padding: 0 30px;
    }

    .behandlungsspektrum-st  {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .behandlungsspektrum-st li strong {
        font-size: 15px;
        letter-spacing: 0.75px;
        margin-right: 5px;
    }
    .behandlungsspektrum-st li {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-bottom: 10px;
        padding-left: 50px;
        position: relative;
    }
    .behandlungsspektrum-st li::before {
        top: 7px;
        left: 22px;
        position: absolute;
    }
    .termin-st .row .col:nth-child(1) .col-inner {
        padding-left: 20px !important;
        padding-top: 45px !important;
        padding-bottom: 55px !important;
        padding-right: 20px !important;
    }
    .passion-st .row .col .col-inner {
        display: block;
    }
    #top-bar .flickity-prev-next-button {
        opacity: 0 !important;
    }
    .passion-st .icon-box-img {
        margin-bottom: 17px !important;
    }
    .passion-st .flickity-prev-next-button {
        top: 39% !important;
    }
    .passion-st .icon-box-text p{
        max-width: 200px;
        margin: auto;
    }
    .passion-st {
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    .meinung .row.row-collapse > .col:nth-child(1),
    .meinung .row.row-collapse > .col:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%;
    }
    .meinung .box-text {
        padding: 20px !important;
        position: relative !important;
    }
    .meinung .box-text .text>* {
        color: #121212 !important;
    }
    .meinung .overlay {
        background: transparent !important;
    }
    .meinung .box-image {
        display: none !important;
    }
    .bg-primary .meinung .section-bg {
        background: #E6E1DC;
    }
    .meinung .row.row-collapse > .col:nth-child(2) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .einblicke-st.section {
        padding-top: 50px !important;
        padding-bottom: 70px !important;
    }
    .einblicke-st h2 {
        max-width: 300px;
        margin: auto;
    }
    .einblicke-st .flickity-slider>.col {
        flex-basis: 90% !important;
        max-width: 90% !important;
    }
    .einblicke-st .flickity-prev-next-button {
        top: 46% !important;
    }
    .einblicke-st .flickity-page-dots {
        bottom: -40px !important;
    }
    body .einblicke-st .flickity-page-dots .dot {
        border: .25rem solid var(--primary-color);
    }
    body .einblicke-st li.dot.is-selected::before {
        border: .5px solid var(--primary-color);
    }
    .einblicke-st .row-small>.col {
        padding: 0 0 20px !important;
    }
    /*HOME*/

    /*FOOTER*/

    .ft-image {
        max-width: 105px;
    }
    #footer .section {
        padding-top: 30px !important;
        padding-bottom: 0 !important;
    }
    #footer .row:nth-child(2)>.col{
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    #footer .leistungen-col .ux-menu {
        display: block;
    }
    #footer .social-icons.follow-icons {
        position: relative;
        justify-content: flex-start;
    }
    #footer .row:nth-child(2) p {
        display: flex;
        justify-content: space-between;
    }
    #footer .row:nth-child(3) p{
        text-align: left;
        font-size: 12px;
        letter-spacing: 1.2px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    #footer .row:nth-child(2) .col:nth-child(5) {
        padding-bottom: 0;
    }
    /*FOOTER*/

    /*prophylaxe*/
    /*.banner-page .section-bg img {
        object-position: 58% 50% !important;
        top: 10px;
    }
    .banner-page {
        min-height: 486px !important;
    }
    .banner-page .gap-element {
        padding-top: 225px !important;
    }*/
    .kompetenz-st .img {
        padding: 0 30px;
    }
    .kompetenz-st {
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }
    .kompetenz-st .col {
        padding-bottom: 20px;
    }
    .kompetenz-st .col-inner {
        max-width: 100% !important;
    }
    .jetzt-termin-st .row .col:nth-child(2) .col-inner {
        padding: 50px 20px !important;
        padding-top: 40px !important;
    }
    
    /*prophylaxe*/

    /*uber-uns*/
    .vertrauen-st {
        padding-top: 50px !important;
        padding-bottom: 40px !important;
    }
    .vertrauen-st .img {
        padding: 0 30px;
    }
    .experten-st {
        min-height: 320px !important;
    }
    .h2-45 h2 {
        font-size: 32px;
        letter-spacing: 0.64px;
        line-height: 42px !important;
    }
    .experten-st .fs-20 p {
        margin-bottom: 20px;
        font-size: 13px;
        letter-spacing: 1.3px !important;
        line-height: 23px !important;
    }
    .experten-st .section-content>.row>.col:nth-child(1)>.col-inner {
        min-height: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 60% !important;
    }
    .experten-st  p.lead {
        font-size: 16px !important;
        letter-spacing: 0.8px !important;
        line-height: 26px !important;
    }
    .experten-st .text {
        height: 145px;
    }
    .experten-st .section-bg img {
        object-position: 19% 50%;
    }
    .moderne-st .img {
        padding: 0 30px;
    }
    .moderne-st {
        padding-top: 60px !important;
        padding-bottom: 50px !important;
    }
    .moderne-st .col {
        padding-bottom: 20px;
    }
    .team-st h2 {
        max-width: 300px;
        margin: auto;
        margin-bottom: 0;
    }
    .team-st p.h5 {
        letter-spacing: 1.5px !important;
    }
    .team-st .wrap-team .item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 10px 10px !important;
        position: relative;
    }
    .team-st .row:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px;
    }
    .team-st {
        padding-bottom: 10px !important;
    }
    .team-st .col {
        padding-bottom: 20px;
    }
    .digitale-st p.lead,
    .digitale-st h2  {
        max-width: 300px;
        text-align: center;
        margin: auto;
    }
    .digitale-st {
        padding-top: 50px !important;
    }
    .digitale-st .img {
        padding: 0 30px;
    }
    .col.large-6.title-box-popup {
        flex-basis: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }
    .row.col-pb-0.lightbox-team .title-box-popup img {
        order: -1;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .col.large-6.tatigkeits {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 17px;
        padding-right: 17px;
    }
    .lightbox-team p strong {
        font-family: var(--font-heading-semibold);
    }
    .page-id-479 .mfp-container {
        padding: 20px !important;
    }
    .lightbox-team-main .mfp-close {
        right: 10px !important;
        left: auto !important;
        color: #000 !important;
    }
    .col.large-6.title-box-popup p.h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        letter-spacing: 0.52px;
    }
    .lightbox-team-main {
        padding: 20px !important;
    }
    /*uber-uns*/


    /*faq*/
    
    .faq-st .tabbed-content .nav .tab {
        width: 100%;
        margin: 0 10px;
    }
   .faq-st .nav-vertical+.tab-panels {
        border-left: none !important;
        flex: 1 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        padding-left: 20px !important;
    }
    .faq-st {
        padding-bottom: 20px !important;
    }
    .faq-bt .section-content>.row>.col:nth-child(1) {
        order: 1;
    }
    .faq-bt .section-content>.row>.col:nth-child(3) {
        padding: 0 !important;
        padding-bottom: 30px !important;
    } 
    .faq-bt .section-bg {
        display: none;
    }
    .faq-bt {
        padding-bottom: 60px !important;
    }
    .kontakt-st .col-inner {
        max-width: 100% !important;

    }
    /*faq*/

    /*karriere*/
    .karriere-st {
        padding-top: 50px !important;
        padding-bottom: 10px !important;
    }
    .karriere-st .img {
        padding: 0 30px;
    }
    body .offene-stellen-st .accordion-title {
        font-size: 16px;
        letter-spacing: 1.6px;
        line-height: 26px;
        padding: 20px;
    }
    body .offene-stellen-st .accordion-inner {
        padding: 20px !important;
        padding-top: 0 !important;
        margin-bottom: 20px;
    }
    body .offene-stellen-st .accordion-title.active {
        padding: 20px;
        padding-top: 30px;
        padding-bottom: 0;
        border-bottom: none !important;
    }
    body .offene-stellen-st .accordion .toggle {
        top: 5px;
        right: 20px;
    }
    .jetzt-bewerben-st .forminator-ui > .forminator-row:nth-child(3)> .forminator-col-6 {
        width: 100%;
        flex-basis: 100%;
        margin-bottom: 20px !important;
    }
    .jetzt-bewerben-st .forminator-ui > .forminator-row:nth-child(3) {
        margin-bottom: 0 !important;
    }
    .jetzt-bewerben-st p.fs-20 {
        font-size: 18px;
        letter-spacing: 1.8px;
        line-height: 28px;
    }
    .forminator-field-html p strong {
        margin-right: 0;
        font-family: var(--font-text-semibold);
        font-size: 15px;
        letter-spacing: 1.5px;
        line-height: 25px;
    }
    .jetzt-bewerben-st .forminator-field-html:not(.html-checkbox) p {
        display: inline-flex;
        flex-direction: column;
        margin-bottom: 0;
    }
    .jetzt-bewerben-st .html-checkbox p {
        transform: translatey(19px) !important;
    }
    .kontakt-st.pb-40 .html-checkbox {
        transform: translate(0px, -12px) !important;
    }

    /*karriere*/
}
@media screen and (max-width:600px) {
    .faq-st .tabbed-content .nav-vertical {
        width: 100%;
        max-width: 100%;
        padding-top: 10px;
    }
    .faq-st .tabbed-content .nav>li>a {
        margin-bottom: 15px;
    }
    .kontakt-st .row .col:nth-child(2) {
        padding-top: 20px;
    }
    .offene-stellen-st .nav>li>a {
        min-width: 100%;
    }
    .offene-stellen-st .tabbed-content .nav .tab {
        width: 100%;
    }
    .faq-st .nav-vertical+.tab-panels {
        padding-left: 0 !important;
    }

}

@media screen and (max-width:470px) {
    .termin-st h2,
    .jetzt-termin-st h2  {
        max-width: 300px !important;
    }
    .termin-st a.button.secondary,
    .jetzt-termin-st a.button.secondary  {    
        width: 100%;
    }
    .termin-st .fs-13 p,
    .jetzt-termin-st .fs-13 p  {
        font-size: 12.6px;
        margin-bottom: 5px;
    }
     .meinung .box-text .text>* {
        max-width: 385px !important;
    }
    body .digitale-st a.button.primary {
        color: #ffffff !important;
        height: 1.75rem !important;
        line-height: 2rem !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.03rem !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        padding: 0 1.5rem !important;
        min-width: auto;
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
        width: 100%;
    }
    .faq-st .tabbed-content .nav-vertical {
        max-width: 100%;
    }
}