/* Formatierungen für das Afnrageformular über alle Prozeßschritte */

.kachel_wrap { 
    display:flex; 
    flex:1; 
    justify-content:center; 
    align-items:stretch
}

.kachel { 
    position:relative; 
    width: 25%; 
    border: 1px solid #e8e8e8;; 
    background-color:#f2f2f2;;  
    margin-right:20px; 
    padding: 10px; 
    padding-bottom: 100px; 
    cursor: pointer
}

.kachel h3 { 
    text-align: center;
}

.kachel_preis { 
    text-align: center;
    font-size: 1.8em; 
    font-weight: bold; 
    color:var(--ci); 
}

.button_kachel { 
    position: absolute; 
    bottom: -10px; 
    left: 12%; 
    text-align:center; 
    margin: 50px;
}

.button_kachel button { 
    background-color:var(--ci); 
    color:var(--aufci); 
    padding:12px; 
    font-size:1.2em; 
    border:0; 
    cursor:pointer;
}

.button_anfrage { 
    margin: 5px 0; 
    width: auto; 
}

.anfrage_leistungen { 
    display:flex;
}

.anfrage_leistungen_weg { 
    display:none;
}

.anfrage_leistungen_spalte1 { 
    width:250px;
}

.kachel_zusammenfass { 
    width: 35%; 
    border: 1px solid var(--ci); 
    background-color:#e5e5e5; 
    margin-right:20px; 
    padding: 10px;
}
.kachel_zusammenfass h3 { 
    text-align: center; 
}

@media only screen and (max-width: 1180px) {
    .kachel {     
        width: 30%; 
    }
    .button_kachel { 
        left: 0%; 
    }
    .kachel_zusammenfass { 
        width: 50%; 
    }
}

@media screen and (max-width: 770px) {
    .kachel_wrap { 
        display:block; 
    }
    .kachel {     
        width: 70%; 
        margin: 2em auto; 
    }
    .anfrage_leistungen { 
        display:block;
    }
    .anfrage_leistungen_spalte1 { 
        width:auto;
    }
    .kachel_zusammenfass { 
        width: 70%; 
        margin: 0 auto; 
    }
    
}

@media screen and (max-width: 480px) {
    .kachel {     
        width: 90%; 
    }
    .kachel_zusammenfass { 
        width: 90%; 
    }
}