/*Editor styles*/
.siteorigin-widget-tinymce.textwidget .aligncenter  {
    display: block;
    margin: 0 auto;
}
.accordion li .siteorigin-widget-tinymce li {
    display: list-item;
    margin-left: 30px;
    list-style: disc;
}



/* contentspacer */
.contentspacer-very-small{
    height: 10px;
}
.contentspacer-small{
    height: 30px;
}
.contentspacer-medium{
    height: 70px;
}
.contentspacer-large{
    height: 100px;
}
.contentspacer-xlarge{
    height: 160px;
}
.contentspacer-xxlarge{
    height: 200px;
}
.contentspacer-divider {
    height: 1px;
    background-color: var(--beige);
}
.contentspacer-divider-grey {
    height: 1px;
    background-color: var(--grey);
}
.contentspacer-divider-white {
    height: 1px;
    background-color: var(--white);
}
.contentspacer-divider-dark {
    height: 1px;
    background-color: var(--dark);
}
[class*="contentspacer-divider"].opacity_1 {
    opacity: 1;
}
[class*="contentspacer-divider"].opacity_07 {
    opacity: 0.7;
}
[class*="contentspacer-divider"].opacity_05 {
    opacity: 0.5;
}
[class*="contentspacer-divider"].opacity_02 {
    opacity: 0.2;
}
@media screen and (max-width: 1680px) {
    .contentspacer-xxlarge{
        height: 12vw;
    }
}
@media screen and (max-width: 959px) {
    .contentspacer-small{
        height: 25px;
    }
    .contentspacer-medium{
        height: 55px;
    }
    .contentspacer-large{
        height: 70px;
    }
    .contentspacer-xlarge{
        height: 112px;
    }
    .contentspacer-xxlarge{
        height: 140px;
    }

}
@media screen and (max-width: 639px) {
    .contentspacer-small{
        height: 15px;
    }
    .contentspacer-medium{
        height: 40px;
    }
    .contentspacer-large{
        height: 40px;
    }
    .contentspacer-xlarge{
        height: 64px;
    }
    .contentspacer-xxlarge {
        height: 80px;
    }
}





/* title */

.title_small{
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.title_small_center{
    text-align: center;
}
.title{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 40px;
}
.title_center{
    text-align: center;
}
.title.title_page,
.title.title_sectionbig{
    font-size: 60px;
    letter-spacing: -3px;
    /*margin-bottom: 40px;*/
    margin-bottom: 0px;
}
.title.title_section{
    font-size: 40px;
    letter-spacing: -2px;
    margin-bottom: 0;
}
.title.title_page + .title_text {
    margin-top: 40px;
}
.title.title_section + .title_text {
    margin-top: 20px;
}
.title_1{
    color: var(--dark);
}

.title_2{
    color: var(--blue);
}
.overlayColorDark .title_1 {
    color: var(--blue);
}
.overlayColorDark .title_2 {
    color: var(--white);
}
.title_small.fontwhite,
.title_section.fontwhite .title_1,
.title_section.fontwhite .title_2,
.title_page.fontwhite .title_1,
.title_page.fontwhite .title_2,
.title_sectionbig.fontwhite .title_1,
.title_sectionbig.fontwhite .title_2,
.title_text.fontwhite  {
    color: var(--white);
}
.title_small.fontwhiteblue,
.title_section.fontwhiteblue .title_1,
.title_page.fontwhiteblue .title_1,
.title_sectionbig.fontwhiteblue .title_1,
.title_text.fontwhiteblue  {
    color: var(--white);
}
.title_small.fontbluewhite,
.title_section.fontbluewhite .title_2,
.title_page.fontbluewhite .title_2,
.title_sectionbig.fontbluewhite .title_2,
.title_text.fontbluewhite  {
    color: var(--white);
}
.title_section.fontbluewhite .title_1,
.title_page.fontbluewhite .title_1,
.title_sectionbig.fontbluewhite .title_1 {
    color: var(--blue);
}

.title_text{
    opacity: 0.7;
    color: var(--dark);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}
.overlayColorDark .title_text {
    color: var(--white);
}
.title_text.texttype-3,
.title_text.texttype-5 {
    opacity: 1.0;
}
.title_text.texttype-4,
.title_text.texttype-5 {
    font-size: 18px;
    line-height: 27px ;
}

.title_text_center{
    text-align: center;
}
.title_text ol,
.title_text ul{
    margin: 0 0 0 20px;
    padding: 0;
}
.title_text ol li,
.title_text ul li{
    margin-bottom: 20px;
    font-size: 16px;
}
.title_text ol li:last-child
.title_text ul li:last-child{
    margin-bottom: 0px;
}
.title_text ol.textsmall {
    font-size: 16px;
    line-height: 18px;
} 
@media screen and (max-width: 959px) {
    .title.title_page,
    .title.title_sectionbig{
        font-size: 50px;
        letter-spacing: -2px;
    }
    .title.title_page + .title_text {
        margin-top: 35px;
    }
    .title.title_section{
        font-size: 30px;
        letter-spacing: -1px;
    }
    .title.title_section + .title_text {
        margin-top: 15px;
    }
}
@media screen and (max-width: 639px) {
    .title {
        hyphens: auto;
    }
    .title_small{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .title.title_page,
    .title.title_sectionbig{
        font-size: 40px;
        letter-spacing: -2px;
    }
    .title.title_page + .title_text {
        margin-top: 20px;
    }
    .title.title_section{
        font-size: 25px;
        letter-spacing: -1.25px;
    }
    .title_text{
        font-size: 18px;
    }  
}




/* section */

.panel-grid-cell > .widget_klinikimpulssection-widget:only-child,
.widget_klinikimpulssection-widget>.panel-widget-style {
    height: 100%;
}


.so-widget-klinikimpulssection-widget{
    /*padding-bottom: 1px !important;*/ /* damit der div unten nicht aufspreizt!! */
    /*height: calc(100% - 1px);*/
    height: auto !important;
    min-height: 100%;
    display: flow-root;
}
.so-widget-klinikimpulssection-widget .so-widget-klinikimpulssection-widget {
    padding-bottom: 0;
    height: 100%;
}
.section{
    position: relative;
    left: calc((100vw - 1600px) / -2);
    width: 100vw;
    padding: 100px 0;
    border-radius: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: calc(100% - 200px);
    box-sizing: border-box;
}
.section.section-nopadding {
    padding-top: 0;
    padding-bottom: 0;
}
.section.section-nopaddingAll {
    padding: 0;
}
.section.section-paddingtop {
    padding-bottom: 0;
}
.section.section-paddingbottom {
    padding-top: 0;
}
.section-top{
    top: -222px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding-top: 222px;
    margin-bottom: -222px;
    height: auto;
}
.section-inline{
    position: relative;
    left: auto;
    /*width: calc(100% - 80px);*/ /*Da die section neu box-sizing:  border-box hat muss die Breite 100% sein*/
    width:100%;
    padding: 40px;
    border-radius: 40px;
    height: calc(100% - 80px);
}
.sectionbg-white,
.sectionbg-weiss{
    background-color: var(--white);
}
.sectionbg-beige{
    background-color: var(--beige);
}
.sectionbg-grey,
.sectionbg-grau{
    background-color: var(--grey);
}
.sectionbg-light{
    background-color: var(--light);
}
.sectionbg-hellblau{
    background-color: var(--blue_light);
}
.sectionbg-blau{
    background-color: var(--blue);
}
.sectionbg-dark{
    background-color: var(--dark);
}
.sectionbg-hellblau .steps_slides{
    border-top: 1px solid var(--dark07);
    border-bottom: 1px solid var(--dark07);
}
.sectionbg-hellblau .steps_slides_num span {
    border: 1px solid var(--dark07);
}
.sectionbg-transparent {
    background-color: transparent;
}
.sectionbg-blau,
.sectionbg-blau :is(h1, h2, h3, h4, h5, h6),
.sectionbg-blau .siteorigin-widget-tinymce a {
    color: var(--white);
}
.sectionbg-blau .siteorigin-widget-tinymce a:after {
    background-color: var(--white);
}

.sectionBGImage {
    background-color: rgba(255, 255, 255, 0.6); 
    background-image: var(--bg-image);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-position: var(--bg-position);
    background-size: cover;
}
.overlayColor_dark {
    background-color: rgba(255, 255, 255, 0.6); 
    background-blend-mode: darken;
    background-image: linear-gradient(rgba(0, 27, 50, 0.5), rgba(0, 27, 50, 0.5)), var(--bg-image);
}
.overlayColor_gradient_topbottom {
    background-blend-mode: darken;
    background: linear-gradient(180deg, var(--dark) 0%, rgba(0, 27, 50, 0.00) 100%), linear-gradient(0deg, rgba(0, 27, 50, 0.25) 0%, rgba(0, 27, 50, 0.25) 100%), var(--bg-image);
}
.overlayColor_gradient_bottomtop {
    background-blend-mode: darken;
    background: linear-gradient(180deg, rgba(0, 27, 50, 0.00) 0%, var(--dark) 100%), var(--bg-image);
}

/*jewewils styles in verschachtelten farbsections anpassen*/
@scope (.sectionbg-grau) to (.sectionbg-grau, .sectionbg-weiss, .sectionbg-beige, .sectionbg-blau, .sectionbg-hellblau, .sectionbg-dark){
    /*Accordionstyles*/
    :scope .accordion .uk-accordion li,
    :scope .accordion .uk-accordion li.uk-open {
        background: var(--white);
    }
    :scope .accordion .uk-accordion li:not(.uk-open):hover{
        background: var(--white07);
    }
    /*steps*/
    :scope .steps_slides {
        border-top-color: var(--dark02);
        border-bottom-color: var(--dark02);
    }
    :scope .steps_slides_num span {
        border-color: var(--dark02);
    }
}
@scope (.sectionbg-weiss) to (.sectionbg-grau, .sectionbg-weiss, .sectionbg-beige, .sectionbg-blau, .sectionbg-hellblau, .sectionbg-dark) {
    /*Accordionstyles*/
    :scope .accordion .uk-accordion li,
    :scope .accordion .uk-accordion li.uk-open {
        background: var(--grey);
    }
    :scope .accordion li:not(.uk-open):hover,
    .accordion .uk-accordion li:not(.uk-open):hover {
        background-color: var(--grey07);
    }
    /*steps*/
    :scope .steps_slides_num span {
        border-color: var(--beige);
    }
    :scope .steps_slides {
        border-top-color: var(--beige);
        border-bottom-color: var(--beige);
    }
}
@scope (.sectionbg-beige) to (.sectionbg-grau, .sectionbg-weiss, .sectionbg-beige, .sectionbg-blau, .sectionbg-hellblau, .sectionbg-dark) {
    /*Accordionstyles*/
    :scope .accordion .uk-accordion li,
    :scope .accordion .uk-accordion li.uk-open {
        background: var(--white);
    }
    :scope .accordion li:hover{
        background: var(--white07);
    }
    /*steps*/
    :scope .steps_slides {
        border-top-color: var(--white07);
        border-bottom-color: var(--white07);
    }
    :scope .steps_slides_num span {
        border-color: var(--white07);
    }
}
@scope (.sectionbg-blau) to (.sectionbg-grau, .sectionbg-weiss, .sectionbg-beige, .sectionbg-blau, .sectionbg-hellblau, .sectionbg-dark) {
    /*steps*/
    :scope .steps_slides_num span {
        color: var(--grey);
    }
    /*Button-Textlinks*/
    :scope .accordion li a.button_textlink, 
    :scope a.button_textlink, 
    :scope .button_textlink,
    :scope .accordion li a.button_textlinksmall, 
    :scope a.button_textlinksmall, 
    :scope .button_textlinksmall {
        color: var(--white);
    }
    :scope .accordion li a.button_textlink:after, 
    :scope a.button_textlink:after, 
    :scope .button_textlink:after,
    :scope .accordion li a.button_textlinksmall:after, 
    :scope a.button_textlinksmall:after, 
    :scope .button_textlinksmall:after {
        background-color: var(--white);
    }
}
@scope (.sectionbg-hellblau) to (.sectionbg-grau, .sectionbg-weiss, .sectionbg-beige, .sectionbg-blau, .sectionbg-hellblau, .sectionbg-dark) {
    /*Accordionstyles*/
    :scope .accordion .uk-accordion li,
    :scope .accordion .uk-accordion li.uk-open {
        background: var(--white);
    }
    :scope .accordion li:hover{
        background: var(--white07);
    }
}
@scope (.sectionbg-dark) to (.sectionbg-grau, .sectionbg-weiss, .sectionbg-beige, .sectionbg-blau, .sectionbg-hellblau, .sectionbg-dark) {
    /*steps*/
    :scope .steps_slides_title {
        color: var(--white);
    }
    :scope .steps_slides_text {
       color: var(--white07); 
    }

    /*Title-Widget*/
    :scope .title_small {
        color: var(--white07);
    }

    /*Kacheln*/

    :scope .kachel_bg_white02 .kachel_icon svg path,
    :scope .kachel_bg_white02 .kachel_icon svg circle,
    :scope .kachel_bg_white02 .kachel_icon svg line {
        fill: var(--white07);
        stroke: var(--white07);
    }
    /*Button-Textlinks*/
    :scope .accordion li a.button_textlink, 
    :scope a.button_textlink, 
    :scope .button_textlink,
    :scope .accordion li a.button_textlinksmall, 
    :scope a.button_textlinksmall, 
    :scope .button_textlinksmall {
        color: var(--white);
    }
    :scope .accordion li a.button_textlink:after, 
    :scope a.button_textlink:after, 
    :scope .button_textlink:after,
    :scope .accordion li a.button_textlinksmall:after, 
    :scope a.button_textlinksmall:after, 
    :scope .button_textlinksmall:after {
        background-color: var(--white);
    }
}


@media screen and (max-width: 1680px) {
    .section{
        left: -40px;
        /*width: calc(100vw - 80px);*/
        padding: 80px 40px;
        border-radius: 80px;
        height: calc(100% - 160px);
    }
    .section.section-top {
        top: -264px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding-top: 264px;
        margin-bottom: -264px;
        height: auto;
    }
    .section-inline{
        position: relative;
        left: auto;
        /*width: calc(100% - 80px);*/
        padding: 40px;
        border-radius: 40px;
        height: calc(100% - 80px);
    }
}
@media screen and (max-width: 959px) {
    .section{
        left: -30px;
        /*width: calc(100vw - 60px);*/
        padding: 70px 30px;
        border-radius: 40px;
        height: calc(100% - 140px);
    }
    .section.section-top {
        top: -212px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding-top: 212px;
        margin-bottom: -212px;
        height: auto;
    }
    .section-inline{
        /*width: calc(100% - 60px);*/
        left: 0px;
    }
}
@media screen and (max-width: 639px) {
    .section{
        left: -15px;
        /*width: calc(100vw - 30px);*/
        padding: 40px 15px;
        border-radius: 20px;
        height: calc(100% - 80px);
    }
    
    .section.section-top {
        top: -146px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding-top: 146px;
        margin-bottom: -146px;
    }
    .section-inline{
        /* width: calc(100vw - 110px); */
        /*width: calc(100vw - 60px);*/
        left: 0px;
    }
}



/* kontakt */
.kontakt_header{
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.kontakt_divider{
    opacity: 0.7;
    border-top: 1px solid #E9E5DD;
    padding-bottom: 40px;
    margin-top: 40px;
}
.kontakt_outer{
    padding: 0 0 40px 0;
    border-bottom: 1px solid #E9E5DD;
}
.kontakt_line{
    height: 1px;
    border-bottom: 1px solid #E9E5DD;
    padding-top: 20px;
    margin-bottom: 20px;
}
.kontakt_fachbereich{
    color: var(--dark);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: -1.2px;
    margin-bottom: 20px;
}
.kontakt_fachbereich svg{
    margin-right: 20px;
}
.kontakt_schnelleinstieg{
    color: var(--dark);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}
.kontakt_schnelleinstieg>div:first-of-type{
    opacity: 0.7;
    margin-bottom: 20px;
}
.kontakt_schnelleinstieg a{
    display: inline-block;
    color: var(--dark);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    text-decoration-style: solid;
    margin-bottom: 20px;
    position: relative;
}
.kontakt_schnelleinstieg a:hover{
    color: var(--dark);
}
.body-fachbereich .kontakt{
    /* background: var(--white);
    padding: 40px;
    border-radius: 40px; */
}
.kontakt_icon img {
    color: var(--dark);
}
.kontakt_adresse{
    color: var(--dark);
    opacity: 0.7;;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.kontakt_phone a,
.kontakt_email a{
    color: var(--blue);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
    transition: var(--transition);
}
.kontakt_phone a:hover,
.kontakt_email a:hover{
    color: var(--blue);
    opacity: 0.7;
    transition: var(--transition);
}
.kontakt_phone span{
    color: var(--dark);
    opacity: 0.7;;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.kontakt_icon_email{
    position: relative;
    top: 2px;
}
@media screen and (max-width: 639px) {
    .kontakt_outer{
        padding: 0 !important;
    }

    .kontakt_phone a,
    .kontakt_email a{
        font-size: 18px;
        letter-spacing: -1.1px;
    }

    .body-fachbereich .kontakt{
        /* padding: 20px;
        border-radius: 20px; */
    }
}



/* accordion */
.accordion{
}
.accordion ul{
    margin: 0;
    padding: 0;
}
.accordion li{
    background: var(--white);
    /*padding: 20px;*/
    border-radius: 15px;
    margin-bottom: 20px;
    display: block;
    transition: var(--transition);
}
.body-fachbereich .accordion li{
    background: var(--grey);
}
.accordion_line li{
    background: transparent !important;
    border-radius: 0;
    border-bottom: 1px solid var(--grey);
    padding: 20px 0;
}
.accordion .uk-accordion-content li ul li,
.accordion .uk-accordion-content li ul li{
    list-style-type: none;
    padding: 0 10px 0 0px !important;
}

.accordion li a,
.accordion .uk-accordion li a.uk-accordion-title { 
    color: var(--dark);
    font-family: Inter;
    font-size: 20px;
    padding: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
}

.accordion li:not(.uk-open):hover,
.accordion .uk-accordion li:not(.uk-open):hover {
    background-color: var(--grey07);
    transition: var(--transition);
} 
.accordion li:hover>a,
.accordion .uk-accordion li:hover>a{
    color: var(--dark);
} 

.accordion li a span,
.accordion .uk-accordion li a span{
    color: var(--blue);
} 
.accordion li:hover a span,
.accordion .uk-accordion li:hover a span,
.accordion li.uk-open a span,
.accordion .uk-accordion li.uk-open a span {
    color: var(--dark);
}
.accordion .uk-accordion-content{
    opacity: 1;
    color: var(--dark07);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
    padding: 0 20px 20px;
    margin-top: 0;
}
.accordion li  .uk-accordion-content>a,
.accordion li  .uk-accordion-content>p>a {
    color: var(--blue);
    font-family: Inter;
    font-size: 18px;
    padding: 0;

}
.accordion .uk-accordion-title:before,
.accordion .uk-open .accordion .uk-accordion-title:before{
    background-image: url('/wp-content/themes/klinikimpuls/assets/images/icon_plus_blue.svg');
}
.accordion .uk-open .uk-accordion-title:before,
.accordion .accordion .uk-open .uk-accordion-title:before{
    background-image: url('/wp-content/themes/klinikimpuls/assets/images/icon_close.svg');
}
/* ul li inside item */
.accordion ul.uk-accordion li .uk-accordion-content>ul{
    margin: 0 0 0 20px;
    padding: 0px;
}
.accordion .uk-accordion-content .accordion ul{
    margin: 0 0 0 10px;
}
.accordion ul.uk-accordion li .uk-accordion-content>ul>li{
    list-style-type: disc;
    display: list-item;
    border: none;
    background: transparent;
    padding: 5px 10px;
    border-radius: 0px;
    margin-bottom: 0px;
}
.accordion .section-inline {
    width: calc(100% - 40px);
    padding: 30px 20px;
    border-radius: 20px;
}

.accordion .sectionbg-weiss .accordion li {
    background: var(--white);
    margin-bottom: 0;
    padding: 0 0px 0 0px;
    border-radius: 10px;
}

@media screen and (max-width: 959px) {
    .accordion .section-inline{
        width: calc(100vw - 140px);
        left: 0px;
    }
}
@media screen and (max-width: 639px) {
    .accordion li a,
    .accordion .uk-accordion li a.uk-accordion-title {
        padding: 15px;
    }
    .accordion .section-inline{
        padding: 10px;
        width: calc(100vw - 80px);
    }
    .accordion .uk-accordion li a.uk-accordion-title { 
        font-size: 18px;
    }
    .accordion .uk-accordion-content {
        font-size: 16px;
        padding: 0 15px 15px;
    }
}



/* wissen */
.wissen_list .media_top_image_scale{
    aspect-ratio: 1 / 1 !important;
}
.wissen_list .media img{
    object-fit:cover;
    height: auto;
    width: 100%;
    object-position: center;
    aspect-ratio: 1 / 1;
    display: block;
}
 .wissen_kachel .media.border_big {
    height: 100%;
 }
 .wissen_kachel .media.border_small:hover .media_content_bottom {
    color: var(--blue);
    transition: var(--transition);
 }
@media screen and (min-width: 960px) {
    .wissen_kachel .media.border_big .media_top,
    .wissen_kachel .media.border_big .media_top_image {
        height: 100%;
    }
    .wissen_kachel .media.border_big .media_content_bottom>span,
    .wissen_kachel .media.border_big .media_content_bottom {
        display: none;
    }
    
}

/*Wissen einzeln*/
.wissen_einzel {
    border-radius: 15px;
}

.wissen_einzel_bild {
    border-radius: 15px;
    overflow: hidden;
}
.wissen_einzel_bild img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    transition: var(--transition);
}
.wissen_einzel_title {
    font-weight: 700;
    transition: var(--transition);
}
.wissen_einzel .wissen_einzel_label svg {
    fill: var(--dark07);
    transition: var(--transition);
}
.wissen_einzel a:hover .wissen_einzel_bild img {
    transform: scale(1.1);
    transition: var(--transition);
}
.wissen_einzel a:hover .wissen_einzel_label svg {
    fill: var(--dark);
    transition: var(--transition);
}
.wissen_einzel.wissen_einzel_dark .wissen_einzel_label svg {
    fill: var(--white07);
}
.wissen_einzel.wissen_einzel_dark a:hover .wissen_einzel_label svg {
    fill: var(--white);
}

.wissen_einzel a:hover .wissen_einzel_title {
    color: var(--blue);
    transition: var(--transition);
}
.wissen_einzel_hellblau {
    background-color: var(--blue_light);
}
.wissen_einzel_weiss {
    background-color: var(--white);
}
.wissen_einzel_blau {
    background-color: var(--blau);
}
.wissen_einzel_grau {
    background-color: var(--grey);
}
.wissen_einzel_beige {
    background-color: var(--beige);
}
.wissen_einzel_dark {
    background-color: var(--dark);
}
.wissen_einzel_dark .wissen_einzel_label {
    color: var(--white07);
}
.wissen_einzel_dark .wissen_einzel_title {
    color: var(--white);
}

/* newslist */
.newslist_item_anchor{
    position: relative;
    top: -100px;
}
.newslist_item{
    background: var(--white);
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 40px;
}
.newslist_item_fachbereich{
    background: var(--light);
}
.newslist_item_fachbereich.bg_blau {
    background: var(--blue);
}
.newslist_item_fachbereich.bg_weiss {
    background: var(--white);
}
.newslist_item_fachbereich.bg_beige {
    background: var(--beige);
}
.newslist_item_fachbereich.bg_hellblau {
    background: var(--blue_light);
}
.newslist_item_fachbereich.bg_grau {
    background: var(--grey);
}
.newslist_item_fachbereich.bg_dark {
    background: var(--dark);
}


.newslist_item:last-child{
    margin-bottom: 0;
}
.newslist_item_date{
    color: var(--blue);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
    padding-right: 200px;
    white-space: nowrap;
}
.newslist_item_title{
    color: var(--dark);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-bottom: 20px;
}
.newslist_item_text{
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 20px 0 0 0;
}
.newslist_item_button a{
    margin-top: 40px;
    border-radius: 25px;
    background: var(--dark);
    padding: 5px 10px;
    display: inline-block;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: var(--transition);
}
.newslist_item_button a:hover{
    color: var(--white);
    opacity: 0.6;
    transition: var(--transition);
}
.newslist_item_date span{
    position: absolute;
    top: 1px;
    right: 0;
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.sectionbg-hellblau .newslist_item_fachbereich,
.sectionbg-light .newslist_item_fachbereich,
.sectionbg-beige .newslist_item_fachbereich{
    background: var(--white);
}

@media screen and (max-width: 639px) {
    .newslist_item {
        padding: 15px;
    }
    .newslist_item_date{
        margin-bottom: 10px;
    }
    .newslist_item_title {
        margin-bottom: 15px;
    }
    .newslist_item_button a{
        margin-top: 20px;
    }
    .newslist_item_date {
        font-size: 14px;
    }
    .newslist_item_title {
        font-size: 20px;
    }
}

/* slider */
.slider{
    position: relative;
    /*width: calc(1600px + ((100vw - 1600px) / 2));*/
    width: 100vw;
    margin-left: calc(-1 * (100vw - 1600px) / 2);
}
.slider .uk-slider-items>div:first-child { 
    padding-left: calc( (100vw - 1600px) / 2 + 30px);
}
.slider .uk-slider-items>div:last-child{
    padding-right: 30px;
}
.slider .uk-slider-items a{
    display: block;
}
.slider_item{
    width: 428px;
    aspect-ratio: 107 / 125;
    /*width: 428px;
    height: 500px;*/
    border-radius: 20px;
    background: #E6EDF7;
}
.slider_item.bg_beige{
    background-color: var(--beige);
}
.angebotskacheln .slider_item {
    width: auto;
}
.slider_item_top{
    position: relative;
}
.slider_item_top_image{
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 19 / 10;
    /*width: 428px;
    height: 224px;*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.angebotskacheln .slider_item_top_image {
    width: auto;
}

.slider_item_top_image img{
    /*width: 428px;
    height: 224px;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: var(--transition);
}
.angebotskacheln .slider_item_top_image img {
    width: 100%;
}
.slider_item_bottom{
    /*height: 278px;*/
    min-height: 0;
}
.slider_item_bottom .uk-inline{
    height: 100%;
    width: 100%;
}
.slider_item_bottom .uk-position-bottom{
    padding: 20px;
}
.slider_item_bottom_title{
    color: var(--dark);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
}
.slider_item_bottom_title img{
    margin-right: 20px;
}
.slider_item_bottom_title img:last-child{
    display: none;
}
.slider_item_bottom_text{
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--white);
    opacity: 0.7;
    padding: 0 0 0 40px;
    transition: var(--transition);
    height: 0px;
    opacity: 0;
    transform: translateY(100%);
}
.slider_item_personen{
    position: absolute;
    bottom: -30px;
    left: 30px;
    width: 100%;
    white-space: nowrap;
    display: flex;
}
.slider_item_personen img{
    position: relative;
    z-index: 10;
    border-radius: 100%;
    border: 4px solid var(--white);
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    z-index: calc(100 - var(--i));
    margin-left: -20px;
}
.slider_item_personen img:first-child {
    margin-left: 0;
}

.slider_item_personen .person_more{
    position: relative;
    background-color: var(--dark);
    color: var(--white);
    z-index: 10;
    border-radius: 100%;
    border: 4px solid var(--white);
    width: 52px;
    height: 52px;
    display: inline-block;
    margin-left: -20px;
    top: 0;
    z-index: 1;
}
.slider_item_personen .person_more>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.slider_item:hover{
    background: var(--dark);
}
.slider_item:hover .slider_item_top_image img{
    transform: scale(1.05);
}

.slider_item:hover .slider_item_bottom_title{
    color: var(--white);
}
.slider_item:hover .slider_item_bottom_title img:first-child{
    display: none;
}
.slider_item:hover .slider_item_bottom_title img:last-child{
    display: inline-block;
}

.slider .slider_nav{
    background: rgba(255,255,255,0.25);
    color: var(--black);
}
@media (hover: hover) {
    .slider_item:hover .slider_item_bottom_text{
        padding: 10px 0 0 35px;
        opacity: 1;
        height: auto;
        transform: translateY(0);
    }
}

@media screen and (max-width: 1679px) {
    .slider{
        /*width: calc(100vw - 40px);*/
        margin-left: -40px;
    }
    .slider .uk-slider-items>div:first-child { 
        padding-left: calc(40px + 40px);
    }
    .slider .uk-slider-items>div:last-child{
        padding-right: 40px;
    }
}
@media screen and (max-width: 1500px) {
    .slider_item{ 
        width:29vw
    }

}
@media screen and (max-width: 1200px) {
    
    .slider .uk-slider-items>div:first-child { 
        padding-left: calc(40px + 30px);
    }
    .slider_item{ 
        width:35vw
    }
    .slider_item_personen img{
        width: 50px;
        height: 50px;
        margin-left: -15px;
    }
    .slider_item_personen .person_more {
        width: 42px;
        height: 42px;
        margin-left: -15px;
        font-size: 16px;
    }
}
@media screen and (max-width: 959px) {
    .slider{
        margin-left: -30px;
    }
    .slider .uk-slider-items>div:first-child { 
        padding-left: calc(30px + 30px);
    }
    .slider .uk-slider-items>div:last-child{
        padding-right: 30px;
    }
    .slider_item{ 
        width:40vw
    }
    .slider_item_bottom_title{
        font-size: 20px;
    }
    
    .slider_item_personen img:nth-child(5){
        display: none;
    }

}
@media screen and (max-width: 639px) {
    .slider{
        margin-left: -15px;
    }
    .slider .uk-slider-items>div:first-child { 
        padding-left: calc(30px + 15px);
    }
     .slider .uk-slider-items>div:last-child{
        padding-right: 15px;
    }
    .slider_item{
        width: 250px;
    }
    
    .slider_item_top img{
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .slider_item_bottom .uk-inline .uk-position-bottom{
        padding: 10px;
        font-size: 16px;
        letter-spacing: -1.2px;
    }
    .slider_item_bottom .uk-inline .uk-position-bottom img{
        margin-right: 10px;
    }
    .slider_item_personen{
        bottom: -20px;
        left: 10px;
    }
    .slider_item_personen img{
        border-radius: 40px;
        border: 2px solid var(--white);
        width: 40px;
        height: 40px;
        margin-left: -10px;
    }
    .slider_item_personen .person_more {
        border: 2px solid var(--white);
        width: 36px;
        height: 36px;
        margin-left: -10px;
        top: 0;
        font-size: 14px;
    }
    .slider_item_bottom_title{
        font-size: 18px;
        /* white-space: nowrap;
        overflow: hidden; */
    }
    .slider_item_bottom_text{
        padding: 0 0 0 20px;
    }
    .slider_item_personen img:nth-child(4){
        display: none;
    }
}




/* fachbereichsgruppen */
.fachbereichsgruppen_item{
    margin-bottom: 100px;
}
.fachbereichsgruppen_item:last-child{
    margin-bottom: 0;
}
.fachbereichsgruppen_item_left_title{
    color: var(--dark);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    border-radius: 20px;
    padding: 10px 20px;
    display: inline-block;
}
.fachbereichsgruppen_item_left_title_bg{
    background: rgba(0, 27, 50, 0.10);
}
.fachbereichsgruppen_item_left_text{
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    padding: 40px 40px 20px 20px;
}
.fachbereichsgruppen_item_card{
    display: block;
    height: 200px;
    background: var(--white);
    border-radius: 20px;
    color: var(--dark);
    transition: var(--transition);
}
.fachbereichsgruppen_item_card:hover{
    background: var(--dark);
    color: var(--white);
    transition: var(--transition);
}
.fachbereichsgruppen_item_card img{
    width: 15px;
    height: 15px;
    margin-top: 5px;
    transition: var(--transition);
}

.fachbereichsgruppen_item_card:hover img {
    filter: brightness(0) invert(1);
    transform: rotate(-45deg);
    transition: var(--transition);
}
.fachbereichsgruppen_item_card .uk-inline{
    width: 100%;
    height: 100%;
}
.fachbereichsgruppen_item_card .uk-position-bottom{
    padding: 20px;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: row;
}
.fachbereichsgruppen_item_card .uk-position-bottom img{
    margin-right: 20px;
}
.fachbereichsgruppen_item_card .uk-position-bottom span {
    display: inline-block;
    hyphens: auto;
}
@media screen and (max-width: 639px) {
    .fachbereichsgruppen_item_left{
        text-align: center;
    }
    .fachbereichsgruppen .sectionbg-light,
    .fachbereichsgruppen .sectionbg-beige,
    .fachbereichsgruppen .sectionbg-hellblau{
        background: #fff;
    }
    .fachbereichsgruppen_item_left_text {
        padding: 20px 20px 10px 20px;
    }
        .fachbereichsgruppen_item:first-child .fachbereichsgruppen_item_card,
    .fachbereichsgruppen_item:first-child .fachbereichsgruppen_item_card:hover{
        background-color: var(--blue_light);
        height: 125px;
        color: var(--dark);
    }
    .fachbereichsgruppen_item:last-child .fachbereichsgruppen_item_card,
    .fachbereichsgruppen_item:last-child .fachbereichsgruppen_item_card:hover{
        background-color: var(--beige);
        height: 125px;
        color: var(--dark);
    }
    .fachbereichsgruppen_item_card:hover img {
        filter: brightness(1) invert(0);
        transform: rotate(-45deg);
        transition: var(--transition);
    }
}


/* media */
.media.border_small video,
.media.border_small .video-overlay,
.media.border_small .media_top_image{
    border-radius: 20px;
}
.media.border_big video,
.media.border_big .video-overlay,
.media.border_big .media_top_image{
    border-radius: 40px;
}
.media_top_image{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.media_top_image.gradient_topbottom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, var(--dark) 0%, rgba(0, 27, 50, 0.00) 100%), linear-gradient(0deg, rgba(0, 27, 50, 0.25) 0%, rgba(0, 27, 50, 0.25) 100%);

}
.media_top_image.gradient_bottomtop:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 27, 50, 0.00) 0%, var(--dark) 100%);
}

.media_top{
    position: relative;
}
.media_content_over{
    position: absolute;
    bottom: 0;
    padding: 40px;
    width: calc(100% - 80px);
}
.media_content_over_small{
    padding: 10px;
    width: calc(100% - 20px);
}
.media_content_over_gradient{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    color: var(--white);
}
.media.border_small .media_content_over_gradient{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.media.border_big .media_content_over_gradient{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.media_content_bottom{
    margin-top: 10px;
    color: var(--dark);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    transition: var(--transition);
}
.media_content_bottom svg{
    position: relative;
    top: -1px;
    fill: var(--dark);
}
.media_content_over svg{
    position: relative;
    top: -1px;
}

.media_top_image img{
    transition: var(--transition);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.media:hover .media_top_image_scale img{
    transform: scale(1.05);
}
.media_top_image img:nth-child(2){
    display: none;
}
.media_top .video-preview .video-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);

    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    transition: .3s;

    transition: var(--transition);
}
.media_top .video-preview:hover .video-overlay {
    opacity: 1;
    transition: var(--transition);
}
.media_top .video-preview .video-overlay .play-button {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255,255,255,.9);

    display: flex;
    justify-content: center;
    align-items: center;

    color: #000;
    transition: .3s;

    transition: var(--transition);
}
.media_top .video-preview .video-overlay .play-button:hover {
    transform: scale(1.1);

    transition: var(--transition);
}
@media screen and (max-width: 1400px) { 
    .media_content_over:not(.media_content_over_small) {
        padding: 3vw;
        width: calc(100% - 6vw);
    }

}
@media screen and (max-width: 959px) {
    .media.border_big .media_content_over_gradient{
        background: transparent;
    }
    .media_content_over,
    .media_content_over:not(.media_content_over_small),
    .media_content_over_small {
        padding: 10px;
        width: calc(100% - 20px);
    }
    .media.border_big video, 
    .media.border_big .video-overlay,
    .media.border_big .media_top_image {
        border-radius: 20px;
    }
}
@media screen and (max-width: 639px) {
    .media.border_big video,
    .media.border_big .media_top_image{
        border-radius: 20px;
    }
    .media.border_big .media_content_over_gradient{
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .media_content_bottom {
        font-size: 16px;
        line-height: ;
    }
}


/* kachel */
/*auf 100% Höhe bringen um Zelle auszufüllen*/
.widget_klinikimpulskachel-widget,
.so-widget-klinikimpulskachel-widget,
.widget_klinikimpulskachel-widget>div {
    height: 100%;
}

.kachel{
    background-size: cover;
    background-position: center;
    background-size: 100% 100%;
    padding: 60px 20px;
    border-radius: 20px;
    height: calc(100% - 120px);
    transition: var(--transition);
}

.kachel .tagtitel {
    margin-bottom: 60px;
}
.kachel .tagtitel span {
    top: -30px;
    background-color: var(--dark);
    color: var(--white07);
}
.kachel:is(.kachel_bg_grey, .kachel_bg_dark, .kachel_bg_dark05_blur, .kachel_bg_beige, .kachel_bg_blue) .tagtitel span{
    background-color: var(--white);
    color: var(--blue07);
}
.kachel .tagtitel span:hover {
    opacity: 1;
}
.kachel.kachel_bg_image {
    position: relative;
    overflow: hidden;

}
.kachel_subtitel {
    font-size: 16px;
    color: var(--blue07);
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}
.kachelnumber {
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    color: var(--blue);
    margin-bottom: 65px;
    z-index: 1;
}
.kachel-version2 {
    position: relative;
}
.kachel-version2:has(.tagtitel):has(.kachel_icon) .tagtitel {
    position: absolute;
    top: 32px;
    left: 20px; 
    margin-bottom: 0;
}
.kachel-version2:has(.tagtitel):has(.kachel_icon) .tagtitel span {
   top: 0;   
}
.kachel.kachel_bg_dark .kachel_subtitel,
.kachel.kachel_bg_blue .kachel_subtitel,
.kachel_bg_dark05_blur .kachel_subtitel {
    color: var(--white);
}
.kachel.kachel_bg_image:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--kachel-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: scale(1);
    transition: var(--transition);
}
.kachel.kachel_bg_image:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: var(--dark03);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kachel_bg_white{
    background-color: var(--white);
}
.kachel_bg_white02 {
    background-color: var(--white02);
}
.kachel_bg_blue{
    background-color: var(--blue);
}
.kachel_bg_blue_light {
    background-color: var(--blue_light);
}
.kachel_bg_dark{
    background-color: var(--dark);
}
.kachel_bg_beige{
    background-color: var(--beige);
}
.kachel_bg_grey{
    background-color: var(--grey);
}
.kachel_bg_dark05_blur {
    border-radius: 20px;
    border: 1px solid var(--white);
    background: var(--dark05);
    backdrop-filter: blur(6.050000190734863px);
}
.kachel_icon{
    margin-bottom: 60px;
}
.kachel_icon img,
.kachel_icon svg{
    height: 100px;
    transition: var(--transition);
    position: relative;
    z-index: 2;
}
.kachel.kachel_bg_blue .kachel_icon svg,
.kachel.kachel_bg_blue .kachel_icon svg path,
.kachel.kachel_bg_blue .kachel_icon svg circle,
.kachel.kachel_bg_blue .kachel_icon svg line 
.kachel.kachel_bg_dark .kachel_icon svg,
.kachel.kachel_bg_dark .kachel_icon svg path,
.kachel.kachel_bg_dark .kachel_icon svg circle,
.kachel.kachel_bg_dark .kachel_icon svg line,
.kachel.kachel_bg_dark05_blur .kachel_icon svg,
.kachel.kachel_bg_dark05_blur .kachel_icon svg path,
.kachel.kachel_bg_dark05_blur .kachel_icon svg circle,
.kachel.kachel_bg_dark05_blur .kachel_icon svg line  {
    stroke: #fff;
    fill: #fff;
}
.kachel_titel{
    color: var(--dark);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: -1.2px;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
}
.kachel_titel.title_big {
    font-size: 36px;
    letter-spacing: -1.8px;
}
.kachel_text{
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    z-index: 2;
}
.kachel_bg_image .kachel_titel,
.kachel_bg_image .kachel_text,
.kachel_bg_dark .kachel_titel,
.kachel_bg_dark .kachel_text,
.kachel_bg_blue .kachel_titel,
.kachel_bg_blue .kachel_text,
.kachel_bg_dark05_blur .kachel_titel,
.kachel_bg_dark05_blur .kachel_text {
    color: var(--white);
}
.sectionbg-dark .kachel_bg_white02 .kachel_titel,
.sectionbg-dark .kachel_bg_white02 .kachel_text,
.sectionbg-dark :is(h1, h2, h3, h4, h5, h6),
.sectionbg-dark .siteorigin-widget-tinymce a {
    color: var(--white);
}



a.kachel:hover .kachel_icon img,
a.kachel:hover .kachel_icon svg {
    transform: scale(1.1);
    transition: var(--transition);
}
a.kachel.kachel_bg_image:hover:before {
    transform: scale(1.05);  
    transition: var(--transition);
}
a.kachel.kachel_bg_beige:hover {
    background-color: var(--beige07);
    transition: var(--transition);
}
a.kachel.kachel_bg_blue:hover {
    background-color: var(--blue07);
    transition: var(--transition);
}
a.kachel.kachel_bg_grey:hover {
    background-color: var(--grey07);
    transition: var(--transition);
}
a.kachel.kachel_bg_white:hover {
    background-color: var(--white07);
    transition: var(--transition);
}
a.kachel.kachel_bg_dark:hover {
    background-color: var(--dark07);
    transition: var(--transition);
}
@media screen and (max-width: 780px) {
    .kachel .tagtitel {
        margin-bottom: 40px;
    }
    .kachel_subtitel {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 639px) {
    .kachel {
        padding: 30px 20px;
        height: calc(100% - 60px);
    }
    .kachel_icon {
        margin-bottom: 30px;
    }
    .kachel_titel {
        font-size: 22px;
    }
    
    .kachel .tagtitel span {
        top: -10px;
    }
    .kachelnumber {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 45px;
    }
    .kachel-version2:has(.tagtitel):has(.kachel_icon) .tagtitel {
        top: 20px;
    }
}

/* teaser */
.teaser_bild img{
    border-radius: 20px;
    width: 100%;
    min-height: 570px;
    object-fit: cover;
    object-position: center;
}
.teaser_bild a {
    display: block;
    overflow: hidden;
}
.teaser_bild a img {
    transition: var(--transition);
}
.teaser_bild a:hover img {
    transform: scale(1.03);
    transition: var(--transition);
}
.teaser_text{
    padding: 80px 40px;
    position: relative;
}
.teaser_text_box {
    position: absolute;
    inset: 80px 40px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 80px);
    height: calc(100% - 160px);
}
.teaser-position-top {
    position: relative;
}
.teaser-position-bottom  {
    position: relative;
    padding-top: 40px;
    margin-top: auto;
}
.teaser_bg_white{
    background-color: var(--white);
}
.teaser_bg_lightblue{
    background-color: var(--blue_light);
}
.teaser_bg_beige{
    background-color: var(--beige);
}
.teaser_bg_grey{
    background-color: var(--grey);
}
.teaser_bg_white,
.teaser_bg_lightblue,
.teaser_bg_beige,
.teaser_bg_grey{
    border-radius: 20px;
}
.teaser_bg_white .teaser_bild img,
.teaser_bg_lightblue .teaser_bild img,
.teaser_bg_beige .teaser_bild img,
.teaser_bg_grey .teaser_bild img{
    border-radius: 20px 0 0 20px;
}
.teaser_bg_white.teaser_pos_r .teaser_bild img,
.teaser_bg_lightblue.teaser_pos_r .teaser_bild img,
.teaser_bg_beige.teaser_pos_r .teaser_bild img,
.teaser_bg_grey.teaser_pos_r .teaser_bild img{
    border-radius: 0 20px 20px 0;
}
.teaser_text .uk-position-top .panel-grid-cell,
.teaser_text .uk-position-bottom .panel-grid-cell{
    width: 100% !important;
}




@media screen and (max-width: 959px) {
    .teaser_text{
        padding: 40px 40px 10px 40px;
    }
    .teaser_text_box {
        position: relative;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .teaser_pos_l .teaser_text{
        padding: 10px 40px 40px 40px;
    }
    .teaser_text .uk-position-top,
    .teaser_text .uk-position-bottom{
        position: static !important;
    }
    .teaser_text .uk-position-bottom{
        margin-top: 40px;
    }
    .teaser_bild img {
        max-height: 80vw;
        min-height: auto;
    }
    .teaser_bg_white .teaser_bild img,
    .teaser_bg_lightblue .teaser_bild img,
    .teaser_bg_beige .teaser_bild img,
    .teaser_bg_grey .teaser_bild img {
        border-radius: 20px 20px 0 0 !important;
    }
    .teaser_bg_white.teaser_pos_r .teaser_bild img,
    .teaser_bg_lightblue.teaser_pos_r .teaser_bild img,
    .teaser_bg_beige.teaser_pos_r .teaser_bild img,
    .teaser_bg_grey.teaser_pos_r .teaser_bild img {
        border-radius: 0 0 20px 20px !important;
    }
}
@media screen and (max-width: 639px) {
    .teaser_text{
        padding: 20px 20px 0px 20px;
    }
    .teaser_pos_l .teaser_text{
        padding: 0 20px 20px 20px;
    }
    .teaser_text .uk-position-bottom{
        margin-top: 20px;
    }
}






/* karussell */
.karussell_text{
    padding: 80px 20px;
}
.karussell_bild{
    /*border-radius: 20px;*/
}
#karussell_slider .uk-slideshow-items {
    border-radius: 20px;
}
.karussell_bild img{
    /*border-radius: 20px;*/
    object-fit: cover;
    object-position: center;
}
.karussell_nav {
    margin-top: 100px;
}
.karussell_nav a{
    display: inline-block;
    background: var(--dark);
    width: 45px;
    height: 45px;
    border-radius: 30px;
    text-align: center;
    position: relative;
}
.karussell_nav a:hover{
    background: var(--dark07);
}
.karussell_nav a:first-child{
    margin-right: 20px;
}
.karussell_nav a img{
    position: absolute;
    top: 17px;
    left: 15px;
}
.karussell_back img{
    rotate: 180deg;
}
.karussel-images:has(.karussell_bild:first-child.uk-slide-active) ~ .karussel-navigation .karussell_nav .karussell_back {
    background-color: var(--dark02);
    transition: var(--transition);
    pointer-events: none;
}
.karussel-images:has(.karussell_bild:last-child.uk-slide-active) ~ .karussel-navigation .karussell_nav .karussell_next {
    background-color: var(--dark02);
    transition: var(--transition);
    pointer-events: none;
}
@media screen and (min-width: 959px) {
    #karussell_slider .uk-slideshow-items {
        min-height: 100%;
    }
}
@media screen and (max-width: 959px) {
    .karussell_text{
        padding: 0;
    }
    .karussell_nav {
        margin-top: 20px;
        text-align: right;
        margin-bottom: -20px;
    }
}

@media screen and (max-width: 639px) {
    .karussell_text{
        padding: 0;
    }
    .karussell_nav {
        /*margin-top: -85px;
        position: absolute;
        right: 15px;*/
        margin-top: 10px;
        text-align: right;
        margin-bottom: -20px;
    }
    .karussell_nav a {
        width: 35px;
        height: 35px;
    }
    .karussell_nav a:first-child {
        margin-right: 5px;
    }    
    .karussell_nav a img {
        position: absolute;
        top: 12px;
        left: 10px;
    }
}


/* linklist */
.linklist_inner.linklist_inner_listekompakt,
.linklist_inner.linklist_inner_button{
    display: inline-block;
}
.linklist_center {
    text-align: center;
}

.linklist {
    text-align: left;
    padding: 40px 0;
    border-bottom: 1px solid #E9E5DD;
}
.linklist_listekompakt {
    margin-bottom: 18px;
    padding: 0;
    border-bottom: 0;
}
.linklist_title{
    color: var(--dark);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: -1.2px;
}
.linklist_title_listekompakt {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}
.linklist_text {
    color: var(--dark);
    opacity: 0.5;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 4px;
}
.linklist_icon {
    margin-right: 20px;
    width: 17px;
    display: inline-block;
}
.linklist_icon.icon_big {
    width: 27px;
}
.linklist_icon.linklist_icon_listekompakt {
    width: 14px;
    margin-right: 5px;
}
.linklist_icon.linklist_icon_listekompakt.icon_big {
    width: 22px;
    margin-right: 10px;
}
.linklist_icon svg{
    transition: var(--transition);
    width: 100%;
    height: auto;
}
.linklist_icon svg path {
    fill: var(--blue);
}
.linklist a:hover .linklist_title,
.linklist a:hover .linklist_title{
    color: var(--blue);
}
.linklist a:hover .linklist_icon svg path{
    fill: var(--dark);
}
.linklist a:hover .linklist_icon svg {
    rotate: -45deg;
}
.linklist a:hover .linklist_icon.norotate svg {
    rotate: 0deg;
}
.ma-link-extern-icon {
    margin-left: 10px;
}
.ma-link-extern-icon>svg{
    margin-top: -2px;
    fill: var(--dark03);
    transition: var(--transition);
}
.linklist a:hover .linklist_title span.ma-link-extern-icon>svg {
    fill: var(--dark07);
    transition: var(--transition);
}



.linklist_button,
.linklist.linklist_button {
    margin-bottom: 20px;
    text-align: left;
    border-bottom: 0;
    padding: 0;
}
.linklist_button:last-child {
    margin-bottom: 0;
}
.linklist_button a{
    border-radius: 40px;
    border: 1px solid rgba(0, 27, 50, 0.30);
    display: block;
    padding: 18px 20px;
    transition: var(--transition);
}
.linklist_icon_button{
    background: var(--dark);
    width: 45px;
    height: 45px;
    border-radius: 40px;
    text-align: center;
    transition: var(--transition);
}
.linklist_icon_button svg{
    height: 20px;
    margin-top: 12px;
    display: inline-block;
    transition: var(--transition);
}
.linklist_icon_button svg,
.linklist_icon_button svg path {
    fill: var(--white);
    transition: var(--transition);
}
.linklist_button a:hover .linklist_icon_button svg path{
    fill: var(--white);
    transition: var(--transition);
}
.linklist_title_button{
    color: var(--dark);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: var(--transition);
}
.linklist_text_button{
    color: var(--dark);
    opacity: 0.5;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 4px;
    transition: var(--transition);
}
.linklist_button a:hover{
    border: 1px solid var(--dark);
    background: var(--dark);
    transition: var(--transition);
}
.linklist_button a:hover .linklist_title_button,
.linklist_button a:hover .linklist_text_button{
    color: var(--white);
    transition: var(--transition);
}
.linklist_button a:hover .linklist_icon_button{
    background: var(--white);
    transition: var(--transition);
}
.linklist_button a:hover .linklist_icon_button svg path{
    fill: var(--dark);
    transition: var(--transition);
}
.linklist_button a:hover .linklist_icon_button svg circle{
    fill: var(--dark);
    transition: var(--transition);
}
.linklist_button a:hover .linklist_icon_button svg polyline{
    stroke: var(--dark);
    transition: var(--transition);
}


.linklist_inner_pills{
    border-radius: 22px;
    background: #FFF;
    box-shadow: 0 0 30px 0 rgba(0, 27, 50, 0.08);
    padding: 5px;
    white-space: nowrap;
    display: inline-block;
}
.linklist_pills {
    display: inline-block;
}
.linklist.linklist_pills {
    border-bottom: 0;
    padding: 0;
}
.linklist_pills a,
.linklist.linklist_pills a{
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: var(--white);
    color: var(--dark);
    letter-spacing: normal;
}
.linklist.linklist_pills a .linklist_title.linklist_title_pills {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--dark);
    transition: var(--transition);
    letter-spacing: normal;
}
.linklist_pills.linklist_pills_active a,
.linklist.linklist_pills.linklist_pills_active a,
.linklist_pills.linklist_pills_active a:hover,
.linklist.linklist_pills.linklist_pills_active a:hover  {
    background: var(--dark);
    color: var(--white);
}
.linklist_pills a:hover,
.linklist.linklist_pills a:hover {
    background: var(--blue_light);
    color: var(--dark);
}
.linklist.linklist_pills.linklist_pills_active a .linklist_title.linklist_title_pills,
.linklist.linklist_pills.linklist_pills_active a:hover .linklist_title.linklist_title_pills {
    color: var(--white);
    transition: var(--transition);
}
.linklist.linklist_pills a:hover .linklist_title.linklist_title_pills{
    color: var(--dark);
    transition: var(--transition);
}

.linklist_inner_tags{
}
.linklist_tags,
.linklist_tags.linklist {
    display: inline-block;
    margin: 0 5px 8px 0;
    padding: 0;
    border-bottom: 0;
}
.linklist_tags a,
.linklist_tags a .linklist_title,
.accordion li .linklist_tags a {
    opacity: 0.7;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: var(--blue_light);
    color: var(--dark);    
}
.linklist_tags a:hover{
    opacity: 1;
    background: var(--blue_light);
    color: var(--dark);    
}
.linklist_text_tags{
    display: none;
}
@media screen and (max-width: 780px) {
    .linklist_center {
        text-align: left;
    }
}


@media screen and (max-width: 639px) {
    .linklist_button a{
        padding: 12px 14px;
    }
    .linklist_title_button{
        font-size: 18px;
    }
    .linklist {
        padding: 20px 0;
    }
    .linklist_icon {
        position: relative;
        top: -2px;
        margin-right: 10px;
    }
    .linklist_title{
        font-size: 20px;
    }
}

/*Button-Spezial*/
.button-spezial {
    background-color: var(--dark);
    padding: 25px 30px;
    border-radius: 35px;
    backdrop-filter: blur(10px);
    display: inline-block;
}
.media_content_over .button-spezial {
    background-color: var(--dark03);
}
.button-spezial.fullwidth {
    width: calc(100% - 60px);
}
.button-spezial .button-spezial-titel {
    position: relative;
    padding-left: 34px;
    color: #FFF;
    font-size: 20px;
    line-height: 20px;
}
.button-spezial .button-spezial-titel:before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    transform: rotate(45deg);
    width: 17px;
    height: 17px;
    background-image: url('/wp-content/themes/klinikimpuls/assets/images/icon_arrow_right_white.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--transition);
}
.button-spezial .button-spezial-text {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s ease;
    color: #FFF;
    font-size: 16px;
    line-height: 16px;
    margin-top: 0px;
    transition: var(--transition);
}
.button-spezial .button-spezial-text > div {
    overflow: hidden;
}


/* Nur Geräte mit echtem Hover */
@media (hover: hover) and (pointer: fine) {
    .media_content_over .button-spezial:hover {
        background-color: var(--white03);
        opacity: 1;
    }
    .button-spezial:hover {
        background-color: var(--dark07);
        opacity: 1;
    }
    
    .button-spezial:hover .button-spezial-titel:before {
        transform: rotate(0deg);
    }
    .button-spezial:hover .button-spezial-text {
        grid-template-rows: 1fr;
        margin-top: 10px;
    }
}
@media screen and (max-width: 959px) {
    .button-spezial .button-spezial-titel {
        font-size: 18px;
        line-height: 18px;
    }
    .button-spezial {
        padding: 20px 25px;
    }
    .button-spezial.fullwidth {
        width: calc(100% - 50px);
    }
    .button-spezial .button-spezial-titel:before {
        width: 16px;
        height: 16px;
        top: 1px;
    }
}
@media screen and (max-width: 780px) {
    .button-spezial .button-spezial-titel {
        font-size: 14px;
        line-height: 14px;
    }
    .button-spezial {
        padding: 15px 20px;
    }
    .button-spezial.fullwidth {
        width: calc(100% - 40px);
    }
}


/* stellen liste */
.stellen_grid{
    border-bottom: 1px solid #E9E5DD;
}
.stellen_grid_title{
    padding-bottom: 40px;
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.stellen_grid_fachbereich{
    color: var(--dark);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.stellen_grid_fachbereich_mobiletitel {
    color: var(--dark);
    font-size: 14px;
    opacity: 0.5;
}
@media screen and (max-width: 639px) {
    .stellen_grid_title{
        padding-bottom: 20px;
    }
}

/* angebote */
.angebote .linklist:first-child{
    padding: 0 0 40px 0;
}



/* mitarbeiter */
.mitarbeiter_big .linklist {
    text-align: center;
    padding: 0;
    border-bottom: none;
}
/*.mitarbeiter_item_image,*/
.mitarbeiter_item a>div.mitarbeiter_item_image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}
.mitarbeiter_item a div.mitarbeiter_item_image .mitarbeiter_item_image_inner,
.mitarbeiter_item div.mitarbeiter_item_image .mitarbeiter_item_image_inner {
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
    aspect-ratio: 1 / 1;
}

.mitarbeiter_item_image img{
    width: 312px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    background-color: var(--beige);
    transform: scale(1);
    transition: var(--transition);
}
.mitarbeiter_item_name{
    color: var(--dark);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 24px */
    letter-spacing: -1.2px;
    position: relative;
    display: inline;
    transition: var(--transition);
}
.mitarbeiter_item_function{
    color: var(--dark);
    opacity: 0.7;
    margin-top: 15px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.mitarbeiter_small .mitarbeiter_item_image{
    padding-bottom: 0;
}
.mitarbeiter_small .mitarbeiter_item_image img{
    width: 150px;
}
.mitarbeiter_small .uk-position-center-left{
    padding-left: 20px;
}
.mitarbeiter_small .mitarbeiter_item_function{
    margin-top: 10px;
}
.mitarbeiter_item a:hover .mitarbeiter_item_image img {
    transform: scale(1.1);
    transition: var(--transition);
}
.mitarbeiter:not(.mitarbeiter_slider) .mitarbeiter_item a:hover .mitarbeiter_item_name {
    color: var(--blue);
    transition: var(--transition);
}
@media screen and (max-width: 639px) {
    .mitarbeiter_big .linklist_title {
        font-size: 20px;
    }
    .mitarbeiter_item_name{
        font-size: 18px;
    }
    .mitarbeiter_item_image{
        padding-bottom: 20px;
    }
    .mitarbeiter_item_image img{
        width: 150px;
    }
    .mitarbeiter_item_function{
        margin-top: 10px;
        font-size: 12px;
    }
    .mitarbeiter_small .mitarbeiter_item_image {
        padding: 10px 0;
    }
    .mitarbeiter_small .mitarbeiter_item_image img{
        width: 75px;
    }
    .mitarbeiter_small .uk-position-center-left{
        padding-left: 0;
    }
    .mitarbeiter_small .mitarbeiter_item_function{
        margin-top: 5px;
    }
}
/* mitarbeiter slider */
.mitarbeiter_slider{
    /*width: calc(100% + 40px);*/
    position: relative;
    width: 100vw;
    margin-left: calc(-1 * (100vw - 1600px) / 2);
}
.mitarbeiter_slider .uk-slider-items>div:first-child { 
    padding-left: calc( (100vw - 1600px) / 2 + 30px);
}
.mitarbeiter_slider .uk-slider-items>div:last-child{
    padding-right: 30px;
}
.mitarbeiter_slider .mitarbeiter_item .mitarbeiter_item_wrapper{
    width: 360px;
    position: relative;
}
.mitarbeiter_slider .mitarbeiter_item_image_div{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--beige);
}
.mitarbeiter_slider .mitarbeiter_item_image{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    padding: 0;
    transition: var(--transition);
}
.mitarbeiter_slider a:hover .mitarbeiter_item_image {
    transition: var(--transition);
    transform: scale(1.05);
}
.mitarbeiter_slider .uk-position-bottom{
    padding: 50px 0 30px 30px;
    width: 100%;
    border-radius: 0 0 20px 20px;
}
.mitarbeiter_slider .mitarbeiter_item_name,
.mitarbeiter_slider .mitarbeiter_item_function{
    color: #fff;
}
.mitarbeiter_slider_nav{
    background: rgba(255,255,255,0.25);
    color: var(--black);
}
.mitarbeiter_item a>div {
    overflow: hidden;
}
.mitarbeiter_item a:hover .mitarbeiter_item_image_inner img {
    transform: scale(1.1);
    transition: var(--transition);
}
@media screen and (max-width: 1679px) {
    .mitarbeiter_slider{
         margin-left: -40px;
    }
    .mitarbeiter_slider .uk-slider-items>div:first-child { 
        padding-left: calc(40px + 40px);
    }
    .mitarbeiter_slider .uk-slider-items>div:last-child{
        padding-right: 40px;
    }
}
@media screen and (max-width: 1200px) {
    .mitarbeiter_slider .uk-slider-items>div:first-child { 
        padding-left: calc(40px + 30px);
    }
    .mitarbeiter_slider .mitarbeiter_item .mitarbeiter_item_wrapper{
        width: 330px;
    }
    .mitarbeiter_slider .uk-position-bottom{
        padding: 50px 0 30px 30px;
        border-radius: 0 0 20px 20px;
    }
}
@media screen and (max-width: 959px) {
    .mitarbeiter_slider{
        margin-left: -30px;
    }
    .mitarbeiter_slider .uk-slider-items>div:first-child { 
        padding-left: calc(30px + 30px);
    }
    .mitarbeiter_slider .uk-slider-items>div:last-child{
        padding-right: 30px;
    }
}
@media screen and (max-width: 639px) {
    
    .mitarbeiter_slider{
        margin-left: -15px;
    }
    .mitarbeiter_slider .uk-slider-items>div:first-child { 
        padding-left: calc(30px + 15px);
    }
     .mitarbeiter_slider .uk-slider-items>div:last-child{
        padding-right: 15px;
    }
    .mitarbeiter_slider .mitarbeiter_item .mitarbeiter_item_wrapper{
        width: 280px;
    }
    .mitarbeiter_slider .uk-position-bottom{
        padding: 30px 10px 20px 15px;
        border-radius: 0 0 20px 20px;
    }
}


/* testimonial */
.testimonial{
    position: relative;
    left: calc((100vw - 1600px) / -2);
    width: 100vw;
}
.testimonial_box{
    margin-top: 150px; 
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    width: 545px;
}
.testimonial_text{
    background: var(--white);
    padding: 80px 40px; 
    color: var(--dark);
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    min-height: 200px;
}
.testimonial_text_icon{
    margin-right: 40px;
}
.testimonial_text_name{
    font-size: 16px;
    margin: 40px 0 3px 0;
}
.testimonial_text_funktion{
    opacity: 0.7;
    font-size: 16px;
}
.testimonial_bottom{
    background: var(--dark);
    padding: 40px; 
    color: var(--white);
}
.testimonial_bottom_text{
    opacity: 0.7;
    font-size: 16px;
}
.testimonial_nav{
    width: 100px;
}
.testimonial_nav a{
    display: inline-block;
    background: var(--white);
    width: 45px;
    height: 45px;
    border-radius: 30px;
    text-align: center;
    position: relative;
}
.testimonial_nav a:first-child{
    margin-right: 20px;
}
.testimonial_nav a img{
    position: absolute;
    top: 17px;
    left: 15px;
}
.testimonial_back img{
    rotate: 180deg;
}
@media screen and (max-width: 1680px) {
    .testimonial{
        left: -40px;
    }
    .testimonial_box {
        margin-left: 40px;
    }
    .testimonial .uk-slideshow-items{
        height: 100vh;
    }
}
@media screen and (max-width: 959px) {
    .testimonial{
        left: -30px;
    }
    .testimonial_box {
        margin-left: 30px;
    }
    .testimonial_text{
        padding: 40px 30px 10px 30px;    
        background: rgba(255,255,255,0.3);
    }
    .testimonial_bottom{
        background: rgba(0, 27, 50,0.7);
    }
    .testimonial_text_icon {
        margin-right: 10px;
    }
    .testimonial_text_icon img {
        width: 30px;
    }
    .testimonial_bottom {
        padding: 30px;
    }

}
@media screen and (max-width: 639px) {
    .testimonial{
        left: -15px;
    }        
    .testimonial_box {
        margin-left: 15px;
        width: calc(100% - 30px);
    }
    .testimonial_text {
        padding: 30px 20px 10px 20px;    
    }
    .testimonial_text_icon {
        margin-right: 10px;
    }
    .testimonial_text_icon img {
        width: 20px;
    }
    .testimonial_bottom {
        padding: 20px;
    }
}



/* steps */
.steps_title{
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.steps_slides{
    padding: 40px 0;
    border-top: 1px solid var(--grey);
    border-bottom: 1px solid var(--grey);
}

.steps_slides_num{
    margin-bottom: 30px;
}
.steps_slides_num span{
    display: inline-block;
    width: 60px;
    height: 42px;
    padding-top: 18px;
    border-radius: 30px;
    border: 1px solid var(--grey);
    color: var(--blue);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 31.2px */
    text-align: center;
}
.steps_slides_title{
    color: var(--dark);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
}
.steps_slides_text{
    margin-top: 10px;
    color: var(--dark);
    opacity: 0.7;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.steps_slides_nav{
    position: absolute;
    top: 20px;
    right: 0;
    width: 100px;
    height: 25px;
}
@media screen and (max-width: 639px) {
    .steps_slides{
        padding: 20px 0 10px 0;
    }
}



/* behandelnde_aerzte */
.behandelnde_aerzte{
    margin-top: 50px;
}
.behandelnde_aerzte a span{
    opacity: 0.7;
    color: var(--dark);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: underline;
}
.behandelnde_aerzte_personen_inner {
    display: flex;
}
.behandelnde_aerzte_personen img{
    position: relative;
    z-index: calc(100 - var(--ip));
    border-radius: 100%;
    border: 4px solid var(--white);
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    margin-left: -20px;
}
.behandelnde_aerzte_personen .behandelnde_aerzte_personen_inner .person_more{
    position: relative;
    z-index: 1;
    border-radius: 100%;
    border: 4px solid var(--white);
    width: 52px;
    height: 52px;
    margin-left: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--dark);
    color: var(--white);
}
.behandelnde_aerzte_personen .behandelnde_aerzte_personen_inner .person_more span {
    color: var(--white);
    opacity: 1;
    text-decoration: none;
}
.behandelnde_aerzte_personen img:first-child {
    margin-left: 0;
}
@media screen and (max-width: 1200px) {
    .behandelnde_aerzte_personen img {
        width: 55px;
        height: 55px;
        margin-left: -15px;
    }
    .behandelnde_aerzte_personen .behandelnde_aerzte_personen_inner .person_more {
        width: 47px;
        height: 47px;
        margin-left: -15px;
        font-size: 16px;
    }
}
@media screen and (max-width: 959px) {
    .behandelnde_aerzte_personen img:nth-child(5){
        display: none;
    }
}
@media screen and (max-width: 639px) {
    .behandelnde_aerzte_personen img {
        border: 2px solid var(--white);
        width: 50px;
        height: 50px;
        margin-left: -15px;
    }
    .behandelnde_aerzte_personen .behandelnde_aerzte_personen_inner .person_more {
        border: 2px solid var(--white);
        width: 46px;
        height: 46px;
        margin-left: -15px;
        top: 0;
        font-size: 14px;
    }
    .behandelnde_aerzte_personen img:nth-child(4){
        display: none;
    }
}

/* suche */
.suche_formfield{
    border: 1px solid var(--light);
    padding: 10px;
    border-radius: 20px;
    display: inline-block;
    white-space: nowrap;
}
.suche input[type=text]{
    background: transparent;
    border: none;
    color: var(--dark);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 10px;
}




/* backbutton */
.backbutton{
    padding-left: 25px;
    color: var(--dark);
    text-decoration: none;
    font-size: 20px;
    line-height: 100%;
    position: relative;
}
.backbutton.backbutton_white {
    color: var(--white05);
}
.backbutton:hover{
    color: var(--blue);
}
.backbutton.backbutton_white:hover {
    color: var(--white);
}
.backbutton:after{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 3px;
    transition: var(--transition);
    /*content: url('/wp-content/themes/klinikimpuls/assets/images/icon_arrow_left.svg');*/
    mask: url("/wp-content/themes/klinikimpuls/assets/images/icon_arrow_left.svg") center / contain no-repeat;
    -webkit-mask: url("/wp-content/themes/klinikimpuls/assets/images/icon_arrow_left.svg") center / contain no-repeat;
    background-color: var(--dark);
}
.backbutton.backbutton_white:after {
    background-color: var(--white05);
}
.backbutton:hover:after{
    transform: translateX(-3px);
    transition: var(--transition);
    /*content: url('/wp-content/themes/klinikimpuls/assets/images/icon_arrow_left_blue.svg');*/
    background-color: var(--blue);
}
.backbutton.backbutton_white:hover:after{
    background-color: var(--white);
}

/* abos */
.abo_item{
    padding: 30px 20px 60px;
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #fff;
}
.abo_item_active{
    border: 2px solid var(--blue);
}
.abo_title_top{
    color: var(--blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
.abo_title_top span{
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 15px;
    border-radius: 16px;
    background: rgba(0, 115, 215, 0.10);
}
.abo_title{
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 10px;
    letter-spacing: -1.8px;
}
.abo_title_bottom{
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 35px;
    opacity: 0.7;
}
.abo_text{
    border-top: 1px solid rgba(0, 27, 50, 0.30);
    border-bottom: 1px solid rgba(0, 27, 50, 0.30);
    padding: 10px 0;
}
.abo_text ul{
    padding: 0 0 0 20px;
    margin: 0;
    list-style-type: none;
}
.abo_text ul li{
    padding: 0 0 0 5px;
    margin: 30px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    position: relative;
}
.abo_text ul li:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -22px;
    width: 15px;
    height: 15px;
    background-image: url('/wp-content/themes/klinikimpuls/assets/images/icon_check.svg');
}
.abo_text span{
    transition: var(--transition);
    display: none;
}
span.abo_text_active{
    display: block;
}
.abo_price span{
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin: 30px 0;
    transition: var(--transition);
    display: none;
    letter-spacing: -1.8px;
}
.abo_price span.abo_price_active{
    display: block;
}
.abo_variation {
    margin-bottom: 30px;
}
.abo_variation span{
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: inline-block;
    border: 1px solid var(--dark);
    background-color: var(--white);
    color: var(--dark);
    border-radius: 15px;
    padding: 4px 10px;
    margin: 0 10px 5px 0;
    cursor: pointer;
    transition: var(--transition);
    min-width: 75px;
}
.abo_variation span:last-child{
    margin: 0 0 5px 0;
}
.abo_variation  span.abo_variation_active,
.abo_variation span:hover{
    border: 1px solid var(--dark);
    background-color: var(--dark);
    color: var(--white);
}
.abo_variation_text{
    margin-bottom: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    opacity: 0.7;
}
.abo_buy{
    margin: 20px 0;
}
.abo_buy a{
    display: block;
}
.abo_details a{
    display: block;
    border: 1px solid var(--dark);
}

@media screen and (max-width: 959px) {
    .abo_buy,
    .abo_details {
        width: 50%;
    }
}
@media screen and (max-width: 639px) {
    .abo_item {
        padding: 19px 15px 20px;
    }
    .abo_text ul li {
        padding: 0 0 0 5px;
        margin: 20px 0;
    }                    
    .abo_buy,
    .abo_details {
        width: 100%;
    }
}


/*Gravity-Forms*/
/*Felddarstellung*/
.gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper form .gform_body .gform_fields .gfield textarea {
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: 500;
    border-style: solid;
    border-color: var(--dark07);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    padding: 5px 0;
    transition: var(--transition);
    color: var(--dark);
    outline: none;
}
.gform_wrapper form .gform_body .gform_fields .gfield select {
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    font-weight: 500;
    border-style: solid;
    border-color: var(--dark07);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    transition: var(--transition);
    color: var(--dark);
    padding-left: 0;
    padding-top: 10px;
}
.gform_wrapper form .gform_body .gform_fields .gfield select option {
    background: var(--light);
}
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus input,
.gform_wrapper form .gform_body .gform_fields .gfield input:focus,
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus textarea,
.gform_wrapper form .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus select,
.gform_wrapper form .gform_body .gform_fields .gfield select:focus {
    outline: none;
    border-color: var(--dark);
    transition: var(--transition);
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer button[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer button[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    padding: 15px 20px 15px 20px;
    background: var(--dark);
    color: var(--white);
    border-radius: 25px;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 40px;
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer button[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer button[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button:hover  {
    opacity: 0.6;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    padding: 15px 20px 15px 20px;
    background: var(--light);
    color: var(--dark);
    border: 1px solid var(--dark);
    border-radius: 25px;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 40px;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button:hover {
    background: var(--dark);
    color: var(--white);
    transition: var(--transition);
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer button[type=submit].gform_button.button:focus,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer button[type=submit].gform_button.button:focus,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer button[type=submit].gform_next_button:focus,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button {
    outline: none;
}
.gform_wrapper .gform_heading .gform_required_legend {
    color: var(--dark07);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}
/*Labeldarstellung*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radio legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    color: var(--dark07);
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    transform: translateY(30px);
    transition: var(--transition);
    cursor: text;
    margin-bottom: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label {
    margin-bottom: 2px;
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radio legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label {
    margin-bottom: 10px;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radio legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    transform: translate(0);
    font-size: 16px;
    cursor: default;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number.has-focus label,
/*.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select.has-focus label,*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea.has-focus label   {
    transform: translateY(0px);
    color: var(--dark07);
    font-size: 16px;
    transition: var(--transition);
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radio label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    cursor: pointer;
    font-size: 18px;
    line-height: 18px;
}
.gform_wrapper form .gform_body .gform_fields .gfield {
    position: relative;
    margin-top: 20px;
}
.gform_wrapper form .gform_body .gform_fields .gfield .gfield_description.validation_message {
    position: absolute;
    top: -45px;
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer button.button.gform-has-spinner,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer button.button.gform-has-spinner {
    opacity: 0.4;
    pointer-events: none;
}

/*Zusatzklassen*/
.gform_wrapper form .gform_body .gform_fields .gfield.hidedescription .gfield_description:not(.validation_message) {
    display: none;
}
.gform_wrapper form .gform_body .gform_fields .gfield.spacerdiv {
    margin-top: 0;

}

/*sticky-Section*/
.widget_klinikimpulssticky-widget,
.widget_klinikimpulssticky-widget>.panel-widget-style,
.so-widget-klinikimpulssticky-widget,
.sticky-section {
    height: 100%;
}
.sticky-section .uk-sticky {
    z-index: 0;
}

/*mitgliedschaften*/
.mitgliedschaften svg,
.mitgliedschaften img {
    width: 100%; 
    height: auto;
    filter: grayscale(1);
    opacity: 0.6;
    transition: var(--transition);
}
.mitgliedschaften a:hover svg,
.mitgliedschaften a:hover img {
    opacity: 1;
    filter: grayscale(0);
    transition: var(--transition);
    transform: scale(1.03);
}


/*Standard-Testimonial-Widget*/

.sow-testimonials .sow-testimonial-wrapper .sow-testimonial {
    border-radius: 15px;
}
.sow-testimonials .sow-testimonial-wrapper .sow-testimonial .sow-testimonial-location {
    font-weight: 500;
}
.so-widget-sow-testimonials .sow-testimonials .sow-testimonial-wrapper .sow-testimonial .sow-testimonial-text {
    display: block;
}