.gyvk_karton_outer_container{
    padding:30px;
}

.gyvkkarton_container{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:2%;
    flex-wrap: wrap;
}


.gyvkkarton_container .egy_karton_elem{
    width:31%;
    height:250px;
    border:1px solid #DDD;
    padding:20px;
    border-radius: 15px;
    margin-bottom:30px;
    position:relative;
}

.gyvkkarton_container .egy_karton_elem:hover{
    /*background-color: rgba(10, 158, 187, 0.07);*/
    background-color: #f1e69e;
}

.gyvkkarton_container .egy_karton_elem .karton_ikon{
    color: rgba(86, 186, 205, 0.53);
    font-size:80px;
    position: absolute;
    top:-5px;
    left:15px;
}

.gyvkkarton_container .egy_karton_elem:hover .karton_ikon{
    color: #dab562;
}

.gyvkkarton_container .egy_karton_elem .header{
    height:95px;
    padding-left:70px;
    border-bottom:1px solid #DDD;
    overflow:hidden;
}

.gyvkkarton_container .egy_karton_elem .header h1{
    font-size:18px;
    font-weight:bold;
    color:#555;
    margin:0px;
}

.gyvkkarton_container .egy_karton_elem .header p{
    font-size:14px;
    font-weight:normal;
    color:#333;
    margin-top:10px;
    height:40px;
    overflow:hidden;
}

.gyvkkarton_container .egy_karton_elem .button_container{
    opacity:0;
    width:0;
    overflow:hidden;
    position:absolute;
    bottom:20px;
    right:0;
    text-align:center;
    padding:10px 20px;
    background-color:#dab562;
    transition: all 0.4s ease;
}

.gyvkkarton_container .egy_karton_elem .button_container button{
    overflow: hidden;
    white-space: nowrap;
}

.gyvkkarton_container .egy_karton_elem:hover .button_container{
    width:100%;
    opacity: 1;
}

.gyvkkarton_container .egy_karton_elem:hover .header{
    border-bottom:1px solid rgba(218, 181, 98, 0.59);
}

.karton_checkbox{
    display:inline-block;
    border-radius: 25%;
    width:26px;
    height:22px;
    border:6px solid #FFF;
    background-color:#fff;
    box-shadow: 0px 0px 1px 1px #DDD;
    cursor:pointer;
}

.karton_checkbox.karton_checkbox_checked{
    border:6px solid #FFF;
    /*background-color:#0a9ebb;
    background-color: rgba(189, 136, 82, 0.84);*/
    background-color: #777;

}

.statisztikai_adatok{
}

.statisztikai_adatok p{
    text-align:center;
    margin-bottom:5px;
    margin-top:10px;
}


@media screen and (max-width: 1200px){
    .gyvk_karton_outer_container{
        padding:15px;
    }
    .gyvkkarton_container{
        gap:2%;
    }
    .gyvkkarton_container .egy_karton_elem{
        width:48%;
        padding:20px;
    }
}

@media screen and (max-width: 768px){
    .gyvkkarton_container{
        gap:0%;
    }
    .gyvk_karton_outer_container{
        padding:5px;
    }
    .gyvkkarton_container .egy_karton_elem{
        width:100%;
        padding:20px;
    }
    .gyvkkarton_container .egy_karton_elem .button_container{
        opacity:1;
        width:100%;
        background-color:transparent;
    }

    .gyvkkarton_container .egy_karton_elem:hover .button_container{
        background-color:#dab562;
    }
}