.homepage-icon {
    pointer-events: all;
    color: white;
}

h4.homepage-icon {
    text-align: center;
}

.homepage-icon a{
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.homepage-icon-shop a {
    padding: 25px 30% 15px;
}
.homepage-icon-pim a {
    padding: 25px 35% 15px;
}
.homepage-icon-webportale a {
    padding: 25px 0% 15px;
}

.homepage-icon a:hover{
    color: white;
    font-weight: bold;
    text-decoration: none !important;
}

@media (min-width: 769px) and (max-width: 1000px){
    h4.homepage-icon > a {
        font-size: 32px;
    }
}
@media (min-width: 768px) and (max-width: 768px){
    h4.homepage-icon > a {
        font-size: 28px;
    }
    .homepage-icon-column{
        max-width: 35px !important;
    }
    .homepage-icon-webportale a {
        padding: 25px 0% 15px;
    }
}

@media (max-width: 767px){
    .homepage-icon-column{
        max-width: 35px !important;
        margin: 10px;
    }
    .homepage-icon-shop a {
        padding: 25px 35% 15px;
    }
    .homepage-icon-pim a {
        padding: 25px 40% 15px;
    }
    .homepage-icon-webportale a {
        padding: 25px 10% 15px;
    }
}

@media (max-width: 375px){
    h4.homepage-icon > a {
        font-size: 32px;
    }
    .homepage-icon-shop a {
        padding: 10px 35% 10px;
    }
    .homepage-icon-pim a {
        padding: 10px 40% 15px;
    }
    .homepage-icon-webportale a {
        padding: 10px 20% 10px;
    }
}

.homepage-icon img{
    width: 45px;
}

.homepage-icon-column{
    max-width: 50px;
    margin: 10px;
}

@media (min-width: 1200px){
    .homepage-icon img{
        /*width: 100%;*/
        max-width: 45px !important;
    }
    .homepage-icon-column{
        max-width: 60px !important;
    }
    .homepage-icon-webportale a {
        padding: 10px 10% 10px;
    }
}

.homepage-column > .vc_column-inner > .wpb_wrapper {
    background-color: rgba(200, 200, 200, 0.5);
    margin-bottom: 20px;
}

.homepage-column-icon-container {
    text-align: center;
}

.homepage-icon-column {
    width: 32%;
    /*max-width: 100px;*/
    display: inline-block;
}

@media (max-width: 375px){
    .homepage-icon-column{
        max-width: 30px !important;
        display: none;
    }

    h4.homepage-icon > a,
    h4.homepage-icon {
        font-size: 24px;
        line-height: 24px;
    }
}