.main-flexbox-start {
    display: flex;  
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.main-box-blue {
    margin: 0 auto 70px;
    border-radius: 29px;
    background-color: #3C64AD;
    min-width: 470px;
    width: 30%; 
    max-width: 750px;  
    min-height: 376px;
    height: 30%; 
    max-height: 600px;  
    text-align: center;
    align-items: center;
}
.main-box-lightblue {
    margin: 0 auto 70px;
    border-radius: 29px;
    background-color: #61ADCC;
    min-width: 470px;
    width:  30%; 
    max-width: 750px;  
    min-height: 376px;
    height: 30%; 
    max-height: 600px;  
    text-align: center;
}
.main-box-green {
    margin: 0 auto 70px;
    border-radius: 29px;
    background-color: #99C31D;
    min-width: 470px;
    width: 30%; 
    max-width: 750px;  
    min-height: 376px;
    height: 30%; 
    max-height: 600px;  
    text-align: center;
}

.startpage-content-box{
    margin: 10%;
}

.icon-box{
    width: 50%; 
    height: 110px; 
    padding-bottom: 2%;
    margin: auto;
}

.startpage-cards-icon {
    height: 96%;
    margin: auto;
}


.text-box {
    display: flex; 
    justify-content: center;
    align-items: center;

    background-color: #3C64AD;
    border-radius: 64px;
    /* height: 108px; */
    height: 60px;
    width: 256px;

    text-decoration: none;
}


.multi-box {
    display: flex;  
    padding: 35px 73.5px 35px;
}
.konzept-box-left{
    width:48%; 
    margin-right: 2%;
}
.konzept-box-right{
    width:48%; 
    margin-left: 2%;
}
.multi-text-box {
    margin: auto;
}


.carousel-header {
    padding-top: 5%;
}

.referenz {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	 /* padding: 1rem 1rem; 
	gap: 2rem;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto; */
    width: 100%;
}
.references-box {
    /* padding: 20px 1px 35px; */
    /* padding: 20px 10px 20px; */
    padding-top: 20px;
    padding-bottom: 1%;
}

.references-textbox {
    /* padding-left:0.8%; */
    margin: 18px;  
    padding-left: 40px;
    padding-right: 10%;
}
.references-textbox_kunde {
    /* padding-left:0.8%; */
    margin: 18px;  
    padding-left: 40px;
    padding-right: 10%;
}

.references-flexbox {
    display: flex;  
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: auto;
    /* padding-left: 0.6%;
    padding-right:0.6%; */
}
.references-flexbox_logo {
    display: flex;  
    flex-wrap: wrap;
    margin-top: 1%;
    /* margin-bottom: -1%; */
    /* padding-left: 0.6%;
    padding-right:0.6%; */
}
.references-image_1 {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 98%;
    align-self: center;
}

.references-image_2 {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 49%;
    align-self: center;
}
.references-image_2_66 {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 80%;
    align-self: center;
}
.references-image_2_33 {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 10%;
    align-self: center;
}
.references-image_3 {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 30.67%;
    align-self: center;
}
.space_between_3_img{
    width: 1%;
}
.references-image_3_rl {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 26%;
    align-self: center;
    align-self: last baseline;
}
.references-image_3_m {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 40%;
    align-self: last baseline;
}


@media screen and (max-width: 850px) {

    .main-box-blue {
        margin: 0 auto 50px;
        min-width: 300px;
        width: 90%; 
        /* height: 30%;  */
    }
    .main-box-lightblue {
        margin: 0 auto 50px;
        border-radius: 29px;
        min-width:  300px;
        width: 90%; 
        /* height: 30%;  */
    }
    .main-box-green {
        margin: 0 auto 50px;
        min-width:  300px;
        width: 90%; 
        /* min-height: 376px; */
        /* height: 30%;  */
    }
/* 
    .main-flexbox{
        display: initial;
    } */

    
    .multi-box {
        padding: 35px 10px 35px;
    }
    .konzept-box-left{
        width:100%; 
        margin-right: auto;
    }
    .konzept-box-right{
        width:90%; 
        /* margin-left: 2%; */
    }

    
    .references-textbox {
        margin: auto;  
        padding-left: 4%;
        padding-right: 3%;
    }
}