@import url("default_roboto.css");


:root {
    --var-primary: #f25b19;
    --var-secondary: #c4c3c0;
    --var-tertiary: #7f7f7f;
    --var-small-border-color: var(--var-primary);
}

.row {
    /*--bs-gutter-x: 20px;*/
}


h1 { font-weight: 900; }
h2 { font-weight: 900; }
h3 { font-weight: 600; }
h4 { font-weight: 300; }


@media(min-width:768px) { h1 { font-weight: 900; font-size: 3rem; } }
@media(min-width:992px) { h1 { font-weight: 900; font-size: 3rem;} }
@media(min-width:1040px) { h1 { font-weight: 900; font-size: 3rem;} }
@media(min-width:1200px) { h1 { font-weight: 900; font-size: 3rem;} }
@media(min-width:1300px) { h1 { font-weight: 900; font-size: 3rem;}  }
@media(min-width:1400px) { h1 { font-weight: 900; font-size: 3rem;} }


NEHMEN SIE KONTAKT AUF.



.btn  {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left:2.5rem;
    padding-right: 2.5rem;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 600;

}


.frame-type-ce_columns4 .ce-col.col-lg-4.footer-section-content-column-left {
    border: 0px solid red;
    display: block;
    float: left;
}

.frame-type-ce_columns4 .ce-col.col-lg-4.footer-section-content-column-left img {
    border: 1px solid red;
    width: 100px;
    height: auto;
}




@media(max-width:768px) {
    .frame-type-ce_columns4 .has-icon.ce-col .frame {
        border: 0px solid red;
        display: flex;
        padding-left:1rem;
        padding-right:1rem;
    }
}

p { line-height: 1.25rem; margin-bottom: 1rem;}
/* header3 */
.header3-text {border: 0px solid #666666;}

.header3-text p { line-height: 1.25rem; margin-bottom: 1rem;}

@media(min-width:768px) and (max-width:992px) {
    .header3-text { 
        margin-left: 0px; width: calc(50vw); 
        background: rgba(255,255,255,.8);
        font-size: .875rem;
    }
}
@media(min-width:992px) {
    .header3-text {margin-left: 50px;}
    .header3-text { font-size: .875rem; }
}
@media(min-width:1200px) {
    .header3-text { margin-left: 120px; }
}
@media(min-width:1400px) {
    .header3-text { margin-left: 120px; }
}

/* Banner Mein Ziel */
.frame-type-text.frame-background-dark h1 {
    color: var(--var-secondary);
    
}
.frame-type-text.frame-background-dark .text-primary  {
    color: #fff !important;
}


/* LEISTUNGEN */
@media(max-width:568px)  {
 .frame-type-ce_columns4 .ce-col.leistungen {
     border-top: 20px solid white;
     padding-top: 2rem;
     padding-bottom: 2rem;
     margin-left:20px;
     border-right: 40px solid white;
     width: 100%;
 }
    .frame-type-ce_columns4 .ce-col.leistungen p {
     font-size: 1.5rem; line-height: 1.75rem;
 }
    #c577 { margin-top: -2.5rem;}
}

@media(min-width:568px) and (max-width:768px) {
 .frame-type-ce_columns4 .ce-col.leistungen {
     border-top: 20px solid white;
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
      .frame-type-ce_columns4 .ce-col.leistungen p {
     font-size: 2rem; line-height: 2.5rem;
 }
    #c577 { margin-top: -4.5rem;}
}
@media(min-width:768px) and (max-width:992px) {
    .frame-type-ce_columns4 .ce-col.leistungen  {
    min-height: 10rem;
}
    #c577 { margin-top: -3.5rem;}
}
@media(min-width:992px) and (max-width:1040px) {
    .frame-type-ce_columns4 .ce-col.leistungen  {
    min-height: 16rem;
}
    #c577 { margin-top: -3.5rem;}
}
@media(min-width:1040px) and (max-width:1200px) {
    .frame-type-ce_columns4 .ce-col.leistungen  {
    min-height: 16rem;
}
 
}
@media(min-width:1200px) and (max-width:1400px) {
    .frame-type-ce_columns4 .ce-col.leistungen  {
    min-height: 16rem;
}
    #c577 { margin-top: -4rem;}
}
@media(min-width:1400px)  {
    .frame-type-ce_columns4 .ce-col.leistungen  {
    min-height: 16rem;
}
    #c577 { margin-top: -4rem;}
}

@media (min-width:768px) {
    .frame-type-ce_columns4 .ce-col {
    border: 0px solid red;
    display: flex;
    /*margin-right: 20px;*/
    flex-direction: row;
}
.frame-type-ce_columns4 .ce-col.leistungen  {
    padding-top: 1rem;
    border: 0px solid red;
    display: flex;
    border-right: 20px solid white;
    flex-direction: row;
    
}


}
@media (max-width:768px) {
    min-height: 6rem;
    border-right: 0px solid white;
    border-top: 20px solid white;
}




/* KONTAKT */


.gallery-row {
    justify-content: center;
}

/* Kontakt Icons */
.row-has-icons .gallery-row .image img {
    height: 100px;
    width: auto;
    border: 0px solid green;
}
/* Text unter den Kontakt 3 Icons etwas höher*/
.row-has-icons .textpic-item.textpic-text {
    border: 0px solid red;
    margin-top: -1rem;
}


@media(min-width:992px) and (max-width:1200px) {
    
     .header-1-col-1.col-md-3 {
        flex: 0 0 auto;
        width: 30%;
        
    }
    
}

@media(min-width:1040px) {
    
    #c567 { min-height: calc(66vh); }
    #c568 {min-height: calc(66vh);display: flex;align-content: center;justify-content: center;align-items: center;}
}