.noDisplay {
    display:none!important;
}
html{
    font-size:20px!important;
    color:#000000;
}
body,
.custom_off_canvas .fb-icon-element,
.fusion-text,
.fusion-li-item-content p  {
    font-size: clamp(.8rem, 2vw, 1rem)!important;
}
    
.post-content a {
    //border-bottom: 1px!important; 
}
body .post-content a.fusion-button.button-custom {
    //border-bottom: 1px solid #000 !important;
    //margin-bottom:.5rem!important;
    //overflow: visible;
}

body .post-content a.fusion-button,
.fusion-tb-header .fusion-button.button-large,
.fusion-tb-header .fusion-button.button-medium {
    font-size:.8rem;
    padding: .5rem 1.2rem;
    border:1px solid #000!important;
}

.fusion-text h1,
.fusion-title h1,
.likeH1 h2.fusion-title-heading{
    font-size:clamp(1.8rem, 4vw , 4.2rem)!important;
    xcolor: var(--awb-color8)!important;
    line-height:1.1!important;
}
.fusion-text h2,
.fusion-title h2 {
    font-size:clamp(1.4rem, 3vw , 2.6rem)!important;
    xcolor: var(--awb-color8)!important;
    line-height:1.3!important;
}
.fusion-text h3,
.fusion-title h3,
.likeH3 h2 {
    font-size:clamp(1.1rem, 1.8vw , 1.6rem)!important;
    xcolor: var(--awb-color8)!important;
}
.fusion-title h4 {
    font-size:clamp(1.2rem, 1.7vw , 1.6rem)!important;
    xcolor: var(--awb-color8)!important;
}

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

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


.fusion-button-text {
    text-wrap-mode: nowrap!important;
}


.custom_navi.praxis_navi {

}
.custom_menu {
    //width: calc(100% - 83px);
}

.custom_menu .fusion-builder-row{
    max-width: none!important;
    -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
            flex-wrap: nowrap!important;
    margin:0px!important;
}


.offcanvas_mobileNavi,
.custom_off_canvas,
.custom_off_canvas_navi {
    
}
.custom_off_canvas .fb-icon-element {
    //font-size:1.3em!important;
    line-height:1em;
}

.mellinghoff_menu {
    padding: 0px 0rem 0px clamp(.5rem, 1vw, 1rem)!important;
    padding: 0px!important;
}

.mellinghoff_menu ul {
    -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
            flex-wrap: nowrap!important;
    //padding: 0px 2rem!important;
}
.mellinghoff_menu ul li{
    text-wrap-mode: nowrap;
    margin: 0px clamp(.05rem, .5vw, .5rem)!important;
}

.mellinghoff_menu ul li a .menu-text{
    font-size: clamp(.76rem, .9vw, .9rem)!important;
    letter-spacing: .02rem!important;
}





@container navi_container (min-width: 100px) {
    p{ }
}
@container navi_container (min-width: 400px) {
   p{}
}
@container navi_container (min-width: 600px) {
     p{}
}
@container navi_container (min-width: 1024px) {
    p{ }
}
@container navi_container (min-width: 1200px) {
    p{} 
}


.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:.8rem!important;
}

/* ============================================================
   NAVIGATION ADD-ON v2
   1) Farbwechsel hell/dunkel je nach Seitenhintergrund
   2) Logo-Text via Container Query ausblenden
   ============================================================ */

/* ------------------------------------------------------------
   Container Query Setup
   ------------------------------------------------------------ */
.custom_navi {
    container-type: inline-size;
    container-name: navi_container;
    margin: 0px !important;
    width:100%;
    -webkit-transition: all .4s;
    transition: all .4s;
}


/* ============================================================
   CSS TRANSITIONS – weicher Wechsel für alle Elemente
   ============================================================ */
.custom_navi .menu_logo img,
.custom_navi .mellinghoff_menu .fusion-menu > li > a,
.custom_navi .mellinghoff_menu .fusion-menu > li > a .menu-text,
.custom_navi .mellinghoff_menu .fusion-menu > li > .fusion-open-nav-submenu,
.custom_navi .fb-icon-element,
.custom_navi .avada-menu-mobile-menu-trigger {
    -webkit-transition: color 1.6s ease, -webkit-filter 1.35s ease-in-out !important;
    transition: color 1.6s ease, -webkit-filter 1.35s ease-in-out !important;
    transition: color 1.6s ease, filter 1.35s ease-in-out !important;
    transition: color 1.6s ease, filter 1.35s ease-in-out, -webkit-filter 1.35s ease-in-out !important;
}


/* ============================================================
   STANDARD: HELLER UNTERGRUND (dunkle Elemente = schwarz)
   
   Wir nutzen .fusion-body als Prefix damit wir Avadas
   !important-Selektoren in deren eigenem data-count-CSS
   übertreffen (gleiche Spezifität + weiter hinten im DOM).
   ============================================================ */
.custom_navi {
    margin:0!important;
    padding:0px!important;
}
.custom_navi > .fusion-builder-row {
    width:100dvw!important;
    padding:0px 1rem!important;
    margin:0px!important;
    max-width:none!important;
    -webkit-transition: all .4s;
    transition: all .4s;
}


/* Top-Level Menü-Links */
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button) > a,
.fusion-body .custom_navi.navi--on-dark .awb-menu .fusion-menu > li:not(.fusion-menu-item-button) > a .menu-text,
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button) > .fusion-open-nav-submenu {
    color: #ffffff !important;
}

/* Hover / aktive Top-Level Links */
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button):hover > a,
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button).hover > a,
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button).current-menu-item > a,
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button).current-menu-ancestor > a,
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button):hover > .fusion-open-nav-submenu,
.fusion-body .custom_navi .awb-menu .fusion-menu > li:not(.fusion-menu-item-button).hover > .fusion-open-nav-submenu {
    color: #fff !important;
}

/* Logo: normal (kein Filter nötig wenn Logo ohnehin dunkel) */
.custom_navi .menu_logo img {
    -webkit-filter: none;
            filter: none;
}


.fusion-body .custom_navi .fb-icon-element:hover {
    color: #fff !important;
}

/* Mobile Hamburger-Button */
.fusion-body .fusion-tb-header .custom_navi .avada-menu-mobile-menu-trigger {
    color: #ffffff !important;
}
.fusion-body .fusion-tb-header .custom_navi{
    //background-color: #1a1a1a!important;
}
/* Basis: weicher Übergang, z-index sicherstellen */
.fusion-tb-header {
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, -webkit-filter 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, -webkit-filter 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, filter 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
  z-index: 9999;
}

/* LIGHT: weißer Header, Logo normal, Text dunkel */
.fusion-tb-header.switch-to-light .custom_navi > .fusion-builder-row{
  background-color: #ffffff;            /* Header-Hintergrund */
  color: #222222!important;                       /* Standardtext im Header */
}

.fusion-tb-header.switch-to-light .menu_logo img {
  -webkit-filter: none;
          filter: none;                         /* Logo nicht invertieren */
}

.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li > a,
.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li > a .menu-text,
.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li > a .awb-menu__open-nav-submenu-hover
{
  color: #000!important;            /* Hauptmenü-Ebene dunkel */
}
.fusion-tb-header.switch-to-dark .custom_navi i.fb-icon-element {
  color: #fff!important;            /* Hauptmenü-Ebene dunkel */
}

/* HOVER / ACTIVE im Light-Mode (optional) */
.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li:hover > a,
.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li.hover > a,
.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li.current-menu-item > a {
  color: red !important;            /* deine Akzentfarbe */
}
.fusion-tb-header.switch-to-light .navi-text-button *{
    color:#000!important;
}
.fusion-tb-header.switch-to-light .fusion-button {
    border:1px solid #000!important;
    color:#000!important;
}
.fusion-tb-header.switch-to-dark .navi-text-button *{
    color:#fff!important;
}
.fusion-tb-header.switch-to-dark .fusion-button {
    border:1px solid #fff!important;
    color:#fff!important;
}
.fusion-tb-header.switch-to-light .fusion-button i,
.fusion-tb-header.switch-to-light .fusion-button .fusion-button-text {
    color:#000!important;
}
/* DARK: schwarzer Header, Logo invertiert, Text hell */
.fusion-tb-header.switch-to-dark .custom_navi > .fusion-builder-row {
  background-color: #000000;            /* Header-Hintergrund */
  color: #ffffff;                       /* Standardtext im Header */
}

.fusion-tb-header.switch-to-dark .menu_logo img {
  -webkit-filter: invert(1) brightness(1.1);
          filter: invert(1) brightness(1.1);    /* Logo invertieren, leicht aufhellen */
  -webkit-transition: all .4s;
  transition: all .4s;
}

/* Hauptmenü-Ebene im Dark-Mode */
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li > a,
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li > a .menu-text,
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li > a .awb-menu__open-nav-submenu-hover
 {
  color: #ffffff !important;
}
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li > a .awb-menu__open-nav-submenu-hover,
.fusion-tb-header.switch-to-dark .custom_off_canvas {
  color: #fff !important;            /* Hauptmenü-Ebene dunkel */
}
.fusion-tb-header.switch-to-light .awb-menu > .fusion-menu > li > a .awb-menu__open-nav-submenu-hover,
.fusion-tb-header.switch-to-light .custom_off_canvas,
.fusion-tb-header.switch-to-dark .fusion-button {
  color: #000 !important;            /* Hauptmenü-Ebene dunkel */
}
/* HOVER / ACTIVE im Dark-Mode (optional) */
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li:hover > a,
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li.hover > a,
.fusion-tb-header.switch-to-dark .awb-menu > .fusion-menu > li.current-menu-item > a {
  color: #65bc7b !important;
}

    .custom_navi .menu_logo img{
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .custom_navi .menu_logo,
    .custom_navi .fusion-imageframe {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .custom_navi.fusion-sticky-transition .menu_logo {
        //width: 70px !important;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }


@container navi_container (min-width: 100px) {
    p{}
    .custom_navi .menu_logo {
        //display: none !important;
    }
    .custom_navi .menu_logo {
        max-width: 50px !important;
        -webkit-transition: all .4s;
        transition: all .4s;
        padding:1rem 0;
    }
    .custom_navi.fusion-sticky-transition .menu_logo {
        max-width: 40px !important;
        -webkit-transition: all .4s;
        transition: all .4s;
        padding:.4rem 0;
    }
    .fusion-open-nav-submenu {
        padding-left:.3vw!important;
    }
    .termin-navi-big { display:none!important; }
    .termin-navi-small { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important; }

}

@container navi_container (min-width: 800px) {
    p{}
    .custom_navi .menu_logo {
        max-width: 60px !important;
        -webkit-transition: all .4s;
        transition: all .4s;
        padding:1rem 0;
    }
    .termin-navi-big { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important; }
    .termin-navi-small { display:none!important; }
    .custom_navi.fusion-sticky-transition .menu_logo {
        max-width: 40px !important;
        -webkit-transition: all .4s;
        transition: all .4s;
        padding:.4rem 0;
    }
}
@container navi_container (min-width: 1380px) {
    p{}
    .termin-navi-big { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important; }
    .termin-navi-small { display:none!important; }
}


/* ----------------------------------------------------- HERO ----------------------------------------------- */


body .fusion-title.mellinghoff-hero-subtitel  p {
    font-size:clamp(1.2rem, 1vw + 1rem, 2rem)!important;
    -webkit-transition: all .4 ease-in-out;
    transition: all .4 ease-in-out;
    margin-bottom:0px!important;
}
 body .fusion-title.mellinghoff-hero-titel > div.title-heading-tag {
    font-size:clamp(2.4rem, 6vw , 7rem)!important;
    -webkit-transition: all .4 ease-in-out;
    transition: all .4 ease-in-out;
}

.new_hero {
    container-type: inline-size;
    container-name: hero_container;
    //margin: 0px !important;
    //width:100%;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.leistungs_logo {
        max-width:clamp(30dvw, 35%, 40dvw)!important;
    }

@container hero_container (min-width: 100px) {
    p{}
    
    .fusion-image-element { 
        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;
        -webkit-box-pack:center!important;
        -webkit-justify-content:center!important;
            -ms-flex-pack:center!important;
                justify-content:center!important;
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
            -ms-flex-pack: end !important;
                justify-content: flex-end !important;
        margin: 0 !important;
    }
    .fusion-imageframe.hero_image {
        aspect-ratio: 16 /9 !important;
        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;
        -webkit-box-pack:center!important;
        -webkit-justify-content:center!important;
            -ms-flex-pack:center!important;
                justify-content:center!important;
    }
    /* Ausnahme: dieses eine Bild wird NICHT verändert */
    .fusion-builder-row .fusion-layout-column:nth-child(2) .fusion-column-wrapper .fusion-image-element {
        aspect-ratio: auto!important;
    }
    .fusion-builder-row > div.fusion-layout-column.fusion-flex-align-self-stretch {
        -webkit-align-self: flex-start!important;
            -ms-flex-item-align: start!important;
                align-self: flex-start!important;
    }
    .fusion-builder-row .fusion-column-wrapper:nth-child(2) > div {
        margin-top:-100px!important;
    }
    .leistungs_logo {
        //max-width:40dvw!important;
        max-width:280px!important;
    }
}
@container hero_container (min-width: 1200px) {
    p{}
    .fusion-imageframe.hero_image {
        aspect-ratio: 1 / 1 !important;
        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;
        -webkit-box-pack:stretch!important;
        -webkit-justify-content:stretch!important;
            -ms-flex-pack:stretch!important;
                justify-content:stretch!important;
    }
    .fusion-builder-row > div.fusion-layout-column.fusion-flex-align-self-stretch {
        -webkit-align-self: flex-end!important;
            -ms-flex-item-align: end!important;
                align-self: flex-end!important;
    }
    .leistungs_logo {
        width:100%!important;
        max-width:280px!important;
    }
}

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

.white_background .fusion-checklist .fusion-li-icon, 
.white_background ul.fusion-checklist .fusion-li-icon,
.white_background .fusion-checklist .fusion-li-item-content, 
.white_background ul.fusion-checklist .fusion-li-item-content,
.white_background i.fas,
.white_background .fusion-text table td,
.white_background a{
    color:#000!important;

}



/* ----------------------------------------------------- Footer ----------------------------------------------- */
.mellinghoff_footer  {
    container-type: inline-size;
    container-name: footer_container;
    //margin: 0px !important;
    //width:100%;
    -webkit-transition: all .4s;
    transition: all .4s;
}



.mellinghoff_footer p,
.mellinghoff_footer a,
.mellinghoff_footer li.fusion-li-item p,
.mellinghoff_footer .fusion-text,
.mellinghoff_footer td,
.mellinghoff_footer i.fusion-li-icon  {
    font-size: clamp(.8rem, 1vw , 1rem)!important;
    line-height: 1.8rem;
} 
.mellinghoff_footer td, .mellinghoff_footer tr {
    line-height:1.4!important;
    pargin:0;
    padding:0;
}



.grw-reviews .wp-gr .grw-review-inner.grw-round {
    border-radius: 0px !important;
}

.oeffnungszeiten_box .fusion-column-wrapper{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:normal!important;
    -webkit-flex-direction:column!important;
        -ms-flex-direction:column!important;
            flex-direction:column!important;
}

@container footer_container (min-width: 100px) {
    p{}
    .oeffnungszeiten_box .fusion-column-wrapper{
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:normal!important;
        -webkit-flex-direction:column!important;
            -ms-flex-direction:column!important;
                flex-direction:column!important;
        margin:0px!important;
        width:auto!important;
    }
    .fb-icon-element { display:none!important; }

    .fusion-li-item-content p{
        line-height:auto!important;
    }
}
@container footer_container (min-width: 1300px) {
    p{}
    .oeffnungszeiten_box .fusion-column-wrapper{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -webkit-flex-direction:row!important;
            -ms-flex-direction:row!important;
                flex-direction:row!important;
    }
    .fb-icon-element { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important; }
}


/* ----------------------------------------------------- Startseite Overwrites ----------------------------------------------- */

.standorte {
    padding: 0 1rem;
}

.standorte .fusion-builder-row {
    gap:1rem!important;
    //max-width:none!important;
    margin:0px!important;
    display:grid!important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))!important;
    padding: 0 1rem!important;
}
.standorte .fusion-builder-row>div {
    width:auto;
    -webkit-flex-shrink: 1!important;
        -ms-flex-negative: 1!important;
            flex-shrink: 1!important;
    margin:0px!important;
}

table td:nth-child(1) {
    //display: none!important;
}

.ti-name,
.ti-rating-text strong,
.ti-header-write-btn-container {
    color:white!important;
}
.ti-header-write-btn-container a {
    color:#000!important;
    background-color: white!important;
}

.panel-body.toggle-content,
.panel-body.toggle-content p {
    color:#000000!important
}


@media(prefers-reduced-motion: no-preference){
    @view-transition {
        navigation:auto;
    }
    #main {
        view-transition-name: page-content;
    }
    ::view-transition-group(page-content){
        -webkit-animation-duration: 1s;
                animation-duration: 1s;  
        -webkit-animation-timing-function: ease-in-out;  
                animation-timing-function: ease-in-out;
    }
    ::view-transition-old(page-content){
        -webkit-animation-name: slide-out;
                animation-name: slide-out;
    }
    ::view-transition-new(page-content){
        -webkit-animation-name: slide-in;
                animation-name: slide-in;
    }
    @-webkit-keyframes slide-out{
        to{
            translate: 100vw;
            -webkit-transform: scale(.8);
                    transform: scale(.8);
        }
    }
    @keyframes slide-out{
        to{
            translate: 100vw;
            -webkit-transform: scale(.8);
                    transform: scale(.8);
        }
    }
    @-webkit-keyframes slide-in{
        from{
            translate: -100vw;
            -webkit-transform: scale(.8);
                    transform: scale(.8);
        }
    }
    @keyframes slide-in{
        from{
            translate: -100vw;
            -webkit-transform: scale(.8);
                    transform: scale(.8);
        }
    }
}

.linkcolor a {
    color:black!important;
}