/* Mobiles Logo navbar */

.navbar-mainnavigation .navbar-brand-image img {
    max-width: calc(100vw - 120px);
}



/*padding für frames*/ 


/* Startseite mit Icons */
.has-icon .textmedia-item,.textpic-item.textpic-gallery figure img {
    /* border: .1px solid black; */
    width: 200px;
    height: 120px;
}

@media(min-width:768px) {
    .has-icon .textmedia-item,.textpic-item.textpic-gallery  {
        order: 1;
        /* width: 100%; */
        /* height: 100px; */
        /* border: 0px solid red; */
        /* display: flex; */
        /* justify-content: center; */
} 
.has-icon .textmedia-item,.textpic-item.textpic-gallery .image {
  
}
.has-icon .textmedia-item,.textpic-item.textpic-gallery figure img {
    /* border: .1px solid black; */
    width: 200px;
    height: 120px;
}


}


@media(max-width:992px) {
    /*.frame-type-text { padding-top: 20px; padding-bottom: 20px;}*/
    .frame-type-text {/* padding-left: 10px; *//* padding-right: 10px; */}
    
    .no-frame-padding {
        padding-left: 0px; padding-right: 0px;
    }
    
}

@media(min-width:992px) {
    /*.frame-type-text { padding-top: 20px; padding-bottom: 20px;}*/
    .frame-type-text {/* padding-left: 10px; *//* padding-right: 10px; */}
    
    .no-frame-padding {
        padding-left: 0px; padding-right: 0px;
    }
    
}

@media(min-width:1400px) {
    .frame-type-text {/* padding-top: 20px; *//* padding-bottom: 20px; */}
    .frame-type-text {/* padding-left: 20px; *//* padding-right: 20px; */}
    
    /*CHECK THIS*/
    .row>* {

    }
    .no-frame-padding {
        padding-left: 0px; padding-right: 0px;
    }
    
}

/* Startseite */

/*.has-icon .frame { padding-left: 20px; padding-right: 20px;}*/

/** Spalten bis Mobil */

@media(max-width:768px) {
    .ce-col { margin-bottom: 20px; }
    
    .frame-container {
    
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    
}

    
}

/* Ab Desktop */
@media(min-width:768px) {

/* ce-col gleoch hoch */
/* 3 Spalten mit breakpoint */
.frame-type-ce_columns3 .ce-col.col-md-4 {
    border: 0px solid red;
    display: flex;
}

.frame-type-ce_columns3 .ce-col.col-md-4 .frame {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* 3 Spalten ohne breakpoint */
.frame-type-ce_columns3 .ce-col {
    border: 0px solid red;
    display: flex;
}

.frame-type-ce_columns3 .ce-col .frame {
    /* border: 10px solid var(--var-primary); */
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}



/* 4 Spalten */
.frame-type-ce_columns4 .ce-col {
    /* border: 0px solid red; */
    display: flex;
    /* flex-direction: column; */
    /* justify-content: flex-end; */
}

.section .frame-type-ce_columns4 .ce-col .frame {
    border: 0px solid orange;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    /* margin: 0px; */
}

}


@media(min-width:992px) {
    .section .frame-type-ce_columns3 .ce-col .frame {
     /* min-height: calc(25vh); */
     /* max-height: 20rem; */
     /*justify-items: center;*/
     /* align-content:center; */
     /* padding: 2rem; */
}
    
.section .frame-type-ce_columns4 .ce-col .frame {
    /* min-height: calc(33vh / 1 ); */
    /* max-height: calc(33vw); */
    /* justify-items: center; */
    /* align-content:center; */
}
    
}


@media(min-width:992px) and (max-width:1400px) {
    
    /** Vorteile **/

.frame-type-ce_columns2 .ce-col.no-frame-padding .frame {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
	border: 0px solid red;
}

.frame-container {
    /* position: relative; */
    /* --bs-gutter-x: 10px; */
    /* --bs-gutter-y: 0; */
    /* width: 100%; */
    /* padding-right: calc(var(--bs-gutter-x) * .5); */
    /* padding-left: calc(var(--bs-gutter-x) * .5); */
    /* margin-right: auto; */
    /* margin-left: auto; */
}
    
}


/* Footer */

.footer-section .ce-col::after {
    content: " ";
    margin-top: 0px;
    display: block;
    background: red;
    height: 0px;
    
}



/* Hier global einstellen !! */

.frame-type-ce_columns2 .ce-col .frame {
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    /* padding-top: 20px; */
    /* padding-bottom: 40px; */
}



/* 4 Spalten */
@media(min-width:768px) and (max-width:1200px) {
.frame-type-ce_columns4 .ce-col {
   border: 0px solid red;
   flex: 0 0 50%;
   margin-bottom: 1rem;
}
}

/* 2 Spalten Seite */

@media(min-width:768px) {
    

/* 2 Spalten */
.frame-type-ce_columns2 .ce-col {
    border: 0px solid blue;
    display: flex;
    flex-direction: column;
}

.frame-type-ce_columns2 .ce-col.col-white-tranparent .frame{
    border: 0px solid red;
    display: flex;
    flex-direction: column;
}   
.frame-type-ce_columns2 .ce-col.col-white-tranparent .frame{
    border: 0px solid red;
    height: 100%;
    padding-left: 20px;
}   

 

}