/* Footer */


/* Footer Logog links col-left */
.frame-type-ce_columns4 .ce-col.col-lg-4.footer-section-content-column-left,
.frame-type-ce_columns4 .ce-col.col-md-4.footer-section-content-column-left
{
    /* border: .1px solid red; */
    display: flex;
    float: left;
    align-items: flex-end;
    flex-direction: row;
}


.frame-type-ce_columns4 .ce-col.col-lg-4.footer-section-content-column-left .image {
     max-width: 50%;
}
.frame-type-ce_columns4 .ce-col.col-md-4.footer-section-content-column-left .image {
     max-width: calc(100% - 20px);
}

/* Mobil untereinander mit weniger abstand */

@media(max-width:768px) {
    
.frame-type-ce_columns4 .ce-col.col-lg-4.footer-section-content-column-left .frame {
    /*border: 1px solid red;*/
}
.frame-type-ce_columns4 .ce-col.col-lg-2.footer-section-content-column-middle .frame {
    /*border: 1px solid yellow;*/
    padding-top: 0rem;padding-bottom: 0rem;
}
.frame-type-ce_columns4 .ce-col.col-lg-2.footer-section-content-column-middle2 .frame {
    /*border: 1px solid orange;*/
    padding-top: 0rem;padding-bottom: 1rem;
}
.frame-type-ce_columns4 .ce-col.col-lg-4.footer-section-content-column-right .frame {
    /*border: 1px solid orangered;*/
    padding-top: 0rem;padding-bottom: 1rem;
}

    
}

@media(max-width:768px) {
        
.frame-type-ce_columns4 .ce-col.col-md-4.footer-section-content-column-left .frame {
    /*border: 1px solid red;*/
}
.frame-type-ce_columns4 .ce-col.col-md-2.footer-section-content-column-middle .frame {
    /*border: 1px solid yellow;*/
    padding-top: 0rem;padding-bottom: 0rem;
}
.frame-type-ce_columns4 .ce-col.col-md-2.footer-section-content-column-middle2 .frame {
    /*border: 1px solid orange;*/
    padding-top: 0rem;padding-bottom: 1rem;
}
.frame-type-ce_columns4 .ce-col.col-md-4.footer-section-content-column-right .frame {
    /*border: 1px solid orangered;*/
    padding-top: 0rem;padding-bottom: 1rem;
}
    
}




/* Footer section */
.footer-section-content {
    background: var(--var-primary);
    --frame-color: var(--var-primary);
    --frame-background: var(--var-primary);
    --frame-link-color: white;
    --frame-link-hover-color: white;
}
.footer-section-content p {
    color: white;
    background: var(--var-primary);
}


.footer-section-meta .frame {
    padding-top: 1rem;
    padding-bottom: 1rem;
   
}

/* Alle Footer cols */
 .footer-section-content .frame-type-text {
     
    padding-left: 20px;
}


/* rechte Footer col */
.footer-section-content .footer-section-content-column-right .frame-type-text {
    border: 0px solid red;
    padding-left: 20px;
    
}

/* rechte Footer col border left white  */
.footer-section-content .footer-section-content-column-right 
.frame-type-text .frame-group-container {
    border: 0px solid red;
    padding-left: 0px;
    border-left: 1px solid white;
}


.frame-space-before-large {
     margin-top: 4rem;
    
    padding-top: 4rem;
}.frame-space-after-large {
     margin-bottom:4rem;
   /* padding-top: 0rem; */
   padding-bottom: 4rem;
}
/* Abstand zwischen Page und Footer */
.frame-space-before-extra-small {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-extra-small);
    --frame-outer-spacing-before: 0px;
    margin-top: 0rem;
    
    padding-top: 0rem;
    
}

.frame-space-after-extra-small {
   --frame-outer-spacing-before: var(--frame-outer-spacing-variant-extra-small);
   --frame-outer-spacing-before: 0px;
   /* margin-top: 0rem; */
   margin-bottom:0rem;
   /* padding-top: 0rem; */
   padding-bottom: 0rem;
}


/* Schwarzer Strich über dem Footer - hier nach section-section default  */

.section.section-default::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: black;
  margin-top: 0px;
  margin-bottom: 6px;

}

/* Footer copyright */

.bp-page-footer .frame {
    background-color: var(--var-secondary) !important;
    color: var(--var-primary);
    font-weight: 500;
}
.bp-page-footer .frame {
    background-color: var(--var-secondary) !important;
    color: var(--var-primary);
    font-weight: 500;
}

.copyfootertext {
    /* border: 0px solid red; */
    display: flex;
    /* background: white; */
    color: var(--var-primary);
}
.copyfootertext a  {
    text-decoration: none;
    color: var(--var-primary);
    font-size: smaller;
}