/* --------------------------- Basics -------------------------- */


body {
    scroll-behavior: smooth;
    text-wrap: pretty!important;
}

#main {
    margin:0px!important;
    padding:0px!important;
}
p {
   
}

b {
   font-weight:900!important; 
}
.noDisplay { display:none!important; }

.noMargin>.fusion-column-wrapper {
    margin:0px!important
}
.fusion-logo { 
    min-width:20vw;
    max-height: 80%;
}
.hero_logo {
    width: 40vw;
    margin-bottom: 5vh;
    aspect-ratio: 4 / 3;
}
.hero_logo *{
    width: 100%;
    height: auto;
    max-height:100%;
}
.squareMe {
    aspect-ratio:1/1!important;
}

.grid_item:has(.absolute_icon){
    position:relative!important;
}

.absolute_icon {
    position:absolute!important;
    margin:1rem;
    width:40px;
    aspect-ratio:1/1;
    z-index:99;
}
.absolute_text{
    position:absolute!important;
    margin:1rem;
    z-index:99;
}

.top_right {
    top:0px!important;
    right:0px!important;
}
.top_left {
    left:0px!important;
    bottom:0px!important;
    padding:4vw;
}
.bottom_right {
    bottom:0px!important;
    right:0px!important;
}
.bottom_left {
    bottom:0px!important;
    left:0px!important;
    padding:4vw;
}


.specialFont.absolute_icon {
    width:auto;
    aspect-ratio: auto;
    max-width:60%;
}

.fusion-title {
    margin-top:0px!important;
}



.icon_button {
    width:clamp(80px,5vw,80px)!important;
    height:auto;
    aspect-ratio:1/1!important;
    padding:0px!important;
}

.fusion-column-wrapper {
    margin:0px;
    Xpadding:1rem!important;
}

h1.fusion-title-heading { font-size:clamp(3rem,6vw,6rem)!important;}
h2.fusion-title-heading { font-size:clamp(2.6rem,4vw,4.5rem)!important;}
h3.fusion-title-heading { font-size:clamp(1.8rem,2.6vw,2.8rem)!important;}
h4.fusion-title-heading { font-size:clamp(1.4rem,2.3vw,1.8rem)!important;}


.fusion-title.likeH1 .fusion-title-heading,
.fusion-title.likeh1 .fusion-title-heading { font-size:clamp(3rem,6vw,6rem)!important; line-height:1.1em!important;}
.fusion-title.likeH2 .fusion-title-heading,
.fusion-title.likeh2 .fusion-title-heading { font-size:clamp(2.6rem,3vw,4.5rem)!important; line-height:1.1em!important;}
.fusion-title.likeH3 .fusion-title-heading,
.fusion-title.likeh3 .fusion-title-heading { font-size:clamp(1.8rem,2.4vw,2.8rem)!important; line-height:1.1em!important;}
.fusion-title.likeH4 .fusion-title-heading,
.fusion-title.likeh4 .fusion-title-heading { font-size:clamp(1.4rem,2.3vw,1.8rem)!important; margin:0px!important; line-height:1.1em!important;}

.fusion-title.likeH4.buttonize .fusion-title-heading,
.fusion-title.likeh4.buttonize .fusion-title-heading { font-size:clamp(1.2rem,2.3vw,1.8rem)!important; margin:0px!important; line-height:1.1em!important;}



.fusion-title.likeH4 p {
    margin:0px;
}





ul:not(.fusion-menu){
    -webkit-padding-start: 1em!important;
            padding-inline-start: 1em!important;
    list-style-type:square;
}

ul.fusion-grid {
    -webkit-padding-start: 0!important;
            padding-inline-start: 0!important;
}
ul:not(.fusion-menu) li {
    XXfont-size:.98em;
    Xdisplay: flex;
    Xflex: 0 0 auto;
    
}
ul:not(.fusion-menu) li strong,
ul:not(.fusion-menu) li b {

    display: -webkit-box !important;

    display: -webkit-flex !important;

    display: -ms-flexbox !important;

    display: flex !important;     /* Wie normaler Text */
    Xfloat: none !important;
    Xwidth: auto !important;
    Xflex: none !important;
    margin-right:1rem;
    
}
.kochel_liste ul:not(.fusion-menu) li {
    XXfont-size:.98em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
ul:not(.fusion-menu) li::marker {
    color:var(--awb-color5)!important;
}

.specialFont .fusion-title-heading p{
    margin:0px!important;
}

.specialFont {
    margin-top:3rem;
    margin-bottom:2rem;
}



.specialFont,
.specialFont .fusion-title-heading {
    line-height:.85em!important;
    font-family: "Kochel-Script"!important;
    word-spacing: .4rem!important;
}


.specialFont h2.fusion-title-heading,
.specialFont h3.fusion-title-heading,
.specialFont h4.fusion-title-heading {
    
    letter-spacing:0em!important;
}

.specialFont.likeTitel .fusion-title-heading {
    font-size: clamp(4rem,8vw,13rem)!important;
}
.specialFont.likeh1 .fusion-title-heading {
    font-size: clamp(4rem,8vw,9rem)!important;
}
.specialFont.likeh2 .fusion-title-heading {
    font-size: clamp(4rem,6vw,7rem)!important;
}
h2.specialFont.likeh2 ,
.specialFont.likeh3 .fusion-title-heading {
    font-size: clamp(2.5rem,8vw,6rem)!important;
}
.specialFont.likeh4 .fusion-title-heading {
    font-size: clamp(2.5rem,4.5vw,3.5rem)!important;
}
.specialFont.likeh5 .fusion-title-heading {
    font-size: clamp(1.8rem,3vw,3rem)!important;
}
.specialFont.likeStoerer {
    position: absolute;
    bottom:1rem;
    left:1rem;
    background-color: var(--awb-color5)!important;
    border-radius:100em;
    padding:1rem;
}



.specialFont.likeStoerer .fusion-title-heading {
    font-size: clamp(1.2rem,3vw,2rem)!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    aspect-ratio:1/1;
    max-width:100px;
    color:var(--awb-color1)!important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    letter-spacing:.02em!important;
    margin:0px;
}




.trust_button {
        padding: 0.5rem 0.7rem;
    border-radius: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    display: inline;
    width: auto;
    text-align: left;
    border: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-stretch: ultra-condensed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    
}
.trust_button:before {
    font-family: "Font Awesome 5 Brands";
    margin-right:.5rem;
    top:3px;
}
.trust_button.jameda:before {
    font-family: "Font Awesome 5 Free";
    margin-right:.5rem;
}
.trust_button:hover {
    background-color: var(--awb-color5);
    color: var(--awb-color1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.trust_button.fa-google:hover {
    background: -webkit-gradient(linear,left top, right top,from(rgba(66, 133, 244, 1)), color-stop(19%, rgba(66, 133, 244, 1)), color-stop(20%, rgba(234, 67, 53, 1)), color-stop(39%, rgba(234, 67, 53, 1)), color-stop(40%, rgba(251, 188, 5, 1)), color-stop(59%, rgba(251, 188, 5, 1)), color-stop(60%, rgba(66, 133, 244, 1)), color-stop(79%, rgba(66, 133, 244, 1)), color-stop(80%, rgba(52, 168, 83, 1)), color-stop(84%, rgba(52, 168, 83, 1)), color-stop(85%, rgba(234, 67, 53, 1)));
    background: -webkit-linear-gradient(left,rgba(66, 133, 244, 1) 0%, rgba(66, 133, 244, 1) 19%, rgba(234, 67, 53, 1) 20%, rgba(234, 67, 53, 1) 39%, rgba(251, 188, 5, 1) 40%, rgba(251, 188, 5, 1) 59%, rgba(66, 133, 244, 1) 60%, rgba(66, 133, 244, 1) 79%, rgba(52, 168, 83, 1) 80%, rgba(52, 168, 83, 1) 84%, rgba(234, 67, 53, 1) 85%);
    background: linear-gradient(90deg,rgba(66, 133, 244, 1) 0%, rgba(66, 133, 244, 1) 19%, rgba(234, 67, 53, 1) 20%, rgba(234, 67, 53, 1) 39%, rgba(251, 188, 5, 1) 40%, rgba(251, 188, 5, 1) 59%, rgba(66, 133, 244, 1) 60%, rgba(66, 133, 244, 1) 79%, rgba(52, 168, 83, 1) 80%, rgba(52, 168, 83, 1) 84%, rgba(234, 67, 53, 1) 85%);
}


.fa.inner_text_icon {
    font-family: 'Kochel-Light' !important;
}
.fa.inner_text_icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:.8em;
    color: var(--awb-color5);
    margin-right:.3rem;
    margin-top:-2px;
}







/* ---------------------------------- online buchen --------------------------------- */

.online_buchen_container {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
	container-name: online_buchen_container; /* Optional: Name für den Container */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative!important;
}
.online_buchen_container .fusion-builder-row {
    max-width: var(--site_width)!important;
    margin:0px auto!important;
    padding:0px 2rem!important;
    position: fixed!important;
    bottom:2rem;
}
.online_buchen_container .fusion-builder-row .online_buchen_button {
    -webkit-animation: progress-expand;
            animation: progress-expand;
    animation-timeline: scroll();
    width:305px;
    min-width:300px;
    margin:0px 2rem;
}
.online_buchen_container .fusion-builder-row .online_buchen_button:hover {
    -webkit-animation: none;
            animation: none;
    animation-timeline: none;
    width:100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.online_buchen_container .fusion-builder-row .online_buchen_button .fusion-column-wrapper{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.online_buchen_container .fusion-builder-row .online_buchen_button:hover .fusion-column-wrapper{  
    -webkit-transition: all .2s ease-in-out;  
    transition: all .2s ease-in-out;
    background-color: red;
}

@-webkit-keyframes progress-expand {
  0% { 
    width: 300px; 
    margin:0px 0px; 
    }
  90% { 
    width: 300px; 
    margin:0px 0px;
    }
  100% { 
    width: 100%; 
    margin:0px 30px!important;
    }
}

@keyframes progress-expand {
  0% { 
    width: 300px; 
    margin:0px 0px; 
    }
  90% { 
    width: 300px; 
    margin:0px 0px;
    }
  100% { 
    width: 100%; 
    margin:0px 30px!important;
    }
}

/* ----------------------------------  navi ---------------------------------------- */

/*
display: grid!important;
grid-template-columns: repeat(20, minmax(80px, 1fr))!important;
 //grid-column: auto;
	//grid-row: 1 / span 1;
*/

.kochel_header {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
	container-name: kochel_header_container; /* Optional: Name für den Container */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    _height:clamp(50px,5vw,90px);
    _height:80px;
    _height:auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    top:0px;
}

.kochel_header .fusion-builder-row {
    margin:0px auto!important;  
}
.kochel_header .fusion-row { } 

.header_element {
    margin:0px!important;
    width:auto!important;
    height:100%!important;
    padding:0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
        -ms-flex-direction:row;
            flex-direction:row;
    position: relative;
    
}
.kochel_header .header_element .fusion-column-wrapper {
    padding:0px 1vw;
}
.header_element p{
    margin:0px!important;
}
.header_element .fb-icon-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding:0px .5rem;
}
.header_element p,
.header_element .fb-icon-element:before {
    font-size: clamp(.85rem, 1.2vw,1.2rem);
}

.header_element.myLogo {

}
.header_element.myLogo .logo_image {
    height:clamp(40px,5vw,90px)!important;
    height:clamp(30px,4vw,90px)!important;
}
.header_element.myLogo .logo_image img{
    height:100%;
    width:auto!important;
}

.kochel_header .header_element.myLogo .logo_image{
    max-height:80px!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.kochel_header.fusion-sticky-transition .header_element.myLogo .logo_image{
    max-height:50px!important;
    -webkit-transition: all .3s ease .5s;
    transition: all .3s ease .5s;
}

.header_menu {

}

.header_termin,
.header_sos,
.kontakt_offcanvas,
.menu_offcanvas  {
    aspect-ratio: 1/1!important;
}
.header_kontakt {}
.header_offCanvas { }



.kochel_header_menu .menu-item ul {
    -webkit-padding-start: 0em !important;
    padding-inline-start: 0em !important;
    list-style-type: none;
}
.kochel_header li.menu-item {
    margin:0 .6vw!important;
}

.kochel_header li.menu-item .menu-text {
    font-size: clamp(.5rem, 4vw, 1rem);
}
@container kochel_header_container (min-width: 100px) {
    p{}
    .fusion-menu li.menu-item a .awb-menu__open-nav-submenu-hover { display:none!important; }
    .fusion-menu li.menu-item a .menu-text { font-size:clamp(.9rem,4vw,1rem)!important;}
}


.header_sos .fusion-column-wrapper:has(.fa-whatsapp) i:before {
    font-size:clamp(.75em,2.5vw,1.1em)!important;;
}
.header_element .fusion-column-wrapper:has(.fas) .fusion-text {
    font-size:clamp(.75em,1.5vw,.9em)!important;
    padding-right: .4em;
}

.leistungs_sub_navi {
    background-color: #00000050!important;
    -webkit-flex-shrink: 1!important;
        -ms-flex-negative: 1!important;
            flex-shrink: 1!important;
}

.leistungs_sub_navi .fusion-column-wrapper {
    display:inline!important;
}
/* ------------------------------------------- Video Header -------------------------------------------- */

.video_header {
    position:relative;
    aspect-ratio: 16/9;
    width:100%;
    height:auro;
    margin:0px!important;
    padding:0px!important;

    video{ 
        aspect-ratio: 16/9;
        max-height:75vh!important;

        source {
            height:100%!important;
        }
    }
}



/* ------------------------------------------- Basic Grid Settings -------------------------------------------- */

.container {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
    padding:0px;
    margin:0px auto!important;
    width:100%!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}
.container.grid > .fusion-builder-row,
.container.grid > .fusion-column-wrapper .fusion-builder-row {
    display:grid;
    grid-template-columns: repeat(12, minmax(0px,1fr));
    gap:1rem;
    Xpadding: 0px 1rem!important;
    margin:0px!important;
    width:100%;
    max-width:var(--site_width)!important;
}
.grid_item {
    display:-webkit-box!important;
    display:-webkit-flex!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
            flex-direction: row!important;
}
.grid_item.hasImage,
.grid_item.hasImage>.fusion-column-wrapper{
    Xpadding:0px!important;
    overflow: hidden;
}
.grid_item.hasImage.intro_slider,
.grid_item.hasImage.intro_slider>.fusion-column-wrapper{
    padding:0px!important;
}
.grid_item {
        grid-column: span 6;
        grid-row: auto;
}
.grid_item.full {
        grid-column: span 12!important;
        grid-row: auto;
}
.grid_item.start_item {
        grid-column: span 12;
        grid-row: auto;
}
.grid_item .fusion-column-wrapper .fusion-title {
    _margin-bottom:0px!important;
}

/* ------------------------------------------- Off Canvas -------------------------------------------- */

.container.grid.offcanvas_kontakt {
    container-name: offcanvas_kontakt_container; /* Optional: Name für den Container */
    _padding: 1rem 30px!important;
    margin:0px!important;
    padding:0px!important;
    position: relative;
}
.container.grid.offcanvas_kontakt > .fusion-builder-row,
.container.grid.offcanvas_kontakt > .fusion-column-wrapper .fusion-builder-row {
    gap:1rem;
}

@container offcanvas_kontakt_container (min-width: 100px) {
    p{}
    .grid_item {
        margin:0px!important;
    }
    .grid_item {
        grid-column: span 4;
        grid-row: auto;
    }

}
/* ------------------------------------------- Header -------------------------------------------- */


.container.grid.header {
    container-name: home_header_container; /* Optional: Name für den Container */
    _padding: 1rem 30px!important;
}

.swiper-wrapper,
.fusion-image-carousel {
    Xmargin:0px!important;
    Xpadding:0px!important;
    width: 100%;
    height: auto;
}

.swiper-slide img{
    Xmax-width:none!important;
    Xwidth:auto;
    Xheight:auto!important;
}

.intro_slider.hasImage .fusion-image-carousel,
.intro_slider.hasImage .fusion-image-carousel .awb-swiper{
    margin:0px;
}

.fusion-image-wrapper.hover-type-none {
    overflow: clip;
}
.fusion-image-wrapper.hover-type-none img {
    max-width:100%;
    border:0px;
    margin:0px;
}

.header_swiper .awb-carousel {
    aspect-ratio: 16/9;
    overflow: hidden;
}
.hover_text_item .revealText {
    height:0px!important;
    overflow:hidden;
    position: absolute;
    width:100%;
    top:0px;left:0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding:0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: clamp(.8rem, 4vw,1.4rem);
    line-height:1em;
    z-index:999;
    color:#fff;
}
.hover_text_item .revealText:after {
    content:"";
    position: absolute;
    top:0px; left:0px;
    width:100%; height:100%;
    background-color:#000000;
    z-index:-1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
} 
.hover_text_item:hover .revealText {
    height:100%!important;
    overflow:hidden;
    color:#fff;
    padding:2rem;
    z-index:999;
}
.hover_text_item:hover .revealText:after {   
    background-color:var(--awb-color5);
    opacity: .8;
} 


@container home_header_container (min-width: 100px) {
    p{}
    .grid_item.intro_item.intro_slider {
        grid-column: 1 / span 12;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_patienten {
        grid-column: 1 / span 6;
        grid-row: 2 / span 1;
    }
    .grid_item.intro_item.intro_kollegen {
        grid-column: 7 / span 6;
        grid-row: 2 / span 1;
    }
}
@container home_header_container (min-width: 600px) {
    p{}
    .grid_item.intro_item.intro_slider {
        grid-column: 1 / span 9;
        grid-row: 1 / span 2;
    }
    .grid_item.intro_item.intro_patienten {
        grid-column: 10 / span 3;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_kollegen {
        grid-column: 10 / span 3;
        grid-row: 2 / span 1;
    }
}

/* ------------------------------------------- Header Behandlungen-------------------------------------------- */

.container.grid.header_behandlung {
    container-name: header_behandlungs_container; /* Optional: Name für den Container */
    
}

.container.grid.header_behandlung .grid_item.intro_item.hasImage {
    height:50vh;
    min-height:40vh;
}


@container header_behandlungs_container (min-width: 100px) {
    p{}
    .grid_item.intro_item.intro_slider {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.intro_item.intro_patienten {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    
}
@container header_behandlungs_container (min-width: 900px) {
    p{}
    .grid_item.intro_item.intro_slider {
        grid-column: 1 / span 9;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_patienten {
        grid-column: 10 / span 3;
        grid-row: 1 / span 1;
    }

}

/* ------------------------------------------- Header Patienten-------------------------------------------- */

.container.grid.header_patienten {
    container-name: header_patienten_container; /* Optional: Name für den Container */
    
}

.container.grid.header_patienten .grid_item.intro_item.hasImage {
    height:40vh;
    min-height:30vh;
}


@container header_patienten_container (min-width: 100px) {
    p{}
    .grid_item.intro_item.intro_slider {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.intro_item.intro_patienten {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    
}
@container header_patienten_container (min-width: 900px) {
    p{}
    .grid_item.intro_item.intro_slider {
        grid-column: 1 / span 9;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_patienten {
        grid-column: 10 / span 3;
        grid-row: 1 / span 1;
    }

}


/* ------------------------------------------- Sticky Behandlungen -------------------------------------------- */

.stickyFaqNav {
    border-bottom:1px solid var(--awb-color3);
    Xpadding: .3rem .7rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin:.5rem 0px;
}
.stickyFaqNav:hover {
    padding: .3rem .7rem;
    background-color: var(--awb-color3);
}

.stickyNav .fusion-title:not(.specialFont) {
    border-top:1px solid var(--awb-color5);
    margin-top:2rem;
    padding-top:1rem;
}

/* ------------------------------------------- Off Canvas Navi -------------------------------------------- */


.container.grid.desktop_navi {
    container-name: desktop_navi_container; /* Optional: Name für den Container */
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.container.grid.desktop_navi > .fusion-builder-row,
.container.grid.desktop_navi > .fusion-column-wrapper .fusion-builder-row {
    gap:.2rem;
}

.grid_item.navi_desktop_item {
    //background-color:#00000050;
    color:#fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.grid_item.navi_desktop_item .fusion-column-wrapper{
    padding:.1rem .5rem!important;
}
.grid_item.navi_desktop_item p {
    margin:0px!important;
    font-size:clamp(.9rem,2vh,1rem * 1.3)!important;
}
.grid_item.navi_desktop_item:hover {
    background-color: var(--awb-color4);
}
.grid_item.navi_desktop_item.start_item {
    background-color: transparent!important;
    margin: 0 0;
}
.grid_item.navi_desktop_item.start_item:hover p{
    color: var(--awb-color4);
}
.grid_item.navi_desktop_item.start_item p{
    font-size:clamp(1rem,3vh,1.2rem * 1.5)!important;
    font-family: 'Kochel-bold';
}

@container desktop_navi_container (min-width: 100px) {
    p{}
     .grid_item.navi_desktop_item {
        grid-column: span 6;
        grid-row: auto;
    }
    .grid_item.navi_desktop_item.start_item {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
}
@container desktop_navi_container (min-width: 600px) {
    p{}
     .grid_item.navi_desktop_item {
        grid-column: span 4;
        grid-row: auto;
    }
}
   

/* ------------------------------------------- Startseite Start-Leistungen -------------------------------------------- */

.container.grid.start_leistungen {
    container-name: home_start_leistungen; /* Optional: Name für den Container */
}
.container.grid.start_leistungen > .fusion-builder-row,
.container.grid.start_leistungen > .fusion-column-wrapper .fusion-builder-row {
    //grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    grid-column:auto!important;
    gap:1rem;
    margin:0px!important;
    max-width: none!important;
}

@container home_start_leistungen (min-width: 100px) {
    p {}
    .container.grid.start_leistungen > .fusion-builder-row,
    .container.grid.start_leistungen > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
    }
    .grid_item.intro_leistungen {
        grid-column:auto!important;
        aspect-ratio:auto;
    }
}
    
@container home_start_leistungen (min-width: 900px) {
    p {}
    .container.grid.start_leistungen > .fusion-builder-row,
    .container.grid.start_leistungen > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(140px,1fr));
    }
    .grid_item.intro_leistungen {
        grid-column:auto!important;
        aspect-ratio:auto;
    }
}



/* ------------------------------------------- dynamic_grid -------------------------------------------- */

.container.grid.dynamic_grid {
    container-name: custom_dynamic_grid; /* Optional: Name für den Container */
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.container.grid.dynamic_grid > .fusion-builder-row,
.container.grid.dynamic_grid > .fusion-column-wrapper .fusion-builder-row {
    //grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    grid-column:auto!important;
    gap:1rem;
    margin:0px!important;
    max-width: var(--site_width);
}
.noMaxWidth {
    max-width:none!important;
}

@container custom_dynamic_grid (min-width: 100px) {
    p {}
    .container.grid.dynamic_grid > .fusion-builder-row,
    .container.grid.dynamic_grid > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
    }
    .dynamic_grid .grid_item {
        grid-column:auto!important;
        aspect-ratio:auto;
    }

    .dynamic_grid .grid_item.min_height_item {
        grid-column:auto!important;
        aspect-ratio:auto;
        min-height:30vh!important;
    }
}

@container custom_dynamic_grid (min-width: 900px) {
    p {}
    .container.grid.dynamic_grid > .fusion-builder-row,
    .container.grid.dynamic_grid > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
    }
     .container.grid.dynamic_grid.bigger_dynamic > .fusion-builder-row,
    .container.grid.dynamic_grid.bigger_dynamic > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
    }
}
    
@container custom_dynamic_grid (min-width: 1300px) {
    p {}
    .container.grid.dynamic_grid > .fusion-builder-row,
    .container.grid.dynamic_grid > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(140px,1fr));
    }

    .container.grid.dynamic_grid.bigger_dynamic > .fusion-builder-row,
    .container.grid.dynamic_grid.bigger_dynamic > .fusion-column-wrapper .fusion-builder-row  {
        grid-template-columns: repeat(auto-fit, minmax(420px,1fr));
    }

    
    .dynamic_grid .grid_item {
        grid-column:auto!important;
        aspect-ratio:auto;
    }
}
.dynamic_grid .grid_item.intro_item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%!important;
}

/* ------------------------------------------- two_third_grid -------------------------------------------- */


.container.grid.two_third_grid {
    container-name: custom_two_third_grid; /* Optional: Name für den Container */
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.container.grid.two_third_grid > .fusion-builder-row,
.container.grid.two_third_grid > .fusion-column-wrapper .fusion-builder-row {
    grid-template-columns: repeat(12, minmax(0px,1fr));
    gap:1rem;
    margin:0px!important;
    max-width: var(--site_width);
}

@container custom_two_third_grid (min-width: 100px) {
    p {}
    .container.grid.quali_grid > .fusion-builder-row,
    .container.grid.quali_grid > .fusion-column-wrapper .fusion-builder-row  {
    }
    .two_third_grid .one_third {
        grid-column: 1 / span 12;
        grid-row: 1 /span 1;
    }
    .two_third_grid .two_third {
        grid-column: 1 / span 12;
        grid-row: 2 /span 1;
    }
    .vorteils_item {
        aspect-ratio:auto;
    }
}

@container custom_two_third_grid (min-width: 900px) {
    p {}
    .container.grid.quali_grid > .fusion-builder-row,
    .container.grid.quali_grid > .fusion-column-wrapper .fusion-builder-row  {
    }
    .two_third_grid .one_third {
        grid-column: 1 / span 4;
        grid-row: 1 /span 1;
    }
    .two_third_grid .two_third {
        grid-column: 5 / span 8;
        grid-row: 1 /span 1;
    }
    
}
@container custom_two_third_grid (min-width: 1400px) {
    p{}
    .vorteils_item {
        //aspect-ratio:4/3;
    }
}


/* ------------------------------------------- quali_grid -------------------------------------------- */

.container.grid.quali_grid {
    container-name: custom_quali_grid; /* Optional: Name für den Container */
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.container.grid.quali_grid > .fusion-builder-row,
.container.grid.quali_grid > .fusion-column-wrapper .fusion-builder-row {
    //grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    grid-template-columns: repeat(12, minmax(0px,1fr));
    gap:1rem;
    margin:0px!important;
    max-width: var(--site_width);
}
.container.grid.quali_grid.noMaxWidth {
    max-width:none!important;
}

@container custom_quali_grid (min-width: 100px) {
    p {}
    .container.grid.quali_grid > .fusion-builder-row,
    .container.grid.quali_grid > .fusion-column-wrapper .fusion-builder-row  {
    }
    .quali_grid .grid_item {
        grid-column: 1 / span 12;
        grid-row: 1 /span 1;
    }
    .grid_item.col_stagged_top {
        grid-column: 1 / span 6;
        grid-row: 2 /span 1;
    }
    .grid_item.col_stagged_bottom {
        grid-column: 7 / span 6;
        grid-row: 2 /span 1;
    }
}

@container custom_quali_grid (min-width: 900px) {
    p {}
    .container.grid.quali_grid > .fusion-builder-row,
    .container.grid.quali_grid > .fusion-column-wrapper .fusion-builder-row  {
    }
    .grid_item.col_big {
        grid-column: 1 / span 6;
        grid-row: 1 /span 1;
    }
    .grid_item.col_stagged_top {
        grid-column: 7 / span 3;
        grid-row: 1 /span 1;
    }
    .grid_item.col_stagged_bottom {
        grid-column: 10 / span 3;
        grid-row: 1 /span 1;
    }
}
    


/* ------------------------------------------- Startseite Intro -------------------------------------------- */

.container.grid.intro {
	container-name: home_intro_container; /* Optional: Name für den Container */
    
}
@container home_intro_container (min-width: 100px) {
    p{}
    .grid_item.intro_item.intro_text_titel {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.intro_item.intro_text {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.intro_item.intro_cta {
        grid-column: 1 / span 12;
        grid-row: auto;
    }

    
}
@container home_intro_container (min-width: 600px) {
    p{}
    .grid_item.intro_item.intro_text_titel {
        grid-column: 1 / span 4;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_text {
        grid-column: 5 / span 8;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_cta {
        grid-column: 1 / span 12;
        grid-row: 2 / span 1;
    }
}
@container home_intro_container (min-width: 1000px) {
    p{}
    .grid_item.intro_item.intro_text_titel {
        grid-column: 1 / span 4;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_text {
        grid-column: 5 / span 5;
        grid-row: 1 / span 1;
    }
    .grid_item.intro_item.intro_cta {
        grid-column: 10 / span 3;
        grid-row: 1 / span 1;
    }
}

/* ------------------------------------------- pageNav -------------------------------------------- */

/* Filter */
pageNavBox {}
.fusion-filters li.fusion-filter.fusion-active a {}

.pageNav{
    overflow: clip;
    cursor: pointer;
    position:relative;
}
.fusion-filters li.fusion-filter,
.pageNav > .fusion-column-wrapper {
    background-color: transparent!important;
    background:none;
    z-index:5;
}
.pageNav:after,
.pageNav:before {
    content:'';
    position: absolute;
    width:100%;
    height:100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.pageNav:after {
    top:0px;
    left:0px;
    background-color: var(--awb-color7);
}
.pageNav:before {
    top:0px;
    left:-100%;
    background-color: var(--awb-color5);
    z-index:2;
}

.pageNav:hover:after {
    top:0px;
    left:100%;
}
.pageNav:hover:before {
    top:0px;
    left:0px;
}
.pageNav .fusion-column-inner-bg {
    z-index:4;
    opacity: 0;
}
.pageNav .fusion-title-heading {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.pageNav:hover .fusion-title-heading {
    //font-size: 1.1em!important;
}

/* ------------------------------------------- Startseite Team -------------------------------------------- */

.container .sub_grid {
    container-name: subGrid_container; /* Optional: Name für den Container */
}

.container .sub_grid .fusion-builder-row-inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    gap:1rem!important;
    -webkit-box-pack: left!important;
    -webkit-justify-content: left!important;
        -ms-flex-pack: left!important;
            justify-content: left!important;  
    width:100%;  
    -webkit-transition: all 1.5s ease;  
    transition: all 1.5s ease;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}
   
.container .sub_grid .icon_button {
    padding:5px;
    height:60px!important;
    width: 60px!important;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow:clip;
}
.container .sub_grid .icon_button:hover {
    width:calc(100% - 200px)!important;
    _max-width:calc(100vw / 2);
}
.container .sub_grid .icon_button .button_text {
    width:1px;
    overflow:hidden;
    margin:0px;
    Xpadding:0px;
    line-height:1;
    left:15rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;

}

.container .sub_grid .icon_button:hover .button_text {
    width:100%!important;
    padding-left:2rem;
    left:0;
}
.container .sub_grid .icon_button .button_text p { margin:0px; }

.container .sub_grid .icon_button.switch_icon {
    width: auto!important;
}
.container .sub_grid .icon_button.switch_icon .button_text {
    width:auto;
    left:1rem;
}
.container .sub_grid .icon_button.switch_icon:hover .button_text {
    width:auto;
    left:auto;
}

.container .sub_grid .icon_button.switch_icon .fusion-column-wrapper {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
}
.container .sub_grid .icon_button.switch_icon:hover .fusion-column-wrapper {
    -webkit-box-pack: right;
    -webkit-justify-content: right;
        -ms-flex-pack: right;
            justify-content: right;
}

.container .sub_grid .fusion-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}



@container subGrid_container (min-width: 100px) {
    p{}
    .sub_grid .fusion-builder-row-inner { 
        -webkit-flex-wrap: wrap!important; 
            -ms-flex-wrap: wrap!important; 
                flex-wrap: wrap!important;
    }
    .icon_button {
        width:100%!important;
        height:400px!important;
    }

}
@container subGrid_container (min-width: 900px) {
    p{}

}



/* ------------------------------------------- subgrid_grid_extension -------------------------------------------- */

.subgrid_grid_extension {
    container-name: subgrid_grid_extension_container; /* Optional: Name für den Container */
}

.grid_item.subgrid_grid_extension .fusion-column-wrapper{
    display:grid!important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap:1rem;
    XXpadding:0px;
}
.grid_item.subgrid_grid_extension .fusion-column-wrapper .subgrid_item{
    background-color: var(--awb-color3);
    padding:1rem;
}
.vorteils_item {
    Xpadding-top:3rem!important;
}
/*
.vorteils_item:after {
    content:'2';
    font-size:4em;
    position: absolute;
    top:0rem;
    right:2rem;
    //height:100%;
    //width:100%;
    color:#ffffff20;
    z-index:9999;
    font-family: 'Kochel-Script';
}


.vorteils_item.item_1:after { content:'1'; }
.vorteils_item.item_2:after { content:'2'; }
.vorteils_item.item_3:after { content:'3'; }
.vorteils_item.item_4:after { content:'4'; }
.vorteils_item.item_5:after { content:'5'; }
.vorteils_item.item_6:after { content:'6'; }
.vorteils_item.item_7:after { content:'7'; }
.vorteils_item.item_8:after { content:'8'; }
*/

/* ------------------------------------------- Startseite Team -------------------------------------------- */

.container.grid.team_start,
.container.grid.team_start_video {
    container-name: team_dres_container; /* Optional: Name für den Container */
}


@container team_dres_container (min-width: 100px) {
    p{}
    .grid_item:not(.dres_text) {
        aspect-ratio: 4/3!important;
    }

    .grid_item.dres_text {
        grid-column: 1 / span 12;
        grid-row: 1 / span 1;
    }
    .grid_item.dres_kochel {
        grid-column: 1 / span 12;
        grid-row: 2 / span 1;
    }
    .grid_item.dres_dr1 {
        grid-column: 1 / span 6;
        grid-row: 3 / span 1;
    }
    .grid_item.dres_dr2 {
        grid-column: 7 / span 6;
        grid-row: 3 / span 1;
    }
    .grid_item.image_video {
        grid-column: 1 / span 12;
        grid-row: 2 / span 1;
    }

}
@container team_dres_container (min-width: 600px) {
    p{}
    
    .grid_item {
        aspect-ratio: auto!important;
    }
    .grid_item:not(.dres_text) {
        aspect-ratio: 16/9!important;
    }
    .grid_item.dres_text {
        grid-column: 1 / span 12;
        grid-row: 1 / span 1;
    }
    .grid_item.dres_kochel {
        grid-column: 1 / span 8;
        grid-row: 2 / span 2;
    }
    .grid_item.dres_dr1 {
        grid-column: 9 / span 4;
        grid-row: 2 / span 1;
    }
    .grid_item.dres_dr2 {
        grid-column: 9 / span 4;
        grid-row: 3 / span 1;
    }
    
}
@container team_dres_container (min-width: 900px) {
    p{}

    .grid_item,
    .grid_item:not(.dres_text) {
        aspect-ratio: auto!important;
    }
    .grid_item.dres_text {
        grid-column: 1 / span 5;
        grid-row: 1 / span 2;
    }
    .grid_item.dres_kochel {
        grid-column: 6 / span 4;
        grid-row: 1 / span 2;
    }
    .grid_item.dres_dr1 {
        grid-column: 10 / span 3;
        grid-row: 1 / span 1;
    }
    .grid_item.dres_dr2 {
        grid-column: 10 / span 3;
        grid-row: 2 / span 1;
    }
    .grid_item.image_video {
        grid-column: 6 / span 7;
        grid-row: 1 / span 2;
    }

}

/* ------------------------------------------- Startseite Leistungen -------------------------------------------- */

.container.grid.leistungen {
    container-name: leistungen_container; /* Optional: Name für den Container */
}
.leistungs_item,
.vorteils_item {
    margin:0px!important;
    position: relative;
    overflow: clip;
    Xoverflow-y: auto;
    //padding-top:3rem;
    
}
.vorteils_item p{
    color:var(--awb-color1);
}
/*
.vorteils_item:before {
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0;left:-100%;
    background:url('https://www.praxisklinik-kochel.de/wp-content/uploads/2025/07/kochel_logo_navi_mobile_white.svg');
    background-position: 0px 0px;
    Xbackground-size: 300px 300px;
    background-repeat: no-repeat;
    opacity: .1;
    transition: all .3s ease-in-out;
}
.vorteils_item:hover:before {
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0;left:0;
    background:url('https://www.praxisklinik-kochel.de/wp-content/uploads/2025/07/kochel_logo_navi_mobile_white.svg');
    background-position: 0px 0px;
    Xbackground-size: 300px 300px;
    background-repeat: no-repeat;
    opacity: .1;
}
*/
.leistungs_item .fusion-column-wrapper,
.vorteils_item {
    background-color: var(--awb-color7)!important;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.leistungs_item:hover .fusion-column-wrapper,
.vorteils_item:hover {
    background-color: var(--awb-color5)!important;
}
.leistungs_item .fusion-text.custom_liste {
    font-size:clamp(.8rem,1.5vw,1rem);
}

@container leistungen_container (min-width: 100px) {
    p{}
    .grid_item.leistungen_intro {
        grid-column: 1 / span 6;
        grid-row:  span 1;
    }
    .grid_item.leistungs_item {
        grid-column: span 12;
        grid-row:auto;
        Xaspect-ratio:5/6;
        overflow:hidden;   
        height:100%;
    }
}


@container leistungen_container (min-width: 450px) {
    p{}
    .grid_item.leistungen_intro {
        grid-column: span 12;
    }
    .grid_item.leistungs_item {
        grid-column: span 6;
        aspect-ratio: none;
    }
}

@container leistungen_container (min-width: 1000px) {
    p{}
    .grid_item.leistungs_item {
        grid-column: span 4;
    }
}


@container leistungen_container (min-width: 1400px) {
    p{}
    .grid_item.leistungs_item {
        aspect-ratio:1/1;
    }
    .grid_item.leistungen_intro {
        grid-column: span 3;
    }
    .grid_item.leistungs_item {
        grid-column: span 3;
    }


}

.leistungs_item{
    overflow: clip!important;
}

.leistungs_item .fusion-title h3 {
    Xfont-size:clamp(1rem,2.5vw,2.5rem)!important;
}
.background_number {
    position:absolute;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    margin-right:2rem;
    width:100%;
    Xheight:100%;
    -webkit-animation-name: grow;
            animation-name: grow;
    animation-timeline: view();
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms; /* Firefox requires this to apply the animation */
    animation-range: entry 0% cover 50%;
}
.leistungs_item .background_number {
        opacity:.07;  
        left:0rem;
}
.background_number p{
    font-size:clamp(18rem,20vw,23rem);
    line-height:1;
    font-family: 'Kochel-script';  
    letter-spacing:1rem;    
}
@-webkit-keyframes grow {
  from { -webkit-transform: translateY(200px); transform: translateY(200px); }
  to   { -webkit-transform: translateY(-100px); transform: translateY(-100px); }
}
@keyframes grow {
  from { -webkit-transform: translateY(200px); transform: translateY(200px); }
  to   { -webkit-transform: translateY(-100px); transform: translateY(-100px); }
}
 
/* ------------------------------------------- Startseite Karriere -------------------------------------------- */

.container.grid.karriere {
    container-name: karriere_container; /* Optional: Name für den Container */
}
.karriere_item {
    margin:0px!important;
}
.karriere_portfolio .fusion-post-cards ul.fusion-grid {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.karriere_portfolio .fusion-post-cards ul.fusion-grid li{
    width:100%;
}



.karriere_portfolio .fusion-grid-posts-cards .fusion-column-inner-bg {
margin:0px!important;
   padding:0px!important;
}

@container karriere_container (min-width: 100px) {
    p{}
     .grid_item.karriere_intro {
        grid-column: 1 / span 12;
        grid-row: auto;
        aspect-ratio:4/3;
    }
     .grid_item.karriere_portfolio {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .karriere_portfolio .very_big_font {
        font-size: clamp(2rem,6vw,6rem)!important;
    }

}

@container karriere_container (min-width: 900px) {
    p{}
 .grid_item.karriere_intro {
        grid-column: 1 / span 6;
        grid-row: 1 / span 1;
        
    }
     .grid_item.karriere_intro .fusion-column-wrapper {padding:3rem!important; }
     .grid_item.karriere_portfolio {
        grid-column: 7 / span 6;
        grid-row: 1/ span 1;
    }

}

/* ------------------------------------------- Team -------------------------------------------- */

.container.grid.team {
    container-name: team_container; /* Optional: Name für den Container */
}

.container.grid.team > .fusion-builder-row,
.container.grid.team > .fusion-column-wrapper .fusion-builder-row  {

}
.grid_item.team_portfolio {
    grid-column: 1 / span 12;
        grid-row: auto;
}


.team_item {
    margin:0px!important;
}
.team .fusion-post-cards ul.fusion-grid {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
.team .fusion-post-cards ul.fusion-grid li{
    width:100%;
    padding:0px;
    margin:0px;
}

.team li.post-card {
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: bottom;
        -ms-flex-line-pack: bottom;
            align-content: bottom;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    overflow: clip;
    max-width:600px;
}


.team .post-card:after {
    content:'';
    position: absolute;
    top:-100%;
    left:0;
    width: 100%;
    height: 100%;
    background-color: var(--awb-color5);
    opacity: .5;
    z-index:8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.team .post-card:hover:after {
    top:0;
    background-blend-mode:hard-light;
}



.team .post-card .fusion-image-element {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    Xz-index:-1;
}
.team .post-card .team_name {
    z-index:9;
    padding:0 1rem 1rem 1rem;
    Xopacity: 0;
    _top:100%;
    -webkit-transform: translateY(500px);
        -ms-transform: translateY(500px);
            transform: translateY(500px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.team .post-card:hover .team_name {
    z-index:9;
    padding:0 1rem 1rem 1rem;
    opacity: 1;
    _top:100%;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.team .post-card:hover .team_name.fusion-title,
.team .post-card:hover .team_name.fusion-title .fusion-title-heading {
    margin-bottom:0px!important;
    padding-bottom:0px!important;
}
.team .post-card  .team_beschreibung {
    z-index:9;
    padding:0 1rem 1rem 1rem;
    opacity: 0;  
    -webkit-transform: translateY(500px);  
        -ms-transform: translateY(500px);  
            transform: translateY(500px);
    -webkit-transition: all .3s ease-in-out .1s;
    transition: all .3s ease-in-out .1s;
}
.team .post-card:hover  .team_beschreibung {
    opacity: 1;  
    -webkit-transform: translateY(0);  
        -ms-transform: translateY(0);  
            transform: translateY(0);
}


.team .fusion-grid-posts-cards .fusion-column-inner-bg {
    margin:0px!important;
   padding:0px!important;
}

.team_portfolio > div:has(.fusion-filters){
    margin:0px;
    padding:0px;

}


.team_portfolio ul.fusion-filters {
    border:0px;
    padding:0px;
    Xmargin:0px;
    -webkit-padding-start:0px!important;
            padding-inline-start:0px!important;
    display: grid!important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap:.5rem;
    width: 100%;
}

.team_portfolio ul.fusion-filters li.fusion-filter{
    list-style: none!important;
    border:0!important;
    background-color: var(--awb-color8);
    padding:.5rem 1rem;
    margin:0px;
}
.team_portfolio ul.fusion-filters li.fusion-filter{
    -webkit-box-ordinal-group:2!important;
    -webkit-order:1!important;
        -ms-flex-order:1!important;
            order:1!important
}
.team_portfolio ul.fusion-filters li.fusion-filter[data-filter=".unser-team"] {
    -webkit-box-ordinal-group:1!important;
    -webkit-order:0!important;
        -ms-flex-order:0!important;
            order:0!important
}

.team_portfolio ul.fusion-filters li.fusion-filter a{
    border:0!important;
    color: #fff;
}

.team_portfolio ul.fusion-filters li.fusion-filter.fusion-active{
    background-color: var(--awb-color5);
}

.fusion-filters li.fusion-filter {
    background-color: transparent!important;
    background:none;
    position: relative;
    z-index:0;
    overflow: hidden;
}
.fusion-filters li.fusion-filter:after,
.fusion-filters li.fusion-filter:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.fusion-filters li.fusion-filter:after {
    top:0px;
    left:0px;
    background-color: var(--awb-color7);
}
.fusion-filters li.fusion-filter:before {
    top:0px;
    left:-100%;
    background-color: var(--awb-color5);
    z-index:0;
}

.fusion-filters li.fusion-filter:hover:after {
    top:0px;
    left:100%;
}
.fusion-filters li.fusion-filter:hover:before {
    top:0px;
    left:0px;
}
.fusion-filters li.fusion-filter a {
    z-index: 999!important;
    position: relative;
}
.fusion-filters li.fusion-filter.fusion-active:after{
    background-color: var(--awb-color4);
}

@container team_container (min-width: 100px) {
    p{}
    .team .grid_item.karriere_intro {
        grid-column: 1 / span 12;
        grid-row: auto;
        aspect-ratio:4/3;
    }
    .team .grid_item.team_portfolio {
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
        grid-row: auto;
    }
    .team .very_big_font {
        font-size: clamp(2rem,6vw,6rem)!important;
    }

    .team .fusion-post-cards ul.fusion-grid {
        gap: 1rem;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

}

@container team_container (min-width: 800px) {
    p{}
    .team .grid_item.karriere_intro {
        grid-column: 1 / span 6;
        grid-row: 1 / span 1;
        
    }
    .team .grid_item.karriere_intro .fusion-column-wrapper {padding:3rem!important; }
    .team .grid_item.team_portfolio {
        grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
        Xgrid-row: 1/ span 1;
    }
    .team .fusion-post-cards ul.fusion-grid {
        gap: 1rem;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    }

}

/* ------------------------------------------- Startseite Erstbesuch -------------------------------------------- */

.container.grid.erst_besuch {
    container-name: erstbesuch_container; /* Optional: Name für den Container */
}
.erstbesuch_item {
    margin:0px!important;
}
.container.erst_besuch .sub_grid .fusion-builder-row-inner{
    padding:0px 1rem!important;
}


.custom_map {
    min-height: 30dvh;
}
@container erstbesuch_container (min-width: 100px) {
    p{}
    .erstbesuch_titel {
        grid-column: span 12;
        grid-row: auto;
    }
    .erstbesuch_item { 
        grid-column: span 12;
        grid-row: auto;
    }

    .erstbesuch_item_2c { 
        grid-column: span 12;
        grid-row: auto;
    }

}
@container erstbesuch_container (min-width: 600px) {
    p{}
    .erstbesuch_item { 
        grid-column: span 12;
        grid-row: auto;
    }
    .erstbesuch_item_2c,
    .karriere .erstbesuch_item { 
        grid-column: span 6;
        grid-row: auto;
    }

}
@container erstbesuch_container (min-width: 1100px) {
    p{}
    .erstbesuch_titel {
        grid-column: span 12;
        grid-row: 1;
    }
    .erstbesuch_item {
        grid-column: span 4;
        grid-row: 2;
    }
    .karriere .erstbesuch_item {
        grid-column: span 3;
        grid-row: 2;
    }
    .erstbesuch_item_2c { 
        grid-column: span 8;
        grid-row: auto;
    }
    .erstbesuch_item.auto_col{
        grid-row: auto;
    }

}

/* ------------------------------------------- Team Page  -------------------------------------------- */

.container.grid.header_teampage {
    container-name: header_teampage_container; /* Optional: Name für den Container */
}

.container.grid.header_teampage > .fusion-builder-row,
.container.grid.header_teampage > .fusion-column-wrapper .fusion-builder-row {
    display:grid;
    grid-template-columns: repeat(12, minmax(0px,1fr));
    gap:1rem;
    margin:0px!important;
    width:100%;
    max-width:var(--site_width)!important;
}



@container header_teampage_container (min-width: 100px){
    p{}

    .team_pageitem.intro_item {
        min-height:25vh;
    }
    .container.grid.header_teampage > .fusion-builder-row,
    .container.grid.header_teampage > .fusion-column-wrapper .fusion-builder-row {  
        grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
    }
    .grid_item.team_pageitem {
        grid-column: auto;
        grid-row: auto;
        aspect-ratio:1/1;
    }
}
@container header_teampage_container (min-width: 700px){
    p{}

    .team_pageitem.intro_item {
        min-height:45vh;
    }
    .header_teampage .grid_item.team_pageitem {
        aspect-ratio:auto;
    }
 .container.grid.header_teampage > .fusion-builder-row,
    .container.grid.header_teampage > .fusion-column-wrapper .fusion-builder-row {   
        grid-template-columns: repeat(12, minmax(0px,1fr));
    }
 .grid_item.team_pageitem.intro_item {
        grid-column: 1 /span 4;
        grid-row: 1 / span 2;
    }
 .header_teampage .grid_item.team_pageitem.dres_kochel {
        grid-column: 5 /span 5;
        grid-row: 1 / span 2;
    }
 .header_teampage .grid_item.team_pageitem.dres_dr1 {
        grid-column: 10 /span 3;
        grid-row: 1 / span 1;
    }
 .header_teampage .grid_item.team_pageitem.dres_dr2 {
        grid-column: 10 /span 3;
        grid-row: 2 / span 1;
    }
}


    

/* ------------------------------------------- Einblicke  container grid gallery  -------------------------------------------- */

.container.grid.gallery {
    container-name: gallery_container; /* Optional: Name für den Container */
}

.container.grid > .fusion-builder-row,
.container.grid > .fusion-column-wrapper .fusion-builder-row {
    display:grid;
    grid-template-columns: repeat(12, minmax(0px,1fr));
    gap:1rem;
    Xpadding: 0px 1rem!important;
    margin:0px!important;
    width:100%;
    max-width:var(--site_width)!important;
}
.container.grid.gallery .fusion-builder-row{ 
    display:grid;
    Xgrid-template-columns: repeat(auto-fit, minmax(300px,1fr));
}
.grid_item.gallery_item {
    grid-column: auto;
    grid-rows: auto;
}

.gallery_item .fusion-image-element,
.gallery_item .fusion-image-element .fusion-imageframe{
    height:100%;
    overflow: clip;
}
.gallery_item .fusion-image-element img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

//grid_item gallery_item item_4

.fusion-layout-column.grid_item.gallery_item,
.fusion-layout-column.grid_item.gallery_item .fusion-column-wrapper{
    position: relative;
    overflow: hidden!important;
}

.grid_item.gallery_item .fusion-image-element {
    overflow: clip!important;
    position: relative;
    }

.grid_item.gallery_item .fusion-image-element a.fusion-lightbox:after {
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:-600px;
    background: url('https://www.praxisklinik-kochel.de/wp-content/uploads/2025/07/kochel_logo_navi_mobile_white.svg');
    background-position: 0px 0px;
    Xbackground-size: 300px 300px;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index:1;
    opacity: .35;
}
.grid_item.gallery_item .fusion-image-element a.fusion-lightbox:before {
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:1600px;
    background-color: var(--awb-color5);
    background-position: 0px 0px;
    Xbackground-size: 300px 300px;
    background-repeat: no-repeat;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    z-index:2;
    opacity: .35;
}

.grid_item.gallery_item:hover  .fusion-image-element a.fusion-lightbox:after,
.grid_item.gallery_item:hover  .fusion-image-element a.fusion-lightbox:before {
    top:0px;
    left:0px;
    z-index:9;
}




@container gallery_container (min-width: 100px){
    p{}
    .fusion-builder-row{ 
        grid-template-columns: repeat(auto-fit, minmax(300px,1fr))!important;
    }
    .grid_item.gallery_item {
        grid-column: auto;
        grid-rows: auto;
    }
}

@container gallery_container (min-width: 1000px) {
    p{}
    .fusion-builder-row{ 
        grid-template-columns: repeat(12, minmax(0, 1fr))!important;
        grid-rows: dense;
    }


    .grid_item.gallery_item.text_item{
        grid-column: 1 / span 4; 
        grid-row: 1 / span 3;
    }
    .grid_item.gallery_item.item_1{
        grid-column: 5 / span 4; 
        grid-row: 1 / span 1;
    }
    .grid_item.gallery_item.item_2 {
        grid-column: 9 / span 4; 
        grid-row: 1 / span 1;  
    }

    .grid_item.gallery_item.item_3 {
        grid-column: 5 / span 2; 
        grid-row: 2 / span 1; 
    }
    .grid_item.gallery_item.item_4 {
        grid-column: 7 / span 2; 
        grid-row: 2 / span 1; 
    }

    .grid_item.gallery_item.item_5 {
        grid-column: 5 / span 2; 
        grid-row: 3 / span 1; 
    }

    .grid_item.gallery_item.item_6 {
        grid-column: 7 / span 2; 
        grid-row: 3 / span 1; 
    }

    .grid_item.gallery_item.item_7 {
        grid-column: 1 / span 3; 
        grid-row: 4 / span 1; 
    }
    .grid_item.gallery_item.item_8 {
        grid-column: 9 / span 4; 
        grid-row: 2 / span 2; 
    }
    .grid_item.gallery_item.item_9 {
        grid-column: 4 / span 3; 
        grid-row: 4 / span 1; 
    }
    .grid_item.gallery_item.item_10 {
        grid-column: 7 / span 3; 
        grid-row: 4 / span 1; 
    }
    .grid_item.gallery_item.item_11 {
        grid-column: 10 / span 3; 
        grid-row: 4 / span 1; 
    }

    .praxisleben .grid_item.gallery_item.item_7 {
        grid-column: 1 / span 4; 
        grid-row: 4 / span 1; 
    }
    .praxisleben .grid_item.gallery_item.item_9 {
        grid-column: 5 / span 4; 
        grid-row: 4 / span 1; 
    }
    .praxisleben .grid_item.gallery_item.item_10 {
        grid-column: 9 / span 4; 
        grid-row: 4 / span 1; 
    }
    .praxisleben .grid_item.gallery_item.item_11 {
        grid-column: 1 / span 8; 
        grid-row: 5 / span 1; 
    }
    .praxisleben .grid_item.gallery_item.item_12 {
        grid-column: 9 / span 4; 
        grid-row: 5 / span 1; 
    }


  

    
   
}


/* ------------------------------------------- Behandler  -------------------------------------------- */

.container.grid.behandler_post {
    container-name: behandler_container; /* Optional: Name für den Container */
}

.container.grid.behandler_post > .fusion-builder-row,
.container.grid.behandler_post > .fusion-column-wrapper .fusion-builder-row {
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
    grid-template-rows: auto;
    gap:1rem;
    margin:0px!important;
    width:100%;
    //max-width:var(--site_width)!important;
}
.behandler_post .grid_item {
    grid-column: auto;
    //grid-rows: auto;
}
    .grid_item.img_1,
    .grid_item.img_2 {
        display:none!important;
        -webkit-box-ordinal-group:10;
        -webkit-order:9;
            -ms-flex-order:9;
                order:9;
    }   

.behandler_info .custom_liste {
    margin:0px!important;
    padding:0px!important;
    font-size:clamp(.9em, 3vw, 1.2rem) !important;
}
.behandler_info .fusion-text.custom_liste {
    //font-size: clamp(.9em, 3vw, 1.2rem) !important;
}


.kochel_liste ul {
     list-style-type: none;
}

.kochel_liste ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f02e";
  margin-right: 0.5em;
  font-size:14px;
  color: var(--awb-color5);
}



@container behandler_container (min-width:100px){
    p{}
    .fusion-builder-row{ 
        grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
    }
    .grid_item {
        grid-columns: auto;
        //grid-rows: auto;
    }
    
    .grid_item.img_intro { aspect-ratio: auto!important; min-height:40vh;}
    
}


@container behandler_container (min-width:600px){
    p{}
    .fusion-builder-row{ 
        grid-template-columns: repeat(12, minmax(0px,1fr))!important;
    }
    .grid_item {
        grid-column: auto;
        grid-rows: auto;
    }
   

    .grid_item.img_intro {
        grid-column: 1 / span 6;
        grid-row: 1 / span 3;
    }
    .grid_item.img_1 {
        grid-column: 6 / span 2;
        grid-row: 1 / span 1;
    }
    .grid_item.img_2{
        grid-column: 6 / span 2;
        grid-row: 2 / span 2;
    }
    .grid_item.intro_text {
        grid-column: 7 / span 6;
        grid-row: 1 / span 3;
    }


}
@container behandler_container (min-width:1200px){
    p{}
    .fusion-builder-row{ 
        grid-template-columns: repeat(12, minmax(0px,1fr))!important;
    }

    .grid_item.img_intro { aspect-ratio: auto!important;}
    .grid_item.img_1,
    .grid_item.img_2 {
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important;
    }

    .grid_item.img_intro {
        grid-column: 1 / span 5;
        grid-row: 1 / span 3;
    }
    .grid_item.img_1 {
        grid-column: 6 / span 2;
        grid-row: 1 / span 1;
    }
    .grid_item.img_2{
        grid-column: 6 / span 2;
        grid-row: 2 / span 2;
    }
    .grid_item.intro_text {
        grid-column: 8 / span 5;
        grid-row: 1 / span 3;
    }


}



//behandler_post

/* ------------------------------- Kochel Footer ----------------------------------- */



.kochel_footer .fusion-builder-row-inner:has(a):hover i,
.kochel_footer .fusion-builder-row-inner:has(a):hover h4 a{
    color:var(--awb-color4);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.kochel_footer h4 {
    font-size: clamp(.9rem,6vw,1.6rem)!important;
    //text-transform: uppercase!important;
    text-wrap-mode: nowrap;
    color:var(--awb-color1)!important;
}


.kochel_footer .fusion-text p{
    margin:.1rem 0px;
    color:var(--awb-color1)!important;
}



.kochel_footer i {
    font-size: clamp(14px,2vw,18px)!important;
    min-width: clamp(14px,2vw,18px)!important;
}
.kochel_footer .fusion-builder-row-inner {
    -webkit-box-pack: left!important;
    -webkit-justify-content: left!important;
        -ms-flex-pack: left!important;
            justify-content: left!important;
    -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
            flex-wrap: nowrap!important;
}
.kochel_footer .fusion_builder_column_inner {
    width:auto;
}

.kochel_footer .side_nav_icon {
    font-size: clamp(20px,3vw,26px)!important;
    min-width: clamp(20px,3vw,26px)!important;
}


.container.grid.kochel_footer {
    container-name: footer_container; /* Optional: Name für den Container */
    gap:2rem!important;
}
.container.grid.kochel_footer .fusion-builder-row {
    //gap:2rem;
}

.ti-header.source-Google {
    width:100%!important;
}


.footer_item > .fusion-column-wrapper > div:first-child {
    border-bottom:1px solid #fff;
    padding-bottom:.3rem;
}
.off-canvas-content .footer_item > .fusion-column-wrapper > div:first-child,
.footer_item.logo .fusion-column-wrapper div {
    border:0px;
}

#menu-footer-menu li,
.oeffnungszeiten ul li {
    border-bottom:1px solid #fff;
}
#menu-footer-menu li:last-child,
.oeffnungszeiten ul lili:last-child {
    border-bottom:0px;
}
#menu-footer-menu li a{
    padding:.2rem 0;
}

.oeffnungszeiten ul {
    margin:0;
    padding:0!important;
}

.oeffnungszeiten ul li {
    list-style:none;
    padding:0;
    margin:0;
}



.footerleiste .fusion-text a{
    color:#ffffff70!important;

}
.footerleiste .fusion-text a:hover{
    color:#222!important;

}






/* --------------------- Footer Jameda --------------------- */

.jameda_wrapper {
    padding:1rem;
    background-color: var(--awb-color8);
    border-radius:1rem;
}
.jameda_logo {
    max-width:100px;
}
.jameda_profiles {
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(80px,1fr));
    gap:1rem;
}
.jameda_profile {}


.jameda_profile .jameda_foto{
    border-radius:1rem;
    //aspect-ratio: 1 / 1!important;
    max-height:100px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.jameda_profile.mayer .jameda_foto{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.jameda_profile .jameda_foto::after {
    content:' '!important;
    position: absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    background: url('https://www.praxisklinik-kochel.de/wp-content/uploads/2025/08/symbol-turquoise-rgb.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    z-index:999;
    background-position:  center 200px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-blend-mode:luminosity;
}
.jameda_profile:hover .jameda_foto::after {
    background-position: center center;
}
.jameda_profile .jameda_foto img{  
    height:100%;
    width:auto;
}
.jameda_profile .jameda_name{
    color: var(--awb-color1);
    font-size:.85rem;
    text-align: center;
}


@container footer_container (min-width: 100px) {
    p{
        font-size: 1.1rem!important;
    }
    .grid_item.footer_item.logo {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.footer_item {
        grid-column: span 12;
        grid-row: auto;
    }

}
@container footer_container (min-width: 600px) {
    p{}
    .grid_item.footer_item.logo {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.footer_item {
        grid-column: span 6;
        grid-row: auto;
    }

}
@container footer_container (min-width: 1000px) {
    p{}
    .grid_item.footer_item.logo {
        grid-column: 1 / span 12;
        grid-row: auto;
    }
    .grid_item.footer_item {
        grid-column: span 3;
        grid-row: auto;
    }

}

/* --------------------------------------------- Kontakt ------------------------------------*/


.contact_page .fusion-text{
    color: var(--awb-color7)!important;

}
.contact_page .oeffnungszeiten ul li {
    border-bottom: 1px solid var(--awb-color7)!important;
}

.contact_page  p {
    margin:0px!important;
}
.contact_page i {
    font-size: clamp(14px, 2vw, 18px) !important;
    min-width: clamp(14px, 2vw, 18px) !important;
}
.contact_page i:before {
    color:var(--awb-color5)!important;
}

.mapContainer .fusion-column-wrapper {
    Xheight:60vh;
    overflow: clip;
}

/* --------------------------------------------- Formulare ------------------------------------*/

.fusion-form-field {
    margin:0px!important;
}
.fusion-form-checkbox label:before {
    border-color: var(--awb-color5)!important;
    opacity: 1;
    visibility: visible;
}
.fusion-form-checkbox label:after {
    background-color: var(--awb-color5);
}

.fusion-form-checkbox-field {
    border-radius:.5rem!important;
    padding: 2rem;
    background-color:#fff;
}

.uploadBox,
.uploadBox .fusion-form-field,
.uploadBox .fusion-column-wrapper,
.fusion-form-upload-field-container,
.fusion-form-input-with-icon,
.fusion-form-upload-field {
    background-color: var(--awb-color1);
    border-radius: .5rem;
    border: 0px!important;
    overflow: hidden;
}
    



/* --------------------------------------------- Last Ninja Overwrites ------------------------------------*/

.fusion-text,
.fusion-text > *,
.fusion-toggle-heading,
.toggle-content {
    font-size: clamp(.9em,2.4vw,1.2rem)!important;
    line-height: clamp(1.4em,3vh,1.6em)!important;
    font-family: 'Kochel-Light'!important;
}

.fusion-text h2 { 
    font-size: clamp(1.2em,5vw,1.8rem)!important; 
}
.fusion-text h3 { 
    font-size: clamp(1em,3vw,1.3rem)!important; 
}



.icon{
    max-width:30px!important;
}
.contact_page .fusion-builder-row:has(.icon) div:nth-child(2){
    -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
            flex-wrap: nowrap!important;
    max-width: calc(100% - 40px)!important;
    Xbackground-color: red;
    overflow: hidden;
    width:auto;
}

img[whatsapp_white] {
    width:100px;
}

ul.kochel_liste,
.kochel_liste > ul, 
.kochel_liste li,
.kochel_liste li a,
.kochel_liste li p {
    _font-size: clamp(.9em,2vw,.95em)!important;
    line-height: 1.4em;
    margin:0px!important;
    padding:0px!important;
    margin-bottom:.4rem!important;
}
.kochel_liste li p {
    margin-bottom:0px!important;
}
ul.kochel_liste i:before,
.kochel_liste > ul i:before, 
.kochel_liste li i:before,
.kochel_liste li i:before,
.kochel_liste li:before {
    font-size: clamp(.9em,2vw,.95em)!important;
    margin:0px!important;
    padding:0px!important;
    margin-right:.5rem!important;
    
}

.kochel_liste li .icon-wrapper,
.kochel_liste li .fusion-li-item-content {
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    margin:0px!important;
}

.oeffnungszeiten li .day {
    min-width:2rem!important;
    display:inline-block;
}

.fusion-button {
    padding: .5rem 1rem!important;
}
.fusion-button .fusion-button-text {
    padding: 0;
    line-height: 21px;
    font-size: clamp(.9rem,2vw,1rem)!important;
}






.telIcon .fusion-title-heading{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.telIcon a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0px auto;
    padding-left:.5rem;
}
.telIcon a:before {
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--awb-color5);
    margin-right: .3rem;
    Xmargin-top: -2px;
    position: relative;
}
.telIcon.white a:before {
    color: white;
}



.smallsup {
    padding-left:1rem;
    Xfont-size:.9rem!important;
    font-size: clamp(.7rem, 1vw, .9rem)!important;
    background-color:white;
    background-color: var(--awb-color5);
    color:white;
    padding: .3rem .5rem;
    border-radius:100em;
    text-transform: uppercase;
    margin-left:1rem;
}

.noDisplay {
    display: none!important;
}
.wp-google-wr a:first-letter{
    text-transform: capitalize!important;
    font-size:smaller;
}


.stellen_vorteile>.fusion-column-wrapper>.fusion-builder-row {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
    Xgrid-template-columns: repeat(2, minmax(240px,1fr));
}
.stellen_vorteile .fusion-column-wrapper .fusion-builder-row .fusion-layout-column {
    Xwidth:100%!important;
    Xposition: relative;
    Xdisplay: flex;
    margin:0px!important;
}

.stellen_kennenlernen>.fusion-column-wrapper>.fusion-builder-row {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
}
.stellen_kennenlernen .kennenlernen .fusion-column-wrapper {
    aspect-ratio: 4 / 3;
    Xpadding:.5rem;
    margin:0!important
}