body{
        --site-width: 1400px;
    }
    
    .noDisplay {
        display:none!important;
    }
    body,
    p {
        font-size:clamp(.95rem,1.3vw,1rem)!important;
    }

    .roundmycorners {
        overflow: clip;
        border-radius: .5rem!important;
    }

    h1,
    h1 p,
    .fusion-title h1,
    .fusion-title.likeH1 *,
    .fusion-title.likeH1 p,
    .fusion-title.likeH1 .fusion-title-heading {
        font-size: clamp(1.8rem,3vw,4rem)!important;
        font-weight:600!important;
        line-height:1.1!important;
    }
     h2,
    h2 p,
    .fusion-title h2,
    .fusion-title.likeH2{
        font-size: clamp(1.4rem,2.15vw,3rem)!important;
        font-weight:600!important;
        line-height:1.1!important;
    }

    h3,
    h3 p,
    .fusion-title h3,
    .fusion-title.likeH3,
    .fusion-title.likeH3 > *{
        font-size: clamp(1.3rem,1.8vw,2.4rem)!important;
        font-weight:600!important;
        line-height:1.1!important;
    }


    h4,
    h4 p,
    .fusion-title h4,
    .fusion-title.likeH4,
    .fusion-title.likeH4 > *,
    .fusion-title.likeH4 .fusion-title-heading{
        font-size: clamp(1.1rem,1.1vw,1.3rem)!important;
    }

 

    /* --------------------------------------------------------------- HOMERPAGE ---------------------------------------------------------------*/
    .leistungsBox {
        aspect-ratio: 4 / 3!important;
        Xmin-height:30vh!important;
        width:100%!important;
        margin:0px!important;
        
    }
    .leistungsBox .fusion-title,
    .leistungsBox .fusion-title > *{
        margin:0px!important;
        line-height:1em!important;
    }
    .nested .fusion-text p {
        line-height:1.2rem!important;
    }
    .nested a.fusion-button {
        padding:.5rem .5rem!important;
    }
    .nested a.fusion-button span.fusion-button-text {
        font-size:.8em!important;
    }

    .leistungsBox .fusion-column-wrapper>div:has(.absPosition){
        position:absolute;
        z-index:9999;  
        bottom:4rem;
        Xleft:4rem;
    }
    div > .absPosition.bottom_left{
            
    }

    .leistungsBox .fusion-column-wrapper {
        -webkit-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
        background-size: cover!important;
        background-size: 100% auto!important;
    }
    .leistungsBox>.fusion-column-wrapper .fusion-title {
        z-index:99;
    }


    .leistungsBox>.fusion-column-wrapper:after {
        content:'';
        top:0;
        left:0;
        //width:calc(100% - 1rem);
        //height:calc(100% - 1rem);
        position:absolute;
        background-color: #415f77;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        opacity: .1;
        //margin:.5rem;
        -webkit-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
    }
    .leistungsBox:hover>.fusion-column-wrapper:after {
        opacity: .8;
        background-blend-mode: overlay;
        -webkit-transition:all .4s ease-in-out .2s;
        transition:all .4s ease-in-out .2s;
    }

    .fusion-post-card-image.has-aspect-ratio img {
        height:100%!important;
    }

    .leistungs-grid-container  {
        container-type: inline-size;
        /* Definiert den Container-Typ (inline-size = Breite) */
        container-name: leistungs-grid-container;
        /* Optional: Name für den Container */
        //max-width: 100dvw!important;
    }

    .leistungs-grid-container.grid-box>.fusion-builder-row {
            display: grid!important;
            grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
            gap:1rem;
            //width:100%;
    }

    .leistungs-grid-container .fusion-builder-row {
        max-width:none!important;
        //width:100%;
        max-width: var(--site-width)!important;
        //max-width: 1400px!important;
    }

        @container leistungs-grid-container (min-width: 100px) {
            p{}
            .leistungs-grid-container.grid-box>.fusion-builder-row {
                    grid-template-columns: repeat(1,1fr);
            }
            .leistungsBox {
                aspect-ratio: auto!important;
                min-height:none!important;
            }
        }
        @container leistungs-grid-container (min-width: 600px) {
            p{}
            .leistungs-grid-container.grid-box>.fusion-builder-row {
                    grid-template-columns: repeat(2,1fr);
            }
            .leistungsBox {
                aspect-ratio: 4 / 3!important;
                Xmin-height:30vh!important;
            }
        }
        @container leistungs-grid-container (min-width: 1000px) {
            p{}
            .leistungs-grid-container.grid-box>.fusion-builder-row {
                    grid-template-columns: repeat(3,1fr);
            }
            
        }
        @container leistungs-grid-container (min-width: 1500px) {
            p{}
            .leistungs-grid-container.grid-box>.fusion-builder-row {
                    grid-template-columns: repeat(3,1fr));
            }
        }



    /* --------------------------------------------------------------- NAVI -------------------------------------------------*/
    .naviIcon {
        aspect-ratio: 1 / 1;
        width: 40px;
        height: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        justify-items: center;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }

    .naviBar {
        container-type: inline-size;
        container-name: naviBar_container;
    }
    .offCanvasNavi {
        container-type: inline-size;
        container-name: offCanvasNavi_container;
        height:100dvh!important;
    }

    .offCanvasNavi .awb-off-canvas {
        padding:1rem 0px!important;
    }


    .offCanvasCTAbtn > div ,
    .offCanvasCTAbtn > span {
        margin:1rem!important;
        border-radius: 1rem!important;
        overflow: clip!important;
        //padding:0px!important;
    }
    
    .menuCTAbutton {}

    @container offCanvasNavi_container (min-width: 150px) {
            p{}
            .awb-menu ul li.awb-menu__main-li.menuCTAbutton { display:none!important;}
        }
    @container offCanvasNavi_container (min-width: 850px) {
            p{}
            .awb-menu ul li.awb-menu__main-li.menuCTAbutton { display:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important; }
        }

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


    .outerAnimBox {
        margin:0px!important;
        //max-width:none!important;
        //width:auto;
    }

    .outerAnimBox > .fusion-builder-row,
    .outerAnimBox > .fusion-column-wrapper{
        margin:0px!important;
        //padding:2rem!important;
        //gap:1rem;
        //display:flex;
        //border-radius:.35rem;
        //overflow: clip;
    }


    .fusion-builder-row {

    }
    .fusion_box_border_animate,
    .fusion_box_border_animate_wrapper .fusion_box_border_animate .featured-image {
        -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
                transform-origin: center center;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1;
        -webkit-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
        padding:0px;
        //margin:.5rem!important;
        border-radius:.5rem!important;
        overflow: clip;
        //width:auto;
        max-width:100%!important;
        //width: calc(var(--awb-col-width) - 2rem)!important;
        width:cover!important;
        Xgap:2rem;
    }
    .fusion_box_border_animate_wrapper .fusion_box_border_animate .featured-image {
        width:100%!important;
        height:100%!important;
    }
    .fusion_box_border_animate > .fusion-builder-row,
    .fusion_box_border_animate > .fusion-column-wrapper,
    .fusion_box_border_animate_wrapper .fusion_box_border_animate .featured-image,
    .fusion_box_border_animate .fusion-column-inner-bg {
        margin:0px!important;
        overflow:hidden!important;
    }
    
    .fusion_box_border_animate:hover,
    .fusion_box_border_animate_wrapper:hover .fusion_box_border_animate,
    .fusion_box_border_animate:hover .fusion-column-inner-bg {
        padding:.5rem!important;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
 {
        padding:.5rem;
        -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;
        top:0;bottom:0;
        width:100%;
        height:100%;
        -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,
        #f7dd33,
        #f3db55,
        #efbf4e,
        #c99722,
        #ffffff,
        #7da2d2,
        #98b4d9,
        #98b4d9
        );
        background: linear-gradient(
        60deg,
        #f7dd33,
        #f3db55,
        #efbf4e,
        #c99722,
        #ffffff,
        #7da2d2,
        #98b4d9,
        #98b4d9
        );
        z-index: -1;
        -webkit-animation: animatedgradient 3s ease alternate infinite;
                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%; 
    }
    }



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



    .fusion-form-form-wrapper .fusion-form-field .fusion-form-input-with-icon>i {
        -webkit-transform: none!important;
            -ms-transform: none!important;
                transform: none!important;
    }

    .custom_checkbox input[type='checkbox']{
        //opacity:1!important
    }
    .fusion-form-checkbox label:before,
    .custom-consent label:before,
    .custom_checkbox label:before {
        background-color:var(--awb-color7);
        border:0px!important;
        width:1rem!important;
        height:1rem!important;
        border-radius:.1rem!important;
    }
    .fusion-form-checkbox label:after,
    .custom-consent label:after,
    .custom_checkbox label:after {
        width:.6rem!important;
        height:.6rem!important;
        left:.2rem!important;
    }

    .custom-upload-container .fusion-form-input-with-icon{
        background-color:var(--awb-color3);
        border:0px!important;
        //width:1rem!important;
        //height:1rem!important;
        border-radius:.5rem!important;
    }
    .custom-upload-container .fusion-form-input-with-icon * {
        border:0px!important;
    }




    .footer-copyright p{
        font-size: clamp(.8rem,.8vw,.9rem)!important;
    }


/* ------------------------------------------------------  Filter Image Gallery --------------------------------------------- */



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


    .sgwf_filter ul li a {
        position: relative;
        display: block;
        cursor: pointer;
        background: var(--awb-color2);
        padding: .5rem 1rem;
        color: var(--awb-color4);
        font-size: 13px;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        border-radius: .2rem;
    }
    .sgwf_filter ul li a:hover {
        background: var(--awb-color4);
        color: var(--awb-color1);
    }


    .sgwf_spacer {
        display:none!important;
       max-width:1px!important;
       overflow:hidden;
    }
    .c2twsg_mesonry_grid {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
            -ms-flex-pack: center!important;
                justify-content: center!important;
        width:calc(100dvw - 4rem)!important;
    }

    .sgwf_gallery_items {
        display: block !important;
        -webkit-column-count: 4;
           -moz-column-count: 4;
                column-count: 4;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
        row-gap: 1rem;
        margin: 0!important;
        padding:0!important;
    }
    .sgwf_c2tw_item {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 1rem;
        -webkit-column-break-inside: avoid;
           -moz-column-break-inside: avoid;
                break-inside: avoid;
        display: block;
        border-radius: .5rem;
        //box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        overflow:clip;
        padding:0px!important;
        float:none!important;
        border-radius:.3rem!important;

    }
    .sgwf_c2tw_iteminr img{
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
    }


    @container image_gallery_container (min-width: 100px) {
        p{}
        .sgwf_gallery_items {
            -webkit-column-count: 2;
               -moz-column-count: 2;
                    column-count: 2;
            -webkit-column-gap: 1rem;
               -moz-column-gap: 1rem;
                    column-gap: 1rem;
            row-gap: 1rem;
        }
        .c2twsg_mesonry_grid {
            width:calc(100dvw - 2rem)!important;
        }   
    }
    @container image_gallery_container (min-width: 800px) {
        p{}
        .sgwf_gallery_items {
            -webkit-column-count: 3;
               -moz-column-count: 3;
                    column-count: 3;
            -webkit-column-gap: 1rem;
               -moz-column-gap: 1rem;
                    column-gap: 1rem;
            row-gap: 1rem;
        }
            
    }
     @container image_gallery_container (min-width: 1100px) {
        p{}
        .sgwf_gallery_items {
            -webkit-column-count: 4;
               -moz-column-count: 4;
                    column-count: 4;
            -webkit-column-gap: 1rem;
               -moz-column-gap: 1rem;
                    column-gap: 1rem;
            row-gap: 1rem;
        }
        .c2twsg_mesonry_grid {
            width:calc(100dvw - 4rem)!important;
        } 
            
    }
/*
    .sgwf_gallery_items {
        top:none!important;
        position:ralative!important;
        left:none!important;
        display:grid!important;
        grid-template-columns: repeat(auto-fill, minmax(300px,1fr))!important;;
    }
   .sgwf_c2tw_item,
   .c2twsg_mesonry_item  {
        width:100%!important;
        position: relative!important;
   }
   */

   .sgwf_c2tw_item.active {
        opacity:1;
        height:auto!important;
        //transform: scaleY(100%);
        -webkit-box-ordinal-group:inherit;
        -webkit-order:inherit;
            -ms-flex-order:inherit;
                order:inherit;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position:relative;
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        
   }
     .sgwf_c2tw_item.inactive {
        opacity:0;
        height:0px!important;
        //transform: scaleY(0%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-box-ordinal-group:501;
        -webkit-order:500;
            -ms-flex-order:500;
                order:500;
        margin:0px!important;
        padding:0px!important;
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        overflow:hidden;
   }

   .sgwf-pagination { display:none!important; }

   
   .sgwf_c2tw_iteminr,
   .sgwf_c2tw_iteminr h3 {
        //background-color:var(--awb-color4);
        color:var(--awb-color4);
   }
   
   .sgwf_c2tw_iteminr:hover h3 {
    bottom: 0;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    background-color:rgba(65,95,120, 0.6);

}




/* ------------------------------------- background-blur -------------------------- */

.fusion-column-has-bg-image {
  position: relative;
  overflow: hidden;
}

.fusion-column-has-bg-image::before {
  content: '';
  position: absolute;
  inset: -10px;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-filter 400ms ease;
  transition: -webkit-filter 400ms ease;
  transition: filter 400ms ease;
  transition: filter 400ms ease, -webkit-filter 400ms ease;
  z-index: 0;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

/* Kindelemente über dem Pseudo-Element halten */
.fusion-column-has-bg-image > * {
  position: relative;
  z-index: 1;
}

/* Verdunkelungs-Overlay via ::after */
.fusion-column-has-bg-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  z-index: 0;
  pointer-events: none;
}

/* Blur + Verdunklung beim Hover */
.fusion-column-has-bg-image:hover::before {
  -webkit-filter: blur(6px);
          filter: blur(6px);
}

.fusion-column-has-bg-image:hover::after {
  background-color: rgba(0, 0, 0, 0.45);
}



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

.footerMenu .menuCTAbutton{
    display:none!important;

}

.pgcsimplygalleryblock-masonry-header { margin-bottom:1rem!important;}
.pgc-rev-tags-list-view { gap:.15rem!important; }