.image-container {
        overflow: hidden
    }

    .shortcode-card .image-container {
        height: 250px;
    }

    .shortcode-card img {
        height: 100%;
        object-fit: cover;
    }

    .lazyload,
    .lazyloading {
        -webkit-filter: blur(20px);
        filter: blur(20px)
    }

    .lazyloaded {
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    .lazyload-animation {
        transition: .25s filter ease
    }

    .hmc-page-header {
        min-height: 392px;
        min-height: 320px;
        position: relative
    }

    .hmc-page-header__bevel {
        position: absolute;
        bottom: -1px;
        left: 66.666%;
        width: 33.333%;
        overflow: hidden
    }

    .hmc-page-header__image .image-container {
        width: 100%;
        height: 100%
    }

    .hmc-page-header__image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    @media (max-width:375px) {
        .hmc-page-header__headline {
            font-size: 28px !important;
            line-height: 40px !important
        }
    }

    .hmc-burger {
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
        background: white
    }

    .hmc-burger span {
        position: absolute;
        top: 50%;
        left: 10px;
        background: #005A9A;
        height: 2px;
        width: 20px
    }

    .hmc-burger span:first-child {
        margin-top: -5px
    }

    .hmc-burger span:last-child {
        margin-top: 5px
    }

    .hmc-nav-main {
        transform: translateX(-16px)
    }

    @media (min-width:1024px) {
        .hmc-nav-main {
            transform: translateX(24px)
        }
    }

    .hmc-nav-main ul li {
        position: relative;
        min-height: 60px
    }

    .hmc-nav-main ul li a {
        padding-bottom: 0;
        height: 100%
    }

    .hmc-nav-main ul li a span:nth-child(2) {
        transition: all 0.3s
    }

    .hmc-nav-main ul li:hover a span:nth-child(2) {
        transform: rotate(180deg)
    }

    .hmc-nav-main ul li:hover a svg polygon {
        fill: #95C230
    }

    .hmc-nav-main ul li ul {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 60px;
        transition: all 0.3s;
        border-top: 4px solid #95C230;
        min-width: 200px;
        box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.15)
    }

    .hmc-nav-main ul li ul li {
        min-height: 0
    }

    .hmc-nav-main ul li ul li a {
        padding: 14px 38px 14px 28px;
        display: block;
        white-space: nowrap
    }

    .hmc-nav-main ul li ul li a:hover {
        background: #DEE1E2
    }

    .hmc-nav-main ul li:hover ul {
        opacity: 1;
        pointer-events: all
    }

    .hmc-nav-main ul li:last-child ul {
        left: auto;
        right: 0
    }

    .hmc-nav-sub {
        padding-bottom: 1px
    }

    .hmc-nav-sub__bevel {
        left: -100px;
        bottom: 0;
        width: 100vw;
        overflow: visible
    }

    .hmc-nav-sub__bevel svg {
        fill: currentColor
    }

    .hmc-nav-sub ul {
        max-width: 100vw;
        min-width: 66.666%
    }

    .hmc-nav-sub ul li {
        position: relative;
        padding: 0 0 12px 0
    }

    .hmc-nav-sub ul li a {
        transition: opacity 0.3s;
        opacity: 1;
        white-space: nowrap
    }

    .hmc-nav-sub ul li a:hover {
        opacity: 0.65 !important
    }

    .hmc-nav-sub ul li a.opacity-100 {
        opacity: 1 !important
    }

    .hmc-nav-sub ul li a svg {
        transition: transform 0.3s
    }

    .hmc-nav-sub ul li a svg polygon {
        fill: white
    }

    .hmc-nav-sub ul li ul {
        transition: all 0.3s;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 24px;
        left: 0;
        transition: all 0.3s;
        transform: translateY(8px);
        border-top: 4px solid #95C230;
        min-width: 200px;
        box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.15)
    }

    .hmc-nav-sub ul li ul li {
        min-height: 0
    }

    .hmc-nav-sub ul li ul li a {
        padding: 7px 16px 7px 14px;
        display: block;
        white-space: nowrap
    }

    .hmc-nav-sub ul li ul li a:hover {
        background: #DEE1E2
    }

    .hmc-nav-sub ul li:hover ul {
        opacity: 1;
        pointer-events: all
    }

    .hmc-nav-sub ul li:hover a {
        opacity: 1
    }

    .hmc-nav-sub ul li:hover svg {
        transform: rotate(180deg)
    }

    .hmc-nav-sub ul li:last-child ul {
        left: auto;
        right: 0
    }

    .hmc-nav-sub span.hmc-breadcrump-arrow g {
        fill: white
    }

    main {
        margin-top: 50px;
        transition: margin-top 0.3s
    }

    @media (min-width:768px) {
        main {
            margin-top: 93px
        }
    }

    @media (min-width:768px) {
        .scrolled main {
            margin-top: 62px
        }
    }

    .hmc-app-header {
        position: relative;
        z-index: 1000;
        display: block;
        height: 93px;
        transition: height 0.3s;
        box-shadow: 0 0 10px 0 rgba(117, 117, 117, 0.5)
    }

    @media (min-width:768px) {
        .hmc-app-header {
            height: 93px
        }
    }

    @media (max-width:640px) {
        .hmc-app-header {
            height: 50px
        }
    }

    .scrolled .hmc-app-header {
        height: 62px
    }

    @media (min-width:768px) {
        .scrolled .hmc-app-header {
            height: 62px
        }
    }

    @media (max-width:640px) {
        .scrolled .hmc-app-header {
            height: 50px
        }
    }

    .hmc-langswitch__container {
        top: 0;
        right: 0;
        transition: top 0.3s
    }

    .scrolled .hmc-langswitch__container {
        top: -40px
    }

    .hmc-logo__wrapper {
        z-index: 1001;
        transform: scale(0.75) !important;
        transform-origin: left;
        transition: transform 0.3s
    }

    @media (min-width:768px) {
        .hmc-logo__wrapper {
            transform: scale(1) !important
        }

        .scrolled .hmc-logo__wrapper {
            transform: scale(0.8) !important
        }
    }

    ul.nav_items button {
        width: 40px;
        height: 40px
    }

    ul.nav_items button span {
        transition: transform 0.3s
    }

    ul.nav_items button span svg g {
        fill: white
    }

    ul.nav_items button.close span {
        transform: rotate(180deg)
    }

    ul.nav_items li {
        margin-bottom: 4px
    }

    ul.nav_items a {
        height: 40px;
        line-height: 40px;
        padding-right: 80px;
        padding-left: 10px
    }

    ul.nav_items ul {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
        margin: 0
    }

    ul.nav_items ul a {
        background: white
    }

    ul.nav_items ul.open {
        max-height: 1000px;
        opacity: 1;
        pointer-events: all;
        margin: 10px 0 10px 0
    }

    ul.nav_items ul button {
        background: white;
        border: 1px solid #005A9A;
        color: #005A9A;
        line-height: 30px
    }

    ul.nav_items ul button span {
        transition: transform 0.3s
    }

    ul.nav_items ul button span svg g {
        fill: #005A9A
    }

    ul.nav_items ul li {
        border-bottom: 1px solid #f0f0f0
    }

    ul.nav_items ul li:last-child {
        border-bottom: none
    }

    ul.nav_items ul ul li {
        border-bottom: none
    }

    .hmc-nav-mobile {
        overflow-y: auto;
        z-index: 3001;
        width: 100vw;
        transform: translateX(100%);
        box-shadow: 0 0 10px 0 rgba(117, 117, 117, 0.5);
        transition: all 0.3s
    }

    .hmc-nav-mobile.visible {
        transform: translateX(0)
    }

    .hmc-nav-mobile ul ul {
        padding-left: 0
    }

    .hmc-nav-mobile ul ul ul {
        padding-left: 20px
    }

    .hmc-close-mobile-nav {
        display: inline-block;
        width: 40px;
        height: 40px;
        position: relative;
        background: white;
        margin-left: -10px
    }

    .hmc-close-mobile-nav span {
        position: absolute;
        top: 50%;
        left: 10px;
        background: #005A9A;
        height: 2px;
        width: 20px
    }

    .hmc-close-mobile-nav span:first-child {
        transform: rotate(45deg)
    }

    .hmc-close-mobile-nav span:last-child {
        transform: rotate(-45deg)
    }

    .hmc-footer__logo {
        max-width: 309px;
        transform-origin: top left
    }

    .hmc-footer__bevel {
        top: -32px;
        left: 50%
    }

    @media (min-width:768px) {
        .hmc-footer__bevel {
            left: 66.666%
        }
    }