.noDisplay { display:none!important; }
.noMargin>div {
    margin:0px!important;
} 
body {
    font-size:clamp(1rem, 3vw, 1.2rem)!important;
    --awb-size: clamp(1rem, 3vw, 1.2rem)!important;
    scroll-behavior: smooth;
	zoom: 100%;
    

  text-wrap: pretty;
}

/* ------------------------------------------------------ HEADER -------------------------------------------------------------- */

.cu_custom_navi {
    container-type: inline-size;
	/* Definiert den Container-Typ (inline-size = Breite) */
	container-name: cu_custom_navi_container;
	/* Optional: Name für den Container */
	//padding:2rem!important;
}


.fusion-tb-header {
    Xposition: absolute;
    margin: 0px auto;
    Xjustify-self: center;
}

.cu_custom_navi {
    width:100%;
}
.cu_custom_navi>.fusion-column-wrapper {
    padding:1rem 0px !important;
    margin:0px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:auto;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

.cu_custom_navi>.fusion-column-wrapper>.fusion-builder-row {
    width:100!important;
    max-width:none!important;
    margin:0px!important;
    padding: 0px 1rem;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

.cu_navi_logo,
.cu_navi_cta {
    -webkit-flex-basis:fit-content;
        -ms-flex-preferred-size:fit-content;
            flex-basis:fit-content;
}


.absoluteBox>.fusion-column-wrapper{
    position: relative;;
}

.customBox {
    border-radius:.5rem;
    padding:1rem;
    aspect-ratio:1 / 1;
    max-width:20vw;
    position: absolute!important;
    right:2rem!important;
    bottom:2rem!important;
} 
.absoluteBox .stoerer_text,
.absoluteBox .stoerer_text > *{
    font-size: clamp(1.2rem, 3vw, 2.5rem)!important;
    margin:0px!important;
    padding:0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
}
.fusion-column-wrapper:has(.absoluteImage){
    position: relative;
}



@container cu_custom_navi_container  (min-width: 100px) {
    p{}
    i.fas {
        margin:0px;
        aspect-ratio: 1 / 1;
    }
    a:has(i.fas) {
        padding:.5rem!important;
    }
}
@container cu_custom_navi_container  (min-width: 1024px) {
    p{}
    i.fas {
        margin-right:.7em!important;
    }
    a:has(i.fas) {
        padding:.5rem!important;
    }
}



.fusion-image-element:has(.absoluteImage){
    position:absolute;
}
.absoluteImage img{
    max-width:180px;
}
.topLeft {
    top:2rem!important;
    right:2rem!important;
}

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





/* ------------------------------------------------------ Project PostCard -------------------------------------------------------------- */


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

.projectContainer>.fusion-builder-row {
    max-width: var(--site_width)!important;
    margin: 0px!important;
    display: grid!important;
    position: relative;
    gap:2rem;
    grid-template-columns: 2fr 1fr;
}
.projectContainer .fusion-builder-row .fusion-layout-column{
    
    margin: 0px!important;
    width:100%;
}

.projectContainer > .fusion-image-element {
    margin:0px!important;
}

.fusion-builder-row.fusion-builder-row-inner:has(.projectContainerNest){
    margin:0px!important;
    width:100%!important;
    max-width:none!important;

}

.projectFeatureContainer {
    container-type: inline-size;
	/* Definiert den Container-Typ (inline-size = Breite) */
	container-name: project_feature_container;
	/* Optional: Name für den Container */
}
.projectFeatureContainer .fusion-builder-row  .projectElement {
    width:100%;
    Xpadding-top:2rem!important;
}
.projectFeatureContainer .fusion-builder-row  .projectElement>div {
    padding-top:2rem!important;
}

.projectFeatureContainer .fusion-builder-row {
    display:grid!important;
    gap:1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))!important;
    
    max-width: var(--site_width)!important;
    margin: 0px!important;
}



.absuluteImage{
    position: absolute!important;
    margin:0;
    height:auto;
    z-index:99;
}
.absuluteTitel {
    position: absolute!important;
    margin:0;
    height:auto;
    z-index:99;
    color:#fff!important;
    //font-size: clamp( 1.4rem, 5vw +1rem, 5rem)!important;
    line-height:1.1em!important;
    height:auto;
    font-weight:800;
    padding-bottom:2rem;
}
.bottomLeft {
    bottom:1rem;
    left:1rem;
}
.topRight {
    top:2rem;
    right:2rem;
}



@container project_container  (min-width: 100px) {
    p{}
    
    .fusion-builder-row {
        grid-template-columns: 1fr !important;
    }
}

@container project_container  (min-width: 1200px) {
    p{}
    
    .fusion-builder-row {
        grid-template-columns: 2fr 1fr !important;
    }
}



/* ------------------------------------------------------ OpenStreetMap -------------------------------------------------------------- */

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


/* ------------------------------------------------------ Formular -------------------------------------------------------------- */


.customForm  label {
    font-size: clamp(.75rem,2vw,.9rem)!important;
    text-transform:uppercase;
}

.customForm input,
.customForm select,
.customForm textarea {
    border-radius:.5rem!important;
    padding:.8rem 1.7rem!important;
    margin:0px!important;
    font-size: clamp(.85rem,2vw,1rem)!important;
    background-color:#efefef!important;
    border: 1px solid #ddd!important;
}
.customForm input,
.customForm select {
    height:auto!important;
    
}

.fusion-form-field {
    margin:.5rem 0!important;
}

input[type="checkbox"] {
  width: 3em!important;
  height: 3rem!important;
  accent-color: green!important;
}

.fusion-form-form-wrapper input[type=checkbox] {
    width: 3em!important;
  height: 3rem!important;
  accent-color: green!important;
}





.erl51 {
    --awb-color3: #f9d906;
    --awb-color4: #f9d906;
    --awb-color5: #000;

    --h1_typography-color:#000;
    --h2_typography-color:#000;
    --h3_typography-color:#000;
    --button_gradient_top_color:#f9d906;

    X--awb-text-color: #f9d906!important;
    --link_color: #f9d906;
}







/* ------------------------------------------------------ On Page Navi Project Container -------------------------------------------------------------- */


.onPageNavi_container {
    container-type: inline-size;
	/* Definiert den Container-Typ (inline-size = Breite) */
	container-name: onPageNavi_containerBox ;
	/* Optional: Name für den Container */
    Xwidth:100%!important;
    Xmax-width:none!important;
    Xmargin: 0px!important;
}

.onPageNavi_container .fusion-builder-row {
    display:grid!important;
    gap:.5rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr))!important;
    Xwidth: 100%!important;
    mXax-width: 100%!important;
    Xmargin: 0px!important;
}

.pageNavNavButton,
.pageNav {
    background-color: var(--awb-color6);
}
.roundMe {
    border-radius: .5rem!important;
}
.pageNavNavButton:hover,
.pageNav:hover {
    background-color: #f9d906!important;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.pageNavNavButton .fusion-text,
.pageNav .fusion-text {
    color:white;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform:uppercase;
}
.pageNavNavButton:hover .fusion-text,
.pageNav:hover .fusion-text {
    color:black;
    -webkit-transition: all .5s ease-in-out .2s;
    transition: all .5s ease-in-out .2s;
}

.pageNav {
    Xdisplay:none!important;
}

@container onPageNavi_containerBox (min-width:100px) {
    p{}
    .pageNav {
        display:none!important;
    }
}
@container onPageNavi_containerBox (min-width:550px) {
    p{}
    .pageNav {
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important;
    }
}

.off-canvas-content .pageNav {
    display:-webkit-box!important;
    display:-webkit-flex!important;
    display:-ms-flexbox!important;
    display:flex!important;
}





.listBoxes ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    margin:0px;
    padding:0px;
    gap:.5rem!important;
}
.listBoxes.full ul {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
}

.listBoxes ul li {
    width:100%!important;
    height:auto;
    padding:1.5rem!important;
    list-style:none!important;
    background-color: var(--awb-color1);
    border:1px solid var(--awb-color7);
    border-radius:.5rem;
    display: inline-block;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    text-align: center;
}
.listBoxes.full ul li {   
    padding:1.5rem!important;
}
.listBoxes ul li strong{   
    _color: var(--awb-color4);
    padding-left:5px;
}


td {
    font-size:clamp(.7em, 1vw, 1rem)!important;
}


table tr td {
    padding:.5rem .5rem!important;
}