@font-face {
    font-family: 'Liebherr-Icons';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/liebherr/Liebherr_Iconfont.woff2') format('woff2'),
    url('../fonts/liebherr/Liebherr_Iconfont.woff') format('woff');
}
.icon-liebherr
{
    font-family: 'Liebherr-Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;

    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &.icon-large {
        font-size: clamp(90px, 10vw, 150px);
        width: 100%;
        text-align: center;
        @media only screen and (max-width: 768px) {
            text-align: left;
        }
    }
    &.boxed {
        background: #e4e4e4;
        padding-bottom: 100%;
        position: relative;
        @media only screen and (max-width: 1200px) {
            padding-bottom: unset;
            width: 150px;
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            margin-top: 20px;

        }
        &:before {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            @media only screen and (max-width: 1200px) {
                position: relative;
                top: unset;
                left: unset;
                transform:unset;
            }
        }
    }
}

.liebherr-arrow:before {
    content: "\e9ba";
}
.liebherr-heart:before {
    content: "\eae6";
}
.liebherr-team:before {
    content: "\e9a7";
}
.liebherr-movement:before {
    content: "\e97b";
}
.liebherr-bupa:before {
    content: "\e98c";
}
.liebherr-vouchers:before {
    content: "\e9ae";
}
.liebherr-flexi:before {
    content: "\e9b9";
}
.liebherr-holiday:before {
    content: "\eaa8";
}
.liebherr-vehicle:before {
    content: "\eb08";
}
.liebherr-stability:before {
    content: "\eb63";
}
.liebherr-freedom:before {
    content: "\ece2";
}
.liebherr-pension:before {
    content: "\eb25";
}