#main {
    _padding-left: 20px!important;
    _padding-right: 20px!important;
}
.noDisplay {
    display:none!important;
}

a{}
.praxis #main strong {
    _background-color: color-mix(in srgb, var(--awb-color5) 20%, transparent 20%);
    _padding:0 .2em;
    font-weight:600!important;
}
.implant #main strong {
    background-color: color-mix(in srgb, var(--awb-color7) 20%, transparent 20%);
    padding:0 .2em;
    font-weight:300!important;
}

.white_glow img{
    -webkit-filter: drop-shadow(0px 0px 5px #00000050);
            filter: drop-shadow(0px 0px 5px #00000050);
}

.praxis a:hover {
    color:var(--awb-color5)!important;
} 
.implant a:hover {
    color:var(--awb-color7)!important;
} 

.fusion-column-wrapper:has(){}

.maxWidth{
    _max-width:var(--site_width)!important;
} 
.fusion-fullwidth:has(.maxWidth){
    _padding:0px 3vw!important;
    _margin:0px;
}
/* -------------------------------------- icons --------------------------------- */

.praxis .off-canvas-content .fontawesome-icon:before {
    color:var(--awb-color5);
}
.implant .off-canvas-content .fontawesome-icon:before {
    color:var(--awb-color7);
}


/* -------------------------------------- Navigation --------------------------------- */

.custom_navi {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
	container-name: navi_container; /* Optional: Name für den Container */
}
.custom_navi.praxis_navi {

}
.custom_menu {

}

.offcanvas_mobileNavi,
.custom_off_canvas,
.custom_off_canvas_navi {
    width:auto!important;
    height:100%;
    aspect-ratio: 1/1!important;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.custom_off_canvas .fb-icon-element {
    font-size:1.3em!important;
    line-height:1em;
}
.praxis_navi .custom_off_canvas:hover .fusion-column-wrapper{
   background-color: hsl(from var(--awb-color5) h s calc(l + 5))!important;
}
.implant_navi .custom_off_canvas:hover .fusion-column-wrapper{
   background-color: hsl(from var(--awb-color7) h s calc(l + 5))!important;
}
.custom_off_canvas:hover .fusion-column-wrapper i{
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
   -webkit-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}

.custom_switcher {}
.custom_switcher.switcher_praxis {}
.custom_switcher.switcher_implant {}

.offcanvas_mobileNavi_box .fusion-fullwidth{ width:100%!important; }

@container navi_container (min-width: 100px) {
    p{ 
        margin:0px;
        line-height:1em;
    }
    .custom_menu .fusion-image-element {
        aspect-ratio: 1 / 1;
        width: 50px;
        max-width: 50px;
        overflow: clip;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
    }
    .custom_menu .fusion-image-element .menu_logo{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;  
        
    }
    .custom_menu .fusion-image-element .menu_logo img{
        max-width: none;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
    }
    .menu_logo img {
        height:50px;
        width:auto;
    }
    .offcanvas_mobileNavi i.fb-icon-element{
        font-size: clamp(25px, 3vw, 32px)!important;
    }
    .awb-menu .awb-menu__main-ul .menu-item > *{
        font-size: clamp(.85rem,1.15vw,1.1rem)!important;
    }
}
@container navi_container (min-width: 400px) {
   
}
@container navi_container (min-width: 600px) {
     p{}
    .custom_menu .fusion-image-element {
        aspect-ratio: auto;
        width: 100%;
        max-width:250px;
        overflow: clip;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        min-height:40px;
    }
    .menu_logo img {
        height:auto;
        width:100%;
        min-height:40px;
    }

}
@container navi_container (min-width: 1024px) {
    p{ }
    .awb-menu .awb-menu__main-ul {
    }
    .menu_logo img {
        height:auto;
        width:100%;
    }
}
@container navi_container (min-width: 1200px) {
    p{}
    .awb-menu .awb-menu__main-ul {
        font-size: 1rem!important;
    }
}


.fusion-sticky-container.fusion-container-stuck .fusion-builder-row  {
    max-height:3.64rem!important;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.fusion-sticky-container .custom_menu .fusion-column-wrapper  {
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.fusion-sticky-container.fusion-container-stuck .custom_menu .fusion-column-wrapper  {
    padding-top: 11px!important;
    padding-bottom: 11px!important;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.custom_switcher .fusion-text,
.custom_menu nav ul li.menu-item a,

.awb-menu .awb-menu__main-ul .menu-item .awb-menu__sub-ul {
    font-size:1rem!important;
}
/* -------------------------------------- Bento Grid --------------------------------- */

.bento_grid {
    padding:20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.bento_grid .fusion-row  {
    display:grid!important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
	margin:0px!important;
    gap:1em;
} 




/* -------------------------------------- Partnerlogos ---------------------------------- */


.bento_grid.teaser.partner_logos .fusion-row  {
    display:grid!important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))!important;
	margin:0px!important;
    gap:1em;
} 

.bento_grid.teaser.partner_logos .fusion-row .partner_logo .fusion-column-wrapper {
    background-color: #fff;
    border:1px solid #ddd;
}



.bento_grid.teaser.karriere .fusion-row  {
    display:grid!important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))!important;
	margin:0px!important;
    gap:1em;
} 
.bento_grid.teaser.karriere .fusion-row .basic_box {
    background-color: #eeeeee50;
    border:1px solid #fff;
}
.bento_grid.teaser.karriere .box_icon {
    z-index:0!important;
    font-size: clamp(3rem, 6vw, 8rem)!important;
    opacity: .1;
    color:#000;
    mix-blend-mode:soft-light;

}

/* -------------------------------------- Invisalign ---------------------------------- */


.bento_grid.teaser.invisalign .fusion-row  {
    display:grid!important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))!important;
	margin:0px!important;
    gap:1em;
} 

.bento_grid.teaser.invisalign .fusion-row .basic_box {
    background-color: #eeeeee50;
    border:1px solid #fff;
}

.bento_grid.teaser.invisalign h4.fusion-title-heading p{
    color: var(--awb-color5);
    z-index:9999999!important;
    position: relative;
}

.bento_grid.teaser.invisalign .box_icon {
    z-index:0!important;
    font-size: clamp(3rem, 6vw, 8rem)!important;
    opacity: .1;
    color:#000;
    mix-blend-mode:soft-light;

}

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

.bento_grid.leistungen {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
	container-name: bento_leitungen_container; /* Optional: Name für den Container */
	
} 
.bento_grid .fusion-row  {
    _display:grid!important;
}


.basic_box,
.leistungs_box {
    height:100%;
    margin:0px;
    padding:0px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow:clip;
    min-height:15vh;
}
.basic_box .fusion-column-wrapper,
.leistungs_box .fusion-column-wrapper {
    padding:1em!important;
    margin:0px!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end!important;
    -webkit-justify-content: end!important;
        -ms-flex-pack: end!important;
            justify-content: end!important;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.basic_box .fusion-column-inner-bg,
.leistungs_box .fusion-column-inner-bg{
    margin:0px!important; padding:0px!important;
}

.basic_box:hover .fusion-column-wrapper,
.leistungs_box:hover .fusion-column-wrapper {
    -webkit-box-pack: end!important;
    -webkit-justify-content: end!important;
        -ms-flex-pack: end!important;
            justify-content: end!important;
    padding-top:2vh!important;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.basic_box.center_box .fusion-column-wrapper,
.leistungs_box.center_box .fusion-column-wrapper {
    padding:1em!important;
    margin:0px!important;
    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!important;
    -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
}

.basic_box.alignTop .fusion-column-wrapper{
    -webkit-box-pack: start!important;
    -webkit-justify-content: start!important;
        -ms-flex-pack: start!important;
            justify-content: start!important;
}






.basic_box .box_icon,
.leistungs_box .box_icon {
    position: absolute!important;
    top:10px;
    right:10px;
    z-index:100000;
}

/* Leistungsbox Text */
.leistungs_box p {
    margin:0px!important;
}
.basic_box .leistungs_text > *,
.leistungs_box .leistungs_text > * {
    font-family: 'AvantGardeMD', Arial, sans-serif;
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    line-height:1.8rem;
    padding-bottom:.5vh;
}
.leistungs_box:not(.noHover):hover .fusion-text,
.leistungs_box:hover .fusion-text,
.theme_implant .leistungs_box:hover .fusion-text{
    color:white!important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.basic_box .leistungs_text_hover,
.leistungs_box .leistungs_text_hover {
    height:0em;
    min-height:0vh;
    overflow:clip;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    line-height:1.3rem;
}
.basic_box:hover .leistungs_text_hover,
.leistungs_box:hover .leistungs_text_hover {
    height:5vh;
    min-height:1vh;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}

.basic_box .leistungs_text h2.fusion-title-heading,
.leistungs_box .leistungs_text h2.fusion-title-heading {
    font-size: clamp(1.4rem, 3vw, 2.5rem)!important;
    margin-bottom:2vh;
}


.basic_box.sos_box { aspect-ratio: 16 / 9;}

.basic_box.sos_box .fusion-column-wrapper {
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: start !important;
    -webkit-justify-content: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
    padding:2rem!important;
}

/* ------------------------------------ implant CTA ------------------------------------ */


.implant .basic_box.sos_box,
.praxis .basic_box.sos_box { -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1;}
.praxis .basic_box.sos_box.form_cta,
.implant .basic_box.sos_box.form_cta { -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0;}

.implant .basic_box.sos_box.form_cta .fusion-column-wrapper,
.praxis_implant .basic_box.sos_box.form_cta .fusion-column-wrapper {
    background-color: var(--awb-color7)!important;
}
.implant .fusion-button-default,
.implant .basic_box.sos_box .fusion-button-default,
.praxis_implant .basic_box.sos_box .fusion-button-default {
    background-color: var(--awb-color6);
}
.implant .basic_box.sos_box .fusion-button-default:hover,
.praxis_implant .basic_box.sos_box .fusion-button-default:hover {
    background-color: white;
}

.implant  .fusion-button-default:hover i,
.implant  .fusion-button-default:hover span,
.implant .basic_box.sos_box .fusion-button-default:hover i,
.implant .basic_box.sos_box .fusion-button-default:hover span,
.praxis_implant .basic_box.sos_box .fusion-button-default:hover i,
.praxis_implant .basic_box.sos_box .fusion-button-default:hover span {
    color:var(--awb-color7);
}
.implant .basic_box.sos_box h2,
.praxis_implant .basic_box.sos_box h2 {
    color: var(--awb-color6)!important;
}
.implant .basic_box.sos_box.form_cta h2,
.praxis_implant .basic_box.sos_box.form_cta h2 {
    color:white!important;
}

.basic_box h3 { font-size: clamp(1.4rem,3.5vw,2.6rem); }

.basic_box.team_big { _aspect-ratio: 3 / 4; height:100%;}

.leistung_endo,
.leistung_implant {
    aspect-ratio: 16 / 9;
}
.leistung_team,
.leistung_behandler,
.leistung_tour { aspect-ratio: 4 / 3;}

/* Praxisleistungen Speziel */
.leistung_implant{ -webkit-box-ordinal-group:3!important; -webkit-order:2!important; -ms-flex-order:2!important; order:2!important;}
.leistung_endo{-webkit-box-ordinal-group:2!important;-webkit-order:1!important;-ms-flex-order:1!important;order:1!important;}
/* Praxisleistungen */
.leistung_diagnostik{-webkit-box-ordinal-group:2!important;-webkit-order:1!important;-ms-flex-order:1!important;order:1!important;}
.leistung_aesthetik { -webkit-box-ordinal-group:3!important; -webkit-order:2!important; -ms-flex-order:2!important; order:2!important;}
.leistung_implantpraxis { -webkit-box-ordinal-group:2!important; -webkit-order:1!important; -ms-flex-order:1!important; order:1!important;}
.leistung_chirurgie{ -webkit-box-ordinal-group:4!important; -webkit-order:3!important; -ms-flex-order:3!important; order:3!important;}
.leistung_endo { -webkit-box-ordinal-group:5!important; -webkit-order:4!important; -ms-flex-order:4!important; order:4!important;}
.leistung_zahnerhalt { -webkit-box-ordinal-group:6!important; -webkit-order:5!important; -ms-flex-order:5!important; order:5!important;}
.leistung_anaesthesie{ -webkit-box-ordinal-group:7!important; -webkit-order:6!important; -ms-flex-order:6!important; order:6!important;}
.leistung_kinder { -webkit-box-ordinal-group:8!important; -webkit-order:7!important; -ms-flex-order:7!important; order:7!important;}
.leistung_paradontose { -webkit-box-ordinal-group:9!important; -webkit-order:8!important; -ms-flex-order:8!important; order:8!important;}
.leistung_prophylaxe { -webkit-box-ordinal-group:10!important; -webkit-order:9!important; -ms-flex-order:9!important; order:9!important;}
.leistung_invisalign { -webkit-box-ordinal-group:11!important; -webkit-order:10!important; -ms-flex-order:10!important; order:10!important;}
.leistung_intraoral { -webkit-box-ordinal-group:12!important; -webkit-order:11!important; -ms-flex-order:11!important; order:11!important;}

@container bento_leitungen_container (min-width: 100px) {
    p{}
    .bento_grid .fusion-row  {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))!important;
    } 
    .leistungs_box{ }
    .leistung_image1,
    .leistung_image2 { display:none!important;}
    .leistung_endo,
    .leistung_implant {
        aspect-ratio: 16 / 9;
    }
    
     .leistung_team,
     .leistung_behandler,
     .leistung_tour {
        aspect-ratio: 4 / 3;
    }

}

@container bento_leitungen_container (min-width: 600px) {
    p{}
    .bento_grid .fusion-row  {
        grid-template-columns: repeat(12, minmax(0, 1fr))!important;
    }
    .leistung_implant{
		grid-column: 1 / span 6;
		grid-row: 1 / span 1;
	}
    .leistung_endo{
		grid-column: 7 / span 6;
		grid-row: 1 / span 1;
	}
    .leistung_behandler { grid-column: 1 / span 4; }
    .leistung_tour { grid-column: 5 / span 4; }
    .leistung_team { grid-column: 9 / span 4; }

    .leistung_team,
    .leistung_behandler,
    .leistung_tour {
        grid-row: 1 / span 1;
    }

    

    .leistung_diagnostik{
		grid-column: 1 / span 6;
		grid-row: 1 / span 1;
	}
    .leistung_aesthetik {
        grid-column: 7 / span 6;
		grid-row: 3 / span 1;
    }
    .leistung_chirurgie{
        grid-column: 1 / span 6;
		grid-row: 4 / span 2;
    }
    .leistung_endo {
        grid-column: 7 / span 6;
		grid-row: 1 / span 2;
    }
    .leistung_implantpraxis{
        grid-column: 1 / span 6;
		grid-row: 2 / span 2;
    }
    .leistung_zahnerhalt {
        grid-column: 7 / span 6;
		grid-row: 4 / span 1;
    }
    .leistung_anaesthesie{
        grid-column: 7 / span 6;
		grid-row: 5 / span 1;
    }
    .leistung_kinder {
        grid-column: 1 / span 6;
		grid-row: 6 / span 1;
    }
    .leistung_paradontose {
        grid-column: 7 / span 6;
		grid-row: 6 / span 1;
    }
    .leistung_prophylaxe {
        grid-column: 1 / span 6;
		grid-row: 7 / span 1;
    } 
    .leistung_invisalign {
        grid-column: 7 / span 6;
		grid-row: 7 / span 2;
    }   
    .leistung_intraoral {
        grid-column: 1 / span 6;
		grid-row: 8 / span 1;
    } 



    .leistung_endo,
    .leistung_implant {
        aspect-ratio: 4 / 3;
    }

    .leistung_implant_beratung {

    }
    .leistung_implant_behandlung {

    }
    .leistung_implant_minimalinvasiv {

    }
    .leistung_implant_piezo {

    }
    .leistung_implant_knochenaufbau {

    }
    .leistung_implant_knochenblock {

    }
    .leistung_implant_knochenersatz {

    }
    .leistung_implant_sinuslift {

    }
    .leistung_implant_resultat {

    }

}

@container bento_leitungen_container (min-width: 1200px) {
    p{}
    .bento_grid .fusion-row  {
        grid-template-columns: repeat(12, minmax(0, 1fr))!important;
    }
    .leistung_diagnostik{
		grid-column: 1 / span 3;
		grid-row: 1 / span 1;
	}
    .leistung_aesthetik {
        grid-column: 4 / span 3;
		grid-row: 1 / span 1;
    }
    .leistung_chirurgie{
        grid-column: 1 / span 3;
		grid-row: 2/ span 1;
    }
    .leistung_endo {
        grid-column: 10 / span 3;
		grid-row: 1 / span 2;
    }
    .leistung_implantpraxis {
        grid-column: 7 / span 3;
		grid-row: 1 / span 2;
    }
    .leistung_zahnerhalt {
        grid-column: 4 / span 3;
		grid-row: 2 / span 1;
    }
    .leistung_anaesthesie{
        grid-column: 4 / span 3;
		grid-row: 3 / span 1;
    }
    .leistung_kinder {
        grid-column: 4 / span 3;
		grid-row: 4 / span 1;
    }
    .leistung_paradontose {
        grid-column: 10 / span 3;
		grid-row: 3 / span 1;
    }
    .leistung_prophylaxe {
        grid-column: 10 / span 3;
		grid-row: 4 / span 1;
    } 
    .leistung_invisalign {
        grid-column: 1 / span 3;
		grid-row: 3 / span 2;
    }   
    .leistung_intraoral {
        grid-column: 7 / span 3;
		grid-row: 3 / span 2;
    } 


    .leistung_image1 {
        grid-column: 4 / span 3;
		grid-row: 3 / span 4;
    }
    .leistung_image2 {
        grid-column: 10 / span 3;
		grid-row: 1 / span 4;
    }
    .leistung_image1,
    .leistung_image2 { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important;}
    .leistung_endo,
    .leistung_implant {
        aspect-ratio: 16 / 9;
    }
}

/* -------------------------------------- Box Teaser ---------------------------------- */

.bento_grid.teaser {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
	container-name: bento_teaser_container; /* Optional: Name für den Container */
} 





.bento_grid.teaser.team .fusion-row,
.bento_grid.teaser.team .fusion-layout-column {
    _display:grid!important;
    gap:1em;
    margin:0px; padding:0px;
    grid-template-columns: repeat(12, minmax(0, 1fr))!important;
    grid-auto-rows: 1fr;
}
.teaser.team_all .awb-imageframe-caption h3 {
    font-size: clamp(.9rem, 2vw , 1.6rem);
    margin-bottom:.5rem;
}

.teaser.team_all .awb-imageframe-caption-container  {
    height:6rem;
}

.teaser.team_all .awb-imageframe-caption-container .awb-imageframe-caption-text {
    height:0px;
    overflow: clip;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.teaser.team_all .fusion-image-element:hover .awb-imageframe-caption-container .awb-imageframe-caption-text {
    overflow: clip;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height:auto;
    line-height:1.3rem;
    font-size:.9em;
}
.teaser.team_all .fusion-image-element .fusion-imageframe {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.teaser.team_all .fusion-image-element:hover .fusion-imageframe {
    -webkit-transform: scale(1.1) translateY(-20px);
        -ms-transform: scale(1.1) translateY(-20px);
            transform: scale(1.1) translateY(-20px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.bento_grid.teaser .fusion-row,
.bento_grid.teaser .fusion-layout-column  {
   _display:grid!important;
    gap:1em;
    margin:0px; padding:0px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important;
}

.bento_grid.teaser.content_blocks .fusion-row,
.bento_grid.teaser.content_blocks .fusion-layout-column {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important;
}

.bento_grid.teaser.rundgang_box .rundgang .fusion-image-element {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    
}
.bento_grid.teaser.rundgang_box .rundgang .fusion-image-element:hot(.box_icon) {
   z-index:-10;  
}
.bento_grid.teaser.rundgang_box .rundgang  .fusion-image-element .fusion-imageframe.gal_image {
    height: 100%;
    width: auto;
}
.bento_grid.teaser.rundgang_box .rundgang  .fusion-image-element .fusion-imageframe.gal_image img{ 
    height: 100%;
    max-width:none;
    width:auto;
    
}
.bento_grid.teaser.content_header {
    padding-bottom: 2vh!important;
}

.bento_grid.teaser.content_header .header_text .fusion-title h1 {
    font-size:clamp(2rem, calc(3.8vw + .5rem), 5rem)!important;
}
.bento_grid.teaser.content_header .header_text .fusion-title h3 {
    font-size:clamp(1.3rem, calc(2vw + .5rem), 2rem)!important;
}


.form_header {
    
}
.bento_grid.team_header .fusion-builder-row {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
.t_roppelt {
    aspect-ratio: 1 / 1;
}

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

    .bento_grid.teaser.content_header .fusion-row,
    .bento_grid.teaser.content_header .fusion-layout-column {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important;
    }
    .bento_grid.teaser.content_blocks .fusion-row,
    .bento_grid.teaser.content_blocks .fusion-layout-column {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important;
    }

    .bento_grid.team_header .fusion-builder-row {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }


    .bento_grid.teaser.content_header .header_image {-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2; aspect-ratio: 16 / 9!important;}
    .bento_grid.teaser.content_header .header_text {-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}


    .bento_grid.teaser.content_header.form_header>.fusion-builder-row {
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important;
    }
   


    .basic_box.sos_box { aspect-ratio: auto;}
    .basic_box.team_big.thomas {
        //grid-column: 1 / span 12;
		//grid-row: 1 / span 1;
        aspect-ratio: 1 / 1;
    }
    .basic_box.team_big.martin {
        //grid-column: 1 / span 12;
		//grid-row: 3 / span 2;
        //aspect-ratio:auto;
    }
    .basic_box.team_big.ulrike {
        //grid-column: 1 / span 12;
		//grid-row: auto;
        //aspect-ratio:auto;
    }
    .bento_grid.teaser.rundgang_box,
    .bento_grid.teaser.team_all .fusion-builder-row {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr))!important;
    }
    .bento_grid.teaser.rundgang_box .rundgang {
        aspect-ratio: 4/3;
    }
     .bento_grid.teaser.rundgang_box .rundgang.vase .fusion-image-element .fusion-imageframe.gal_image img{
        aspect-ratio: 4/3;
    }
}

@container bento_teaser_container (min-width: 700px) {
    p{}

    .bento_grid.teaser.content_header .fusion-row,
    .bento_grid.teaser.content_header .fusion-layout-column {
        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr))!important;
    }

    .bento_grid.teaser.content_header .header_image { aspect-ratio:4 / 3!important;}
    .bento_grid.teaser.content_header .header_text {}
    
    .bento_grid.teaser.content_blocks .fusion-row,
    .bento_grid.teaser.content_blocks .fusion-layout-column {
        grid-template-columns: repeat(auto-fit, minmax(330px, 1fr))!important;
    }

    .bento_grid.team_header .fusion-builder-row {
        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}

    .basic_box.sos_box { aspect-ratio: auto;}
    .basic_box.team_big.thomas {
        //grid-column: 1 / span 5;
		//grid-row: 1 / span 2;
    }
    .basic_box.team_big.martin {
        //grid-column: 6 / span 7;
		//grid-row: 1 / span 2;
    }

    .basic_box.team_big.ulrike {
        //grid-column: 7 / span 6;
		//grid-row: 3 / span 1;
    }

    
    
    .bento_grid.teaser.team_all .fusion-builder-row {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))!important;
    }

    .bento_grid.teaser.rundgang_box .fusion-layout-column{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))!important;
    }
    .bento_grid.teaser.rundgang_box .rundgang {
        aspect-ratio: 4/3;
    }
    .bento_grid.teaser.rundgang_box .rundgang.vase{
        aspect-ratio: 4/3;
    }
     
}
@container bento_teaser_container (min-width: 1000px) {
    p{}

    .bento_grid.teaser.content_header .header_image {-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1; aspect-ratio: 4/3!important;}
    .bento_grid.teaser.content_header .header_text {-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}


    .basic_box.sos_box { aspect-ratio: auto;}
    .bento_grid.teaser.team_all .fusion-builder-row {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))!important;
    }

    .bento_grid.teaser.rundgang_box .fusion-builder-row{
        grid-template-columns: repeat(12, minmax(0, 1fr))!important;
    }
     

    .bento_grid.teaser.rundgang_box .rundgang {
        _aspect-ratio:auto;
    }
    .bento_grid.teaser.rundgang_box .rundgang.warten{
        grid-column: 1 / span 4;
		grid-row: 1 / span 2;
    }
    .bento_grid.teaser.rundgang_box .rundgang.eingang{
        grid-column: 5 / span 4;
		grid-row: 1 / span 2;
    }
    .bento_grid.teaser.rundgang_box .rundgang.vase{
        grid-column: 9 / span 4;
		grid-row: 3 / span 2;
    }
    .bento_grid.teaser.rundgang_box .rundgang.op_action{
        grid-column: 9 / span 4;
		grid-row: 1 / span 2;
    }
    .bento_grid.teaser.rundgang_box .rundgang.roentgen{
        grid-column: 1 / span 8;
		grid-row: 3 / span 2;
    }

    .bento_grid.teaser.rundgang_box .rundgang.spuelen{
        grid-column: 1 / span 3;
		grid-row: 5 / span 1;
    }
    .bento_grid.teaser.rundgang_box .rundgang.schwester{
        grid-column: 4 / span 3;
		grid-row: 5 / span 1;
    }
    .bento_grid.teaser.rundgang_box .rundgang.eingang2{
        grid-column: 7 / span 3;
		grid-row: 5 / span 1;
    }
    .bento_grid.teaser.rundgang_box .rundgang.schreibtisch{
        grid-column: 10 / span 3;
		grid-row: 5 / span 1;
    }
    .bento_grid.teaser.rundgang_box .rundgang.vase .fusion-image-element .fusion-imageframe.gal_image img{
        aspect-ratio: 9/16;
    }
    .bento_grid.teaser.content_header.form_header>.fusion-builder-row {
        grid-template-columns: repeat(12, minmax(0px, 1fr))!important;
        display:grid!important;
    }
    .bento_grid.teaser.content_header.form_header .kontakt_anschrift {
        grid-column: 1 / span 4;
		grid-row: 1 / span 1;
        -webkit-box-ordinal-group:2;
        -webkit-order:1;
            -ms-flex-order:1;
                order:1;
    }
    .bento_grid.teaser.content_header.form_header .kontakt_form {
        grid-column: 5 / span 8;
		grid-row: 1 / span 1;
        -webkit-box-ordinal-group:3;
        -webkit-order:2;
            -ms-flex-order:2;
                order:2;
    }
}
@container bento_teaser_container (min-width: 1300px) {
    p{}
    .bento_grid.teaser.team_all .fusion-builder-row {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))!important;
    }
}
.content_header .header_text .fusion-column-wrapper .fusion-builder-row {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))!important;
    }
/* ---------------------------------------- FOOTER ------------------------------------- */

/* ---------------------------------------- APP NAVI ------------------------------------- */

.fixed_box {
    position: fixed!important;
    width: 100%!important;
    bottom: 0px!important;
    margin:0px!important;
    padding:0;
}

.fixed_box .fusion-column-wrapper {
    _gap:1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding:0!important;
}
.praxis .fixed_box {
    background-color:var(--awb-color5);
}
.implant .fixed_box {
    background-color:var(--awb-color7);
}

.fixed_box .fixed_box_icon {
    font-size:1.5rem!important;
    /* border-right: 1px solid #fff;
    padding:.5rem;
    margin:.5rem; */
    padding:1rem;
    _background-color: hsl(from var(--awb-color5) h s calc(l + 5))!important;
}
.fixed_box .fixed_box_icon:hover {
    background-color: hsl(from var(--awb-color5) h s calc(l + 5))!important;
}
.implant .fixed_box .fixed_box_icon:hover {
    background-color: hsl(from var(--awb-color7) h s calc(l + 5))!important;
}
.fixed_box_icon.notfall,
.side_nav_icon.notfall:before {
    color: var(--awb-color7)!important;
}
.implant .side_nav_icon.notfall.makeMeBlue:before,
.implant .notfall.makeMeBlue:before {
    color: var(--awb-color5)!important;
}

/* ---------------------------------------- FOOTER Jubiläums Button------------------------------------- */

.jubilaeums_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute!important;
    right:2rem!important;
    top:-170px!important;
    margin:0px!important;
    padding:0px!important;
    z-index: 999;
    
}
.jubilaeums_container.home {
    right:3rem!important;
    top:3rem!important;
}
.jubilaeums_button {
    aspect-ratio: 1/1;
    width:140px!important;
}
.jubilaeums_container.home .jubilaeums_button {
    aspect-ratio: 1/1;
    width:200px!important;
}

.jubilaeums_button .button_inner {
    background-color:var(--awb-color5);
    border-radius:100em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding:0; margin:0;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0px 0px 10px #00000050;
            box-shadow: 0px 0px 10px #00000050;
}

.footer_container_box .awb-background-mask {
    -webkit-transform: scale(1, 1)!important;
        -ms-transform: scale(1, 1)!important;
            transform: scale(1, 1)!important;
}

.footer_container_box .awb-background-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    min-height: 100%;
    min-width: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100vw;
    width: auto;
}



/* -------------------------------------  OFF Canvas Navi ---------------------------------- */

.awb-off-canvas-inner {
    margin:0px!important;
}

.implant .awb-off-canvas-wrap {
    background-color:#cf007b!important;
}

.implant .praxis_logo_off_canvas {
    display: none;
}
.praxis .implant_logo_off_canvas {
    display: none;
}
.implant .praxis_logo {
    display: none;
}
.praxis .implant_logo {
    display: none;
}

.implant .mobile_nav_praxis { display:none; }
.praxis .mobile_nav_implant { display:none; }

.implant .off_canvas_button_elm.kinder {
    display: none!important;
}

.implant .praxis_anschrift { display:none; }
.praxis .implant_anschrift { display:none; }

.praxis .botton_implant_kontakt {display:none; }
.implant .botton_praxis_kontakt {display:none; }

.praxis .praxis_telefon a,
.praxis .praxis_mail a { color:var(--awb-color5)!important; }
.implant .implant_telefon a,
.implant .praxis_mail a { color:var(--awb-color6)!important; }

.implant .praxis_telefon { display:none; }
.praxis .implant_telefon { display:none; }

.implant .praxis_sprechzeiten { display:none; }
.praxis .implant_sprechzeiten { display:none; }

.implant .side_nav_icon,
.implant .kontakt_icon,
.implant .fusion-form-field i.awb-form-icon,
.implant .fusion-form-field i.fa-comment-dots { color:var(--awb-color6)!important; }

.praxis .side_nav_icon,
.praxis .kontakt_icon,
.praxis .fusion-form-field i.awb-form-icon,
.praxis .fusion-form-field i.fa-comment-dots { color:var(--awb-color5)!important; }

.implant .fusion-title h3 {
    color:var(--awb-color6)!important;
}

.side_nav_icon{
    aspect-ratio: 1/1;
    border:0px solid var(--awb-color5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    justify-items: center;
}
.side_nav_icon:before{
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    justify-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
;
}
.off_canvas_elm.sozial .fusion-column-wrapper {
    display: grid!important;
    _gap:.5rem;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
}

/* ---------------------------------------- FORMULAR------------------------------------- */

.fusion-form-field {margin-top:0px!important;}
label { font-size:0.8rem!important;}

/* ---------------------------------------- FOOTER Content------------------------------------- */

.footer_container_box {
    container-type: inline-size; /* Definiert den Container-Typ (inline-size = Breite) */
	container-name: footer_container; /* Optional: Name für den Container */
}

.footer_container_box .fusion-builder-row {
    display:grid!important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))!important;
    gap:.5rem!important;
}

.footer_container_box .fusion-builder-row  > div.fusion-layout-column { width:100%!important;}

.praxis .footer_container_box .praxis_telefon a,
.praxis .footer_container_box .praxis_mail a { color:var(--awb-color1)!important; }
.implant .footer_container_box .implant_telefon a,
.implant .footer_container_box .praxis_mail a { color:var(--awb-color1)!important; }


.footer_container_box .side_nav_icon,
.footer_container_box .kontakt_icon  { color:var(--awb-color1)!important; }


.footer_container_box .praxis_logo,
.footer_container_box .praxis_anschrift,
.footer_container_box .praxis_telefon,
.footer_container_box .praxis_mail {
    color:white!important;
}
.footer_container_box a,
.footer_container_box i,
.footer_container_box p,
.footer_container_box td { 
    color:white!important;
}

.footer_container_box table {
    width:100%;
}
.footer_container_box tr {
    _border-bottom: 1px solid #fff;
}

.fusion-text.implant_sprechzeiten,
.fusion-text.praxis_sprechzeiten { width:100%!important;}

.implant_sprechzeiten td:nth-child(2), .implant_sprechzeiten td:nth-child(3),
.praxis_sprechzeiten td:nth-child(2), .praxis_sprechzeiten td:nth-child(3),
.kinder td:nth-child(2), .kinder td:nth-child(3) {
  font-size: 0.9rem;
}
.kinder.praxis_oeffnungszeiten {width:100%;}

.mitgliedschaften_container .fusion-column-wrapper{
    display:grid!important;
    grid-template-columns: repeat(auto-fit, minmax(60px,1fr));
    gap:.5em;

}

.member_logo_elm {

}
@container footer_container (min-width: 200px) {
    p{}
    .jubilaeums_container {
        left:auto!important;
        right:auto!important;
    }
    .fusion-builder-row {
        padding-left:2rem;
        padding-right:2rem;
    }
}
@container footer_container (min-width: 600px) {
    p{}
    .jubilaeums_container {
        left:auto!important;
        right:2rem!important;
    }
}


/* -------------------------------------- Fun Stuff ---------------------------------- */

.fusion_box_border_animate {
    position: relative;
    --borderWidth: 18px;
        -webkit-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
        padding:0px;
}
.fusion_box_border_animate:after {
    content:"";
    position: absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    
}
.fusion_box_border_animate:hover:after{
    _margin: var(--borderWidth);
    _width:calc(100% - var(--borderWidth)*2);
    _height:calc(100% - var(--borderWidth)*2);
    _-webkit-transition:all .4s ease-in-out;
    _transition:all .4s ease-in-out;
}

.fusion_box_border_animate:after  {
    _content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(
    30deg,
    #f733ea,
    #e155f3,
    #ef4ebf,
    #a166ab,
    #5073b8,
    #1296e8,
    #0754b3,
    #3777e0
    );
    background: linear-gradient(
    60deg,
    #f733ea,
    #e155f3,
    #ef4ebf,
    #a166ab,
    #5073b8,
    #1296e8,
    #0754b3,
    #3777e0
    );
    _border-radius: calc(2 * 2px);
    _border-radius: .7em!important;
    z-index: -1;
    -webkit-animation: animatedgradient 3s ease alternate infinite;
            animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}
.leistung_praxis.fusion_box_border_animate .fusion-column-wrapper{
    background-color: var(--awb-color5);
}
.leistung_implant.fusion_box_border_animate .fusion-column-wrapper{
    background-color: var(--awb-color7);
}



.fusion_box_border_animate:hover {
    padding: calc(var(--borderWidth));
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}



.teaser .fusion_box_border_animate span.fusion-column-inner-bg,
.teaser .fusion_box_border_animate .fusion-column-wrapper {
    border: 0px solid transparent!important;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.teaser .fusion_box_border_animate:hover span.fusion-column-inner-bg,
.teaser .fusion_box_border_animate:hover .fusion-column-wrapper {
    border: 16px solid transparent!important;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}



.praxis .leistungs_box:not(.fusion_box_border_animate):hover .fusion-column-wrapper {
   background-color:var(--awb-color5)!important;
}

.praxis .theme_implant .leistungs_box:not(.fusion_box_border_animate):hover .fusion-column-wrapper,
.implant .theme_implant .leistungs_box:not(.fusion_box_border_animate):hover .fusion-column-wrapper {
    background-color:var(--awb-color7)!important;
}


.fusion_box_border_animate .fusion-column-inner-bg:hover ~ .fusion-column-wrapper {
    background-color:transparent!important;
}
/*
.border_animate {
   
}
.fusion-image-element:has(.border_animate) {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    --borderWidth: 2px;
    _background: #1d1f20!important;
    position: relative!important;
    border-radius: .5em!important;
    aspect-ratio: 1/1!important;
    width:80px;
    height:80px;
}
.fusion-image-element:has(.border_animate):after {
    content: "";
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    height: calc(100% + 4);
    width: calc(100% + 4);
    background: linear-gradient(
    60deg,
    #f733ea,
    #e155f3,
    #ef4ebf,
    #a166ab,
    #5073b8,
    #1296e8,
    #0754b3,
    #3777e0
    );
    border-radius: calc(2 * var(--borderWidth));
    border-radius: .7em!important;
    _z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}
*/
@-webkit-keyframes animatedgradient {
  0% {
    background-position: 0% 50%; 
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%; 
  }
}
@keyframes animatedgradient {
  0% {
    background-position: 0% 50%; 
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%; 
  }
}




.nested_box .fusion-builder-row {
    width:100%!important;
    margin:0px!important;
}
.nested_box .fusion-column-wrapper {
    margin:0px!important;
}




/* ---------------------   FONT OVERRIDES  ------------------------- */

h1.fusion-title-heading,
h1.fusion-title-heading > * {
    font-size: clamp(1.8rem, 5vw, 5rem)!important;
}
h2.fusion-title-heading,
h2.fusion-title-heading > * {
    font-size: clamp(1.6rem, 4vw, 3rem)!important;
}
h3.fusion-title-heading,
h3.fusion-title-heading > * {
    font-size: clamp(1.2rem, 2.5vw, 2.2rem)!important;
}
h4.fusion-title-heading,
h4.fusion-title-heading > * {
    font-size: clamp(1.3rem, 3vw, 1.6rem)!important;
}



.dp .dp-p-3 {
    padding: .5rem!important;
}
.dp .dp-w-32 {
    width: 110px!important;
}
.dp-text-xs.dp-text-gray-400 {
    color:#000!important;
}

body {
    font-size: clamp(14px, 1.3vw, 16px)!important;
}

.disclaimer h2,
.disclaimer h3,
.disclaimer h1 {
    margin: 4vh 0 .5vh 0!important;
}
.disclaimer h2{
    font-size: clamp(1.4rem, 3vw, 2rem)!important;
}
.disclaimer .post-content h3 {
    font-size: clamp(1.1rem, 2vw, 1,5rem)!important;
    text-decoration:none!important;
}
.disclaimer h4{
    font-size: clamp(.8rem, 2vw, 1,5rem)!important;
}