/* -------------------------    BASICS --------------------------- */

.noDisplay {
    display:none!important;
}
.squareMe {
    aspect-ratio:1/1!important;
}
.squareMe .fusion-column-wrapper { margin:0px!important}

svg path{
  fill: red;
}

p {
    margin:0px;
    margin-bottom:.35rem;
}
.area_icon_absolute {
    position: absolute!important;
    top:10px;
    right:0;
}
.fusion-column-wrapper:has(.area_icon_absolute) {
    _position: relative;
}

.fusion-image-element .fusion-imageframe,
.roundBorders .fusion-column-inner-bg,
.roundBorders .fusion-column-wrapper,
.fusion-column-has-bg-image {
    border-radius:.35rem!important;
    _margin:0px!important;
    overflow:clip!important;
}



/* -------------------------    Custom Gallery --------------------------- */

.custom_gallery {
    container-type: inline-size;
	container-name: custom_gallery_container;
    position: relative;
}

.custom_gallery  .fusion-column-wrapper{
    display: grid!important;
    grid-template-columns: repeat(auto-fill, minmax(130px,1fr));
    gap:1rem

}
.custom_gallery.zertifikate  .fusion-column-wrapper{
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
}
.custom_gallery_elm {
    margin:0px;
    padding:0px
}
.custom_gallery.zertifikate  .fusion-column-wrapper .fusion-image-element  {
    background-color:var(--awb-color1);
    padding:1rem;
    border-radius: .35rem;
    
}
.custom_gallery.zertifikate  .fusion-column-wrapper .fusion-image-element img {
    max-height:80px;
    
}

.gallery_text_element {
    aspect-ratio: 1/1!important;
    cursor: pointer;
    overflow: hidden!important;
    position: relative;
}
.gallery_text_element:hover {
    background-color: var(--awb-color6)!important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
 a .gallery_text_element:hover:before {
    content:'';
    background: url('http://web.feuer.work/rottolin/wp-content/uploads/2025/07/rottolin_logo_verlauf-1.webp');
    background-repeat: no-repeat;
    background-size: cover!important;
    background-position:  center bottom;
    background-position-y: 30px!important;
    position: absolute!important;
    top:0px; left:0px;
    width:100%; height:100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: .25;
}
.gallery_text_element h5{
    font-size: clamp(1rem, 4vw, 1.4rem)!important;
    text-decoration: none!important;
    
}




@container custom_gallery_container (width > 200px){
    .custom_gallery .fusion-column-wrapper{
        grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
    }
}
@container custom_gallery_container (width > 400px){
    .custom_gallery .fusion-column-wrapper{
        grid-template-columns: repeat(auto-fit, minmax(140px,1fr));
    }
}

@container custom_gallery_container (width > 600px){
    .custom_gallery .fusion-column-wrapper{
        grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    }
}
@container custom_gallery_container (width > 720px){
    .custom_gallery  .fusion-column-wrapper{
        grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
    }
}


/* -------------------------    Basic Grid Boxen --------------------------- */

.basic_grid_box {
    container-type: inline-size;
	container-name: basic_grid_box_container;
    position: relative;
}
.basic_grid_box > .fusion-column-wrapper,
.basic_grid_box > .fusion-builder-row{
    display: grid!important;
    grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
    gap:1rem;
}

.basic_grid_box .basic_grid_box_elm {
    padding: 60px 1rem 1rem 1rem ;
    border:1px solid grey;
    border-radius: .35rem;
}

.basic_grid_box_elm .fusion-text {
    text-align: center;
    font-size: clamp(.9rem,3vw,1.2rem);
    font-weight:500;
    color: var(--awb-color5);
    margin:0px;
}
.basic_grid_box_elm .fusion-text p{
    margin:0px;
}

/* -------------------------    hero --------------------------- */

.basic_grid_box.hero_home .basic_grid_box_elm{
    border:0px!important;
    background-color: var(--awb-color5)!important;
    padding:1rem!important;
}

.stoerer {
    position:absolute!important;
    bottom:-50px;
    right:30px!important;
    width:20vw!important;
    background-color:var(--awb-color5)!important;
    aspect-ratio: 1/1!important;
}

.hero_box .fusion-column-wrapper{
    background-position-y: 50px!important;
    -webkit-box-shadow: 10px 10px 10px #000;
            box-shadow: 10px 10px 10px #000;
}

/* -------------------------    chronik --------------------------- */

.basic_grid_box.chronic_container {
	container-name: chronic_container;
}

.chronic_container > .fusion-column-wrapper,
.chronic_container > .fusion-builder-row{
    grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
    gap:1rem;
}


.chronic_elm {
        -webkit-align-self: stretch!important;
            -ms-flex-item-align: stretch!important;
                align-self: stretch!important;
}
.chronic_elm:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    cursor: pointer;
}

.chronic_elm .fusion-column-wrapper {
    margin:0!important;
    background-color: var(--awb-color3)!important;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
}
.chronic_elm.highlight .fusion-column-wrapper {
    margin:0;
    background-color: var(--awb-color5)!important;
}
.chronic_elm.death .fusion-column-wrapper {
    margin:0;
    background-color: var(--awb-color4)!important;
}
.year div{
    font-size:clamp(2rem,5vw,4rem)!important;
    font-weight:900;
    margin:0px;
    padding:0px;
    line-height:1!important;
    color:var(--awb-color7)!important;
    margin:10px!important;
}
.highlight .year div,
.death .year div {
    color:var(--awb-color1)!important;
}

.chronix_text div p {
    line-height:1.5em;
    margin:0px;
    margin-top:1rem;
    color:var(--awb-color7)!important;
}
.death .chronix_text div p,
.highlight .chronix_text div p {
    color:var(--awb-color1)!important;
}

.chronic_elm.image .fusion-column-wrapper{
    padding:0px!important;
    aspect-ratio:4/3;
    overflow: clip;
    
}
@container chronic_container (width > 200px) {
    .chronic_container  .fusion-builder-row{
        grid-template-columns: repeat(auto-fit, minmax(280px,1fr));
    }
}
@container chronic_container (width > 700px) {
    .chronic_container  .fusion-builder-row{
        grid-template-columns: repeat(auto-fill, minmax(380px,1fr));
    }
}
/* -------------------------    karriere mod --------------------------- */


.basic_grid_box.karriere_benefits .fusion-builder-row{
    
    width:100%!important;
    max-width:1400px!important;
        max-width: var(--site_width)!important;
}

.basic_grid_box.karriere_benefits .basic_grid_box_elm {
    background-color: var(--awb-color1);
} 




.product_box {
    aspect-ratio: 4/3;
}
/*
.product_box .fusion-column-has-bg-image {
    opacity:.25;
}
*/
.product_box .fusion-column-wrapper {
    overflow: hidden!important;
    position: relative;
    background-color: none;
    _opacity:.35;
    z-index: auto!important;
}
.product_box .fusion-column-wrapper:before {
    content:'';
    background-color: var(--awb-color5);
    width:100%;
    height:100%;
    opacity:1;
    position: absolute;
    top:0px;
    left:0px;
    z-index:-10;
}

.product_box:hover .fusion-column-wrapper:after {
    content:'';
    background: url('http://web.feuer.work/rottolin/wp-content/uploads/2025/07/rottolin_logo_verlauf-1.webp');
    width:100%;
    height:100%;
    opacity:.25;
    position: absolute;
    top:0px;
    left:0px;
    z-index:auto;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.postcard_product_titel .fusion-title-heading {
    font-size:clamp(1.4rem,4vw,2rem)!important;

}

/* -------------------------    counterbox --------------------------- */

.myCounter .counter-box-container {
    border:0px!important;
}
.myCounter .counter-box-container .display-counter {
    font-weight:900!important;
    font-size: clamp(3rem, 8vw,5rem)!important;
}


.fusion-form-form-wrapper .fusion-form-field .fusion-form-input {
    background-color:var(--awb-color2);
}

/* -------------------------    footer --------------------------- */

.footer_container_box {

}

.footer_logo {
    margin-left:-30px;
    margin-bottom:2vh;
}
.footer_section_titel {
    font-weight:600;
    font-size:.95rem;
    letter-spacing: 2px;
    margin-bottom:1.5rem;
    border-bottom: 1px solid var(--awb-color3);
    padding-left:0px;
}

.adress_element .fusion-column-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
}
.adress_element .fusion-column-wrapper i{
    margin-top:.2rem; 
}
td {
    _height:1.8rem;
    padding-bottom:5px;
}

/* -------------------------    person mod  --------------------------- */

.person-desc {
    padding:1rem!important;
}
.person-name {
    font-size: clamp(1.2rem, 3vw,1.4rem)!important;
}
.fusion-social-networks {
    margin:0px!important;
}
.person-content {
    display:none;
}
.person-title {
    font-size: clamp(1rem, 3vw,1.1rem)!important;
    font-weight:300;
}

.personen_box {
    margin-bottom:3vh!important;
}