/* HTML, CUSTOM VARIABLES
----------------------------------------------------------*/

html,
body {
    /* Text rendering improvements: (doesn't work on iOS Safari as of 2021) */
    text-rendering: geometricPrecision;
    font-variant-ligatures: no-common-ligatures;
    font-feature-settings: "kern";
    -webkit-font-smoothing: subpixel-antialiased;
    /* iOS remove tap highlight: */
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    /* due to anchor scrolling: 
    scroll-behavior: smooth;
    removed because of browser back navigation behaviour */
}

body {
    background-color: white; /* use to be var(--ic-color--background--blue) */
}

:root {
    --g-text-color--link--hover: var(--g-color--orange);
    --ic-color--background--blue: #ebf4fc; /* = 8% of --g-button--hover--blue--border */
    --ic-color--blue: var(--g-text-color--link);
    --ic-color--blue--inner-border: #58a2d3; /* = 33% of --ic-color--blue */
    --ic-color--mix-of-orange-and-red: var(--g-button--hover--orange--border); /* use to be #d73813 - custom color, not really a mix */
    --ic-button--hover--blue--background: var(--g-color--blue);
    --ic-var__content-gap--horizontal: 8rem;
    --ic-var__content-gap--horizontal--small: 4rem;
    --ic-var__content-gap--vertical: 4rem;
    --ic-var__content-padding: 3rem;
    --ic-var__content-padding--menu-like: 3rem;
    --ic-var__content-padding--subnav-like: 3rem;
    --ic-var__page-padding--horizontal: 3rem;
    /* ICONS: */
    --ic-var__icons-count--frontend_web_icons_m: 19;
    --ic-var__icons-count--frontend_web_icons_sl: 5;
    --ic-var__icon-width--frontend_web_icons_m--date: 2.6rem;
    --ic-var__icon-width--frontend_web_icons_m--filter: 2.6rem;
    --ic-var__icon-width--frontend_web_icons_m--lecturer: 2.3rem;
    --ic-var__icon-width--frontend_web_icons_m--place: 2.1rem;
    --ic-var__icon-width--frontend_web_icons_m--topic: 2.6rem;
    /* H1s: */
    --ic-h1-heading--with-image--article: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--article--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--cancel: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--cancel--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    --ic-h1-heading--with-image--cart--added: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--cart--added--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--checkmark: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--checkmark--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    --ic-h1-heading--with-image--clock: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--clock--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--contact: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--contact--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--content: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--content--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
    --ic-h1-heading--with-image--course: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--course--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    --ic-h1-heading--with-image--info: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--info--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--online-course: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--online-course--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    --ic-h1-heading--with-image--question: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--question--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    --ic-h1-heading--with-image--satisfaction: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--satisfaction--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--search: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--search--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--subscribe: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--subscribe--small-and-smaller: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    --ic-h1-heading--with-image--tailor-made: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--tailor-made--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
    --ic-h1-heading--with-image--topic: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--topic--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    --ic-h1-heading--with-image--video-course: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19);
    --ic-h1-heading--with-image--video-course--small-and-smaller: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+YXJyb3c8L3RpdGxlPjxnIGlkPSJTVkdfRklYIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIvPjwvZz48ZyBpZD0iRFJPUERPV04iPjxnIGlkPSJWcnN0dmFfMThfa29waWVfMiIgZGF0YS1uYW1lPSJWcnN0dmEgMTgga29waWUgMiI+PHJlY3QgeD0iNDAuNTI0IiB5PSI0NyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjYiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDM5IDczLjk1MSkgcm90YXRlKC02MCkiIGZpbGw9IiM2NDY0NjQiLz48cmVjdCB4PSI0MC40NzYiIHk9IjM0IiB3aWR0aD0iNiIgaGVpZ2h0PSIzMiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzY0NjQ2NCIvPjwvZz48L2c+PC9zdmc+");
    background-size: 5rem;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: white;
    padding-right: 5rem;
}

select {
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select option {
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--g-text-color--grey);
}

textarea {
    height: 16rem;
    /* use to be different and inherited from g-shared: */
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* checkbox copied over from backend except for transitions: */
    input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 5.4rem;
        height: 5.4rem;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
    }

    input[type=checkbox]:disabled {
        cursor: default;
        opacity: 1;
    }

    input[type=checkbox]:checked:after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+YmxhY2s8L3RpdGxlPjxnIGlkPSJiMDdhYWM2Yy0xMDBjLTQ2OTctYjYzYi02Zjg1OWNlM2Y5YTMiIGRhdGEtbmFtZT0iU1ZHX0ZJWCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9ImE1ZjYyMTU0LWYzZGQtNGRhZi04NjYyLTExY2U2ODExYjYzZCIgZGF0YS1uYW1lPSJDSEVDS0JPWCI+PHJlY3QgeD0iNTIuNDA2IiB5PSIzMS42MTIiIHdpZHRoPSI2IiBoZWlnaHQ9IjM2Ljc3NiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUxLjU4MyAtMjQuNTMzKSByb3RhdGUoNDUpIiBmaWxsPSIjMTkxOTE5Ii8+PHJlY3QgeD0iMzYuMTEiIHk9IjQ0Ljg1IiB3aWR0aD0iNiIgaGVpZ2h0PSIyMS4yNDEiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDUuOTg5IDY3LjA0KSByb3RhdGUoMTM1KSIgZmlsbD0iIzE5MTkxOSIvPjwvZz48L3N2Zz4=");
        background-size: 5rem;
    }

    input[type=checkbox]:indeterminate:after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+Y2hlY2Jrb3gzPC90aXRsZT48ZyBpZD0iYTFhOTFhYTEtOTRlYy00YTMzLTlhZWEtNzg2NDQ3ZTAzYjRjIiBkYXRhLW5hbWU9IlNWR19GSVgiPjxyZWN0IHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIi8+PC9nPjxnIGlkPSJhY2Q1NzJkZi0xMzIxLTQwOWQtOWQ1Yi0yNjljYWQ5OTRmZjgiIGRhdGEtbmFtZT0iQ0hFQ0tCT1ggMyI+PHJlY3QgeD0iMzAiIHk9IjQ3IiB3aWR0aD0iNDAiIGhlaWdodD0iNiIgcng9IjMiIGZpbGw9IiMxOTE5MTkiLz48L2c+PC9zdmc+");
        background-size: 5rem;
    }


input[type=radio] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin: 1.25rem -0.1rem;
    padding: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+cmFkaW8xPC90aXRsZT48ZyBpZD0iU1ZHX0ZJWCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9IlJBRElPIj48cGF0aCBkPSJNNTAsMzJBMTgsMTgsMCwxLDAsNjgsNTAsMTgsMTgsMCwwLDAsNTAsMzJabTAsMzBBMTIsMTIsMCwxLDEsNjIsNTAsMTIsMTIsMCwwLDEsNTAsNjJaIiBmaWxsPSIjYjRiNGI0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
    background-size: 250%;
    background-position: center;
    cursor: pointer;
}

input[type=radio],
input[type=radio]:focus,
input[type=radio]:hover,
input[type=radio]:active {
    border: none !important;
    background-color: transparent !important;
}

input[type=radio]:checked {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+cmFkaW88L3RpdGxlPjxnIGlkPSJmNDczZTVmYi0yMDBlLTQ5OTgtYWIwYy0zMDI4NjM3NDI3YzciIGRhdGEtbmFtZT0iU1ZHX0ZJWCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9ImI2OWFlMzM4LTJkYTQtNGE0ZS04NDMyLWFlNTg4NzI3N2JjMCIgZGF0YS1uYW1lPSJSQURJTyI+PGcgaWQ9ImFiM2U1NzE0LWIzMzUtNGYxYi05MTdkLTJiNGNjZmY4ZjQxNCIgZGF0YS1uYW1lPSJTZWxlY3RlZCI+PHBhdGggaWQ9ImJhNzVlZDE0LWUyZjUtNGJhMC1hMTQ5LWY5NTJkODliYzVjNCIgZGF0YS1uYW1lPSJTZWxlY3RlZCIgZD0iTTUwLDMyQTE4LDE4LDAsMSwwLDY4LDUwLjAwOCwxNy45OTUsMTcuOTk1LDAsMCwwLDUwLDMyWm0wLDMwLjAzMUExMi4wMzEsMTIuMDMxLDAsMSwxLDYyLjAzMSw1MC4wMDUsMTIuMDI1LDEyLjAyNSwwLDAsMSw1MCw2Mi4wMzFaIiBmaWxsPSIjNjQ2NDY0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI2IiBmaWxsPSIjMTkxOTE5Ii8+PC9nPjwvZz48L3N2Zz4=");
    background-size: 250%;
    background-position: center;
}

.ic-radio-group {
    position: relative;
}

span.ic-radio-wrapper-validator:has(span:not(:empty)) + .ic-radio-group {
    animation: g-input--error-animation var(--g-animation-time--slow) ease-out 1 forwards !important;
}

span.ic-radio-wrapper-validator:has(span:not(:empty)) + .ic-radio-group:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    outline: 0.2rem solid var(--g-color--red);
    outline-offset: -0.2rem;
    border-radius: 0.5rem;
    pointer-events: none !important;
    z-index: 1;
}

.ic-radio-wrapper {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    gap: 1.5rem;
    width: 100%;
    height: auto;
    min-height: 5.4rem;
    padding: 2rem;
    border: 0.2rem solid var(--g-color--grey-2);
    background-color: white;
    white-space: normal;
    cursor: pointer;
    outline: 0;
}

.ic-radio-wrapper:focus,
.ic-radio-wrapper:hover,
.ic-radio-wrapper:active {
    background-color: var(--g-input--focus--hover--background);
}

.ic-radio-wrapper:focus,
.ic-radio-wrapper:focus-within,
.ic-radio-wrapper:active {
    background-color: var(--g-input--focus--hover--background);
    border-color: var(--g-input--focus--border);
    z-index: 1;
}

span.ic-radio-wrapper-validator:has(span:not(:empty)) + .ic-radio-group .ic-radio-wrapper:focus,
span.ic-radio-wrapper-validator:has(span:not(:empty)) + .ic-radio-group .ic-radio-wrapper:focus-within {
    background-color: white;
    border-color: var(--g-color--grey-2);
}

span.ic-radio-wrapper-validator:has(span:not(:empty)) + .ic-radio-group .ic-radio-wrapper:hover {
    background-color: var(--g-input--error--background);
}

span.ic-radio-wrapper-validator:has(span:not(:empty)) + .ic-radio-group .ic-radio-wrapper:active {
    background-color: var(--g-input--error--background);
    border-color: var(--g-color--red);
    z-index: 1;
}

.ic-radio-wrapper:not(:first-child) {
    margin-top: -0.2rem;
}

.ic-radio-wrapper:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.ic-radio-wrapper:last-child {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.ic-radio__img-wrapper {
    flex-shrink: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    margin: 0.45rem 0;
    margin-left: 0.45rem;
    overflow: visible;
}

.ic-radio__img {
    flex-shrink: 0;
    display: block !important;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: 0 0;
}

.ic-radio__texts-wrapper {
    display: flex;
    flex-direction: column;
}

.ic-radio__texts__header {
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
}

.ic-radio__texts__heading {
    font-size: 1.6rem;
}

input[type=radio]:checked ~ .ic-radio__texts-wrapper .ic-radio__texts__heading {
    font-weight: 500;
    letter-spacing: 0.02em;
}

.ic-radio__texts__sub-heading {
    flex-shrink: 0;
    align-self: start;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--g-color--red);
    background-color: transparent;
    border: 0.2rem solid var(--g-color--red);
    border-radius: 1rem;
    padding: 0 1rem;
    margin: 0.2rem 0;
}

.ic-radio__logos-wrapper {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-self: start;
    column-gap: 1rem;
    row-gap: 1rem;
    margin: 0 0 0 auto;
    padding-left: 2.5rem;
    overflow: visible;
}

.ic-radio__logos-wrapper--gopay {
    width: 15.2rem;
    align-self: center;
    margin: -0.4rem 0 -0.4rem auto;
}

.ic-radio__logo-wrapper {
    display: flex !important;
    flex-shrink: 0;
    width: 3.6rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    overflow: visible;
}

.ic-radio__logo-wrapper--mastercard {
    width: 3.4rem;
}

.ic-radio__logo-wrapper--gopay {
    width: 6rem;
}

.ic-radio__logo-wrapper--location {
    width: 1.3rem;
}

.ic-radio__logo-wrapper--qr {
    width: 2rem;
}

.ic-radio__logo {
    display: flex !important;
    flex-shrink: 0;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
}

.ic-radio__logo--qr {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-radio__logo--location {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

.ic-radio__logo--visa {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-radio__logo--mastercard {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-radio__logo--gopay {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-radio__logo--applepay {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-radio__logo--googlepay {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-small-desktop--display-inline {
    visibility: hidden;
    display: none !important;
}

.ic-mobile--min-2--display-block {
    visibility: hidden;
    display: none !important;
}

.ic-mobile--min-2--display-inline {
    visibility: hidden;
    display: none !important;
}

.field-validation-valid {
    display: none;
}

.g-label--error {
    display: block;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--g-color--red);
}

.g-label--error ~ span:not(.g-label__note) {
    display: none;
}

.ic-validation--on-dark .g-label--error {
    position: relative;
    line-height: 2.5rem;
    padding: 0 1rem;
}

.ic-validation--on-dark .g-label--error:before {
    position: absolute;
    display: block;
    content: '';
    z-index: -1;
    width: 100%;
    top: 0;
    left: 0;
    height: 3rem;
    background-color: var(--g-color--red);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    animation: ic-validation--on-dark__label--error-animation var(--g-animation-time--slow) ease-out 1 forwards;
}

.ic-validation--on-dark label:has(.g-label--error) + input,
.ic-validation--on-dark label:has(.g-label--error) + textarea,
.ic-validation--on-dark label:has(.g-label--error) + .ic-multi-select-dropdown-wrapper #ic-subscribe-form-places-button {
    border-top-left-radius: 0;
}

label span:empty,
.g-label span:empty {
    display: none;
}


/* COLORS
----------------------------------------------------------*/

.ic-color--background--blue {
    background-color: var(--ic-color--background--blue);
}


/* BUTTONS
----------------------------------------------------------*/

.g-button--text__img {
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
}

.g-button--outline.g-button--double-lined .g-button--double-lined__secondary-text {
    line-height: 1.7rem;
    height: 1.7rem;
    margin-bottom: -1.7rem;
}

.ic-button--text__bubble {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 1.2rem;
    left: 3rem;
    min-width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.8rem;
    text-align: center;
    color: white;
    border-radius: 0.9rem;
    background-color: var(--g-color--red);
    box-shadow: 0 0 0 0.3rem white;
}

.ic-button--text__bubble > span {
    margin: 0 0.5rem
}

.g-button--text__img.ic-button--text__img--photo {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    align-self: center;
    overflow: hidden;
    margin-left: 0;
    margin-right: 1.5rem;
    background: var(--g-color--grey-4) !important;
}

.g-button:focus .ic-button--text__bubble,
.g-button:hover .ic-button--text__bubble,
.g-button:active .ic-button--text__bubble {
    background-color: var(--g-color--orange);
}

.ic-button--offset {
    width: 28rem !important;
}

.ic-button--offset > span {
    position: relative;
}

.ic-button--offset > span > .g-button--text__img {
    position: absolute;
    right: 3rem;
    margin-left: 0;
    margin-right: -1.5rem;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--offset.g-button--outline.g-color--grey {
    color: var(--g-color--dark-grey);
}

.ic-button--offset.g-button--outline.g-color--grey > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--offset > span > .g-button--text__text {
    margin-right: 3rem;
}

.ic-button--offset--reverse > span > .g-button--text__text {
    margin-left: 3rem;
    margin-right: 0;
}

.ic-button--offset--reverse > span > .g-button--text__img {
    left: 3rem;
    margin-left: -1.5rem;
    margin-right: 0;
    transform: scale(1.071) rotateY(180deg);
}

.ic-button--offset--tight > span > .g-button--text__img {
    right: 2rem;
}

.ic-button--offset--tight > span > .g-button--text__text {
    margin-right: 2rem;
}

.ic-button--offset--tight.ic-button--offset--reverse > span > .g-button--text__img {
    left: 2rem;
}

.ic-button--offset--tight.ic-button--offset--reverse > span > .g-button--text__text {
    margin-left: 2rem;
    margin-right: 0;
}

.ic-buttons-group {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 1rem;
    margin-top: 4rem;
}

.ic-buttons-group.ic-buttons-group--large-spacing {
    margin-top: 4rem !important;
}

.ic-buttons-group.ic-buttons-group--no-spacing {
    margin-top: 0 !important;
}

.ic-buttons-group:not(.ic-buttons-group--full-width) > a,
.ic-buttons-group:not(.ic-buttons-group--full-width) > .g-button {
    width: auto;
    min-width: 28rem;
}

.ic-button--smaller-and-double-lined .g-button--text__text {
    line-height: 2.1rem;
}

.ic-button--smaller-and-double-lined .g-button--double-lined__secondary-text {
    font-size: 1.2rem;
    height: 1.6rem;
}

.ic-button--attendee--add > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--attendee--add:focus > span .g-button--text__img,
.ic-button--attendee--add:hover > span .g-button--text__img,
.ic-button--attendee--add:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--attendee--add--grey > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-button--attendee--add--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--attendee--subtract > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--attendee--subtract:focus > span .g-button--text__img,
.ic-button--attendee--subtract:hover > span .g-button--text__img,
.ic-button--attendee--subtract:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--attendee--subtract--grey > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-button--attendee--subtract--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--available > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12);
}

.ic-button--available:focus > span .g-button--text__img,
.ic-button--available:hover > span .g-button--text__img,
.ic-button--available:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13);
}

.ic-button--available--grey > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14);
}

.ic-button--available--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15);
}

.ic-button--calendar > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--calendar:focus > span .g-button--text__img,
.ic-button--calendar:hover > span .g-button--text__img,
.ic-button--calendar:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--calendar--grey > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-button--calendar--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--cancel--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--cancel--large:focus > span .g-button--text__img,
.ic-button--cancel--large:hover > span .g-button--text__img,
.ic-button--cancel--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--close > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--close:focus > span .g-button--text__img,
.ic-button--close:hover > span .g-button--text__img,
.ic-button--close:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--close--grey > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-button--confirmed--large > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--contact > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--contact:focus > span .g-button--text__img,
.ic-button--contact:hover > span .g-button--text__img,
.ic-button--contact:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--contact--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--contact--large:focus > span .g-button--text__img,
.ic-button--contact--large:hover > span .g-button--text__img,
.ic-button--contact--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--course > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--course:focus > span .g-button--text__img,
.ic-button--course:hover > span .g-button--text__img,
.ic-button--course:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--course--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--delete > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--download > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--download:focus > span .g-button--text__img,
.ic-button--download:hover > span .g-button--text__img,
.ic-button--download:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--download--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--email > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--email:focus > span .g-button--text__img,
.ic-button--email:hover > span .g-button--text__img,
.ic-button--email:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--email--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--email--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) 0;
}

.ic-button--email--large:focus > span .g-button--text__img,
.ic-button--email--large:hover > span .g-button--text__img,
.ic-button--email--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) 0;
}

.ic-button--help > span > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--help:focus > span > .g-button--text__img,
.ic-button--help:hover > span > .g-button--text__img,
.ic-button--help:active > span > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--help--blue > span > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--help--white > span > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--help--no-border--blue > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-button--hours--grey > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--invoice--large > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--invoice--large:focus > span > .g-button--text__img,
.ic-button--invoice--large:hover > span > .g-button--text__img,
.ic-button--invoice--large:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--label > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--label:focus > span > .g-button--text__img,
.ic-button--label:hover > span > .g-button--text__img,
.ic-button--label:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--label--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--lecturer > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--lecturer:focus > span > .g-button--text__img,
.ic-button--lecturer:hover > span > .g-button--text__img,
.ic-button--lecturer:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--lecturer--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--online-course > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--online-course:focus > span .g-button--text__img,
.ic-button--online-course:hover > span .g-button--text__img,
.ic-button--online-course:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--online-course--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--online-course--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-button--online-course--large:focus > span .g-button--text__img,
.ic-button--online-course--large:hover > span .g-button--text__img,
.ic-button--online-course--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-button--order > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--order:focus > span .g-button--text__img,
.ic-button--order:hover > span .g-button--text__img,
.ic-button--order:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--order--grey > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-button--order--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--order--large > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--order--large:focus > span > .g-button--text__img,
.ic-button--order--large:hover > span > .g-button--text__img,
.ic-button--order--large:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--pay > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--pay:focus > span > .g-button--text__img,
.ic-button--pay:hover > span > .g-button--text__img,
.ic-button--pay:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--pay--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--phone > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--phone:focus > span .g-button--text__img,
.ic-button--phone:hover > span .g-button--text__img,
.ic-button--phone:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--phone--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--phone--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) 0;
}

.ic-button--phone--large:focus > span .g-button--text__img,
.ic-button--phone--large:hover > span .g-button--text__img,
.ic-button--phone--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) 0;
}

.ic-button--place > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--place:focus > span .g-button--text__img,
.ic-button--place:hover > span .g-button--text__img,
.ic-button--place:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--place--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--play--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-button--play--white--large > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-button--question--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--question--large:focus > span .g-button--text__img,
.ic-button--question--large:hover > span .g-button--text__img,
.ic-button--question--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--refresh--large > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-button--search > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--search:focus > span .g-button--text__img,
.ic-button--search:hover > span .g-button--text__img,
.ic-button--search:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--search--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--send > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-button--send:focus > span .g-button--text__img,
.ic-button--send:hover > span .g-button--text__img,
.ic-button--send:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
}

.ic-button--send--white > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11);
}

.ic-button--stop > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12);
}

.ic-button--stop:focus > span .g-button--text__img,
.ic-button--stop:hover > span .g-button--text__img,
.ic-button--stop:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13);
}

.ic-button--stop--grey > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14);
}

.ic-button--stop--red > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-button--stop--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15);
}

.ic-button--video-course > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-button--video-course:focus > span .g-button--text__img,
.ic-button--video-course:hover > span .g-button--text__img,
.ic-button--video-course:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-button--video-course--large > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-button--video-course--large:focus > span .g-button--text__img,
.ic-button--video-course--large:hover > span .g-button--text__img,
.ic-button--video-course--large:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-button--video-course--grey > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

.ic-button--video-course--white > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-button--warning > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}


/* HEADINGS
----------------------------------------------------------*/

.ic-h1-heading {
    position: relative;
    font-size: 5rem;
    line-height: 1.28;
    margin-bottom: 2rem;
}

.ic-h1-heading--with-image:after {
    content: '';
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: 0;
    top: 0.2rem;
    transform: translate(-0.6rem, 0);
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-h1-heading--with-image > span {
    padding-left: 7.3rem; /* distance from image 2.5rem, 2rem seemed to small */
}

.ic-h1-heading--small {
    font-size: 4rem;
    line-height: 5.2rem;
}

.ic-h1-heading--small.ic-h1-heading--with-image:after {
    top: 0.8rem;
    transform: translate(-1.2rem, -1.2rem);
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
}

.ic-h1-heading--small.ic-h1-heading--with-image > span,
.ic-h1-heading--small.ic-h1-heading--with-image > span {
    padding-left: 5.6rem;
}

.ic-h1-heading--smaller {
    font-size: 2.8rem;
    line-height: 3.8rem;
}

.ic-h1-heading--smaller.ic-h1-heading--with-image:after {
    top: 0.1rem;
    transform: translate(-1.2rem, -1.2rem);
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
}

.ic-h1-heading--smaller.ic-h1-heading--with-image > span,
.ic-h1-heading--smaller.ic-h1-heading--with-image > span {
    padding-left: 5.1rem;
}

.ic-h1-heading--with-image--article:after {
    background-position: var(--ic-h1-heading--with-image--article);
}

.ic-h1-heading--with-image--article.ic-h1-heading--small:after,
.ic-h1-heading--with-image--article.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--article--small-and-smaller);
}

.ic-h1-heading--with-image--cancel:after {
    background-position: var(--ic-h1-heading--with-image--cancel);
}

.ic-h1-heading--with-image--cancel.ic-h1-heading--small:after,
.ic-h1-heading--with-image--cancel.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--cancel--small-and-smaller);
}

.ic-h1-heading--with-image--cart--added:after {
    background-position: var(--ic-h1-heading--with-image--cart--added);
}

.ic-h1-heading--with-image--cart--added.ic-h1-heading--small:after,
.ic-h1-heading--with-image--cart--added.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--cart--added--small-and-smaller);
}

.ic-h1-heading--with-image--checkmark:after {
    background-position: var(--ic-h1-heading--with-image--checkmark);
}

.ic-h1-heading--with-image--checkmark.ic-h1-heading--small:after,
.ic-h1-heading--with-image--checkmark.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--checkmark--small-and-smaller);
}

.ic-h1-heading--with-image--clock:after {
    background-position: var(--ic-h1-heading--with-image--clock);
}

.ic-h1-heading--with-image--clock.ic-h1-heading--small:after,
.ic-h1-heading--with-image--clock.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--clock--small-and-smaller);
}

.ic-h1-heading--with-image--contact:after {
    background-position: var(--ic-h1-heading--with-image--contact);
}

.ic-h1-heading--with-image--contact.ic-h1-heading--small:after,
.ic-h1-heading--with-image--contact.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--contact--small-and-smaller);
}

.ic-h1-heading--with-image--content:after {
    background-position: var(--ic-h1-heading--with-image--content);
}

.ic-h1-heading--with-image--content.ic-h1-heading--small:after,
.ic-h1-heading--with-image--content.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--content--small-and-smaller);
}

.ic-h1-heading--with-image--course:after {
    background-position: var(--ic-h1-heading--with-image--course);
}

.ic-h1-heading--with-image--course.ic-h1-heading--small:after,
.ic-h1-heading--with-image--course.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--course--small-and-smaller);
}

.ic-h1-heading--with-image--info:after {
    background-position: var(--ic-h1-heading--with-image--info);
}

.ic-h1-heading--with-image--info.ic-h1-heading--small:after,
.ic-h1-heading--with-image--info.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--info--small-and-smaller);
}

.ic-h1-heading--with-image--online-course:after {
    background-position: var(--ic-h1-heading--with-image--online-course);
}

.ic-h1-heading--with-image--online-course.ic-h1-heading--small:after,
.ic-h1-heading--with-image--online-course.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--online-course--small-and-smaller);
}

.ic-h1-heading--with-image--question:after {
    background-position: var(--ic-h1-heading--with-image--question);
}

.ic-h1-heading--with-image--question.ic-h1-heading--small:after,
.ic-h1-heading--with-image--question.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--question--small-and-smaller);
}

.ic-h1-heading--with-image--satisfaction:after {
    background-position: var(--ic-h1-heading--with-image--satisfaction);
}

.ic-h1-heading--with-image--satisfaction.ic-h1-heading--small:after,
.ic-h1-heading--with-image--satisfaction.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--satisfaction--small-and-smaller);
}

.ic-h1-heading--with-image--search:after {
    background-position: var(--ic-h1-heading--with-image--search);
}

.ic-h1-heading--with-image--search.ic-h1-heading--small:after,
.ic-h1-heading--with-image--search.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--search--small-and-smaller);
}

.ic-h1-heading--with-image--subscribe:after {
    background-position: var(--ic-h1-heading--with-image--subscribe);
}

.ic-h1-heading--with-image--subscribe.ic-h1-heading--small:after,
.ic-h1-heading--with-image--subscribe.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--subscribe--small-and-smaller);
}

.ic-h1-heading--with-image--tailor-made:after {
    background-position: var(--ic-h1-heading--with-image--tailor-made);
}

.ic-h1-heading--with-image--tailor-made.ic-h1-heading--small:after,
.ic-h1-heading--with-image--tailor-made.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--tailor-made--small-and-smaller);
}

.ic-h1-heading--with-image--topic:after {
    background-position: var(--ic-h1-heading--with-image--topic);
}

.ic-h1-heading--with-image--topic.ic-h1-heading--small:after,
.ic-h1-heading--with-image--topic.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--topic--small-and-smaller);
}

.ic-h1-heading--with-image--video-course:after {
    background-position: var(--ic-h1-heading--with-image--video-course);
}

.ic-h1-heading--with-image--video-course.ic-h1-heading--small:after,
.ic-h1-heading--with-image--video-course.ic-h1-heading--smaller:after {
    background-position: var(--ic-h1-heading--with-image--video-course--small-and-smaller);
}

.ic-h2-heading {
    position: relative;
    line-height: 3.8rem;
    font-size: 2.8rem;
    margin-bottom: 2rem;
}

.ic-h2-heading.ic-h2-heading--small-spacing {
    margin-bottom: 1rem;
}

p + .ic-h2-heading,
ol + .ic-h2-heading,
ul + .ic-h2-heading {
    margin-top: calc(4rem - 1.6rem);
}

.ic-h2-heading + div {
    margin-top: 2.4rem;
}

.ic-h2-heading.ic-h2-heading--no-extra-spacing + div {
    margin-top: auto;
}

.ic-h2-heading--with-image:after {
    content: '';
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: 0;
    top: 0.1rem;
    transform: translate(-1.2rem, -1.2rem);
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
}

.ic-h2-heading--with-image > span {
    padding-left: 5.6rem;
}

.ic-h2-heading--with-image--accreditation:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-h2-heading--with-image--calendar:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-h2-heading--with-image--cancel:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--chat:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

.ic-h2-heading--with-image--checkmark:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--content:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-h2-heading--with-image--course:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--current-offer:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--filter:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-h2-heading--with-image--heart:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-h2-heading--with-image--invoice:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--lecturer:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-h2-heading--with-image--order:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--online-course:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-h2-heading--with-image--place:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-h2-heading--with-image--people:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--question:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--send:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--similar:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-h2-heading--with-image--subscribe:after {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--summary:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-h2-heading--with-image--topic:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

.ic-h2-heading--with-image--video-course:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}


/* COMPONENTS
----------------------------------------------------------*/

.ic-generic-table th,
.ic-generic-table td {
    white-space: initial;
    text-overflow: initial;
}

.ic-columns-divider {
    border-left: 0.2rem solid var(--g-color--grey-2);
    margin-left: calc(50% - 0.1rem);
}

.ic-counter {
    position: relative; /* because of menu overlay */
    display: flex;
    width: 100%;
    z-index: 0;
}

.ic-counter__button-wrapper {
    width: 5.4rem;
    height: 5.4rem;
}

.ic-counter__button {
    width: 5.4rem;
    height: 5.4rem;
}

.ic-counter__button-wrapper:first-child .ic-counter__button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ic-counter__button-wrapper:last-child .ic-counter__button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ic-counter__button > span {
    line-height: 5rem;
    padding: 0 !important;
}

.ic-counter__button .g-button--text__img {
    width: 5rem;
    height: 5rem;
    transform: scale(1.2);
}

.ic-counter__input-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
}

.ic-counter__input {
    border-radius: 0;
    border-left: none;
    border-right: none;
    text-align: center;
    padding: 0 1rem;
}

.ic-counter__input:focus,
.ic-counter__input:active {
    border: 0.2rem solid var(--g-button--hover--turquoise--border) !important;
    border-left: none !important;
    border-right: none !important;
}

.ic-counter__input:disabled {
    background-color: white !important;
    border-color: var(--g-color--grey-2) !important;
}

.ic-image-gallery {
    position: relative;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.ic-image-gallery__images-wrapper {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    overscroll-behavior-x: none;
    scrollbar-width: thin;
    scroll-snap-type: x mandatory;
}

.ic-image-gallery__images-wrapper:has(>:only-child) {
    overflow: hidden;
}

.ic-image-gallery__images-wrapper__item {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: var(--g-color--grey-2);
    scroll-snap-align: start;
}

.ic-image-gallery__images-wrapper__item:first-child {
    z-index: 1;
}

.ic-image-gallery__images-wrapper__item--arrow-hider {
    margin-left: -100%;
    clip-path: inset(0 0 0 10rem);
    z-index: 2;
}

.ic-image-gallery__images-wrapper__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.ic-image-gallery__button {
    position: absolute;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 2.7rem;
}

.ic-image-gallery__button.ic-image-gallery__button--prev {
    top: 50%;
    left: 0;
    transform: translate(2rem, -50%);
}

.ic-image-gallery__button.ic-image-gallery__button--next {
    top: 50%;
    right: 0;
    transform: translate(-2rem, -50%);
    z-index: 1;
}

.ic-image-gallery__button > span {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    padding: 0 !important;
    pointer-events: none;
}

.ic-image-gallery__button .g-button--text__img {
    width: 5rem;
    height: 5rem;
    /* because of iOS misalignment bug: */
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWVhZGRlMTA3LWMzMjEtNGY5Yi1hZmNjLTYyMzM1MTdiZTQyNCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtMmUwOGNhMGQtNTEwZC00NDI1LTk0YTgtMzNmNjg3ODRhZDM0Ij48cmVjdCB4PSIzOS40OTkiIHk9IjUyLjk1OSIgd2lkdGg9IjIyLjk3MSIgaGVpZ2h0PSI2IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNC42MzYgNTIuNDQyKSByb3RhdGUoLTQ1KSIgZmlsbD0iI2ZmZiIvPjxyZWN0IHg9IjQ3Ljk3OSIgeT0iMzIuNDY4IiB3aWR0aD0iNiIgaGVpZ2h0PSIyMi45ODciIHJ4PSIzIiByeT0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjE1NCA0OC45MjQpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
    background-size: 5rem;
    background-position: top right;
    background-repeat: no-repeat;
}

.ic-image-gallery__button.ic-image-gallery__button--prev .g-button--text__img {
    transform: rotate(180deg) scale(1);
}

.ic-image-gallery__button.ic-image-gallery__button--next .g-button--text__img {
    transform: scale(1);
}

.ic-multi-select-dropdown-wrapper {
    position: relative;
    width: 100%;
    height: 5.4rem;
    z-index: 2;
}

.ic-multi-select-dropdown-wrapper__selector {
    display: flex;
    width: 100%;
    height: 5.4rem;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    cursor: default;
    border: 0.2rem solid var(--g-color--grey-2);
}

.ic-multi-select-dropdown-wrapper__selector:focus,
.ic-multi-select-dropdown-wrapper__selector:hover,
.ic-multi-select-dropdown-wrapper__selector:active {
    background-color: var(--g-input--focus--hover--background);
}

.ic-multi-select-dropdown-wrapper__selector:focus:not(:active) {
    border: 0.2rem solid var(--g-input--focus--border);
}

.ic-multi-select-dropdown-wrapper.g-active .ic-multi-select-dropdown-wrapper__selector.g-input--error {
    animation: none !important;
}

#ic-subscribe-form__group--places:has(.ic-multi-select-dropdown-wrapper.g-active) label > span.g-label--error {
    animation: none !important;
}

.ic-validation--on-dark #ic-subscribe-form__group--places:has(.ic-multi-select-dropdown-wrapper.g-active) label > span.g-label--error {
    z-index: 1 !important;
}

.ic-validation--on-dark #ic-subscribe-form__group--places:has(.ic-multi-select-dropdown-wrapper.g-active) label > span.g-label--error:before {
    animation: none !important;
}

.ic-multi-select-dropdown-wrapper__selector.g-input--error:focus,
.ic-multi-select-dropdown-wrapper__selector.g-input--error:hover,
.ic-multi-select-dropdown-wrapper__selector.g-input--error:active {
    background-color: var(--g-input--error--background) !important;
}

.ic-multi-select-dropdown-wrapper__selector__texts {
    display: flex;
    min-width: 0;
    gap: 1rem;
    margin-left: 2rem;
    margin-right: 0.2rem;
    z-index: 1;
    pointer-events: none;
}

.ic-multi-select-dropdown-wrapper__selector__texts__item {
    min-width: 0;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--g-text-color--grey);
    padding: 0 1rem;
    background-color: var(--g-color--grey-3);
    border-radius: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ic-multi-select-dropdown-wrapper__selector__texts__extra-count {
    flex-shrink: 0;
    min-width: 0;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--g-text-color--grey);
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0.5rem;
    border: 0.2rem solid var(--g-color--grey-3);
}

.ic-multi-select-dropdown-wrapper__selector__texts:empty {
    display: none;
}

.ic-multi-select-dropdown-wrapper__selector__placeholder {
    display: none;
    min-width: 0;
    margin-left: 2rem;
    pointer-events: none;
}

.ic-multi-select-dropdown-wrapper:not(.g-active) .ic-multi-select-dropdown-wrapper__selector__texts:empty ~ .ic-multi-select-dropdown-wrapper__selector__placeholder {
    display: block
}

.ic-multi-select-dropdown-wrapper__selector__heading {
    display: none;
    min-width: 0;
    margin-left: 2rem;
    color: var(--g-text-color--grey);
    z-index: 1;
    pointer-events: none;
}

.ic-multi-select-dropdown-wrapper.g-active .ic-multi-select-dropdown-wrapper__selector__heading {
    display: block;
}

.ic-multi-select-dropdown-wrapper.g-active .ic-multi-select-dropdown-wrapper__selector__texts:not(:empty) ~ .ic-multi-select-dropdown-wrapper__selector__heading {
    display: none;
}

.ic-multi-select-dropdown-wrapper__selector__img {
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+YXJyb3c8L3RpdGxlPjxnIGlkPSJTVkdfRklYIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIvPjwvZz48ZyBpZD0iRFJPUERPV04iPjxnIGlkPSJWcnN0dmFfMThfa29waWVfMiIgZGF0YS1uYW1lPSJWcnN0dmEgMTgga29waWUgMiI+PHJlY3QgeD0iNDAuNTI0IiB5PSI0NyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjYiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDM5IDczLjk1MSkgcm90YXRlKC02MCkiIGZpbGw9IiM2NDY0NjQiLz48cmVjdCB4PSI0MC40NzYiIHk9IjM0IiB3aWR0aD0iNiIgaGVpZ2h0PSIzMiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzY0NjQ2NCIvPjwvZz48L2c+PC9zdmc+");
}

.ic-multi-select-dropdown {
    visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.ic-multi-select-dropdown-wrapper.g-active .ic-multi-select-dropdown {
    visibility: visible;
}

.ic-multi-select-dropdown__header {
    display: flex;
    width: 100%;
    height: 5.4rem;
    justify-content: end;
    align-items: center;
    background-color: var(--g-input--focus--hover--background);
    border-bottom: 0.2rem solid var(--g-color--grey-2) !important;
    cursor: default;
}

.ic-multi-select-dropdown-wrapper__selector.g-input--error + .ic-multi-select-dropdown .ic-multi-select-dropdown__header {
    background-color: var(--g-input--error--background) !important;
}

.ic-multi-select-dropdown__header__icon {
    width: 5rem !important;
    height: 5rem !important;
    padding: 0 !important;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
    transform: scale(1.2);
    margin-right: 0.2rem !important;
    margin-top: 0.2rem !important;
}

.ic-multi-select-dropdown__header__heading {
    margin-left: 2.2rem;
}

.ic-multi-select-dropdown label {
    display: flex;
    width: 100%;
    height: 5.4rem;
    justify-content: flex-start;
    gap: 1.5rem;
    align-items: center;
    cursor: pointer;
}

.ic-multi-select-dropdown label:not(:last-child) {
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

.ic-multi-select-dropdown label:focus,
.ic-multi-select-dropdown label:hover,
.ic-multi-select-dropdown label:active,
.ic-multi-select-dropdown label:focus-within {
    background-color: var(--g-input--focus--hover--background);
}

.ic-multi-select-dropdown label input {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 2.2rem;
    background-color: white !important;
}

.ic-multi-select-dropdown label input[type=checkbox]:checked:after {
    top: -1.5rem;
    left: -1.5rem;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWNlYjBlMzNjLTgxNDMtNDhiNy1iMzgzLTRmNjJhODQ1MjMxMSI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtNTkwNzUxYmQtYjA5My00ZjMxLTgwYjktNmU5N2RlNWI4YjIyIj48cmVjdCB4PSI1MC44OTEiIHk9IjQwLjExMyIgd2lkdGg9IjYiIGhlaWdodD0iMjMuMzAxIiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyLjM4NyAtMjIuOTQ1KSByb3RhdGUoNDUpIiBmaWxsPSIjNjQ2NDY0Ii8+PHJlY3QgeD0iNDEuMzQ4IiB5PSI0Ni42NTIiIHdpZHRoPSI2IiBoZWlnaHQ9IjE1LjYxNSIgcng9IjMiIHJ5PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMjE1IDYxLjYxKSByb3RhdGUoMTM1KSIgZmlsbD0iIzY0NjQ2NCIvPjwvZz48L3N2Zz4=");
    background-size: 5rem;
}

.ic-multi-select-dropdown label input[type=checkbox] + span {
    margin-right: 2.2rem;
}

.ic-multi-select-dropdown label input[type=checkbox]:not(:checked) + span {
    font-weight: 400;
    letter-spacing: 0;
}


/* GENERIC VIDEO
----------------------------------------------------------*/

.ic-generic-video-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16 / 9;
    min-width: 0;
    background-color: var(--g-color--grey);
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 1;
}

.ic-generic-video-wrapper.ic-generic-video-wrapper--bordered--before-playback:has(.video-js--ic:not(.vjs-has-started):not(.vjs-error.video-js--ic--started)):after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    outline: 0.2rem solid var(--g-color--orange);
    outline-offset: -0.2rem;
    pointer-events: none;
}

.ic-generic-video-wrapper.ic-generic-video-wrapper--bordered--always {
    border: 0.2rem solid var(--g-color--grey-2);
    background-color: var(--g-color--grey-2);
}

.ic-generic-video-wrapper.ic-generic-video-wrapper--bordered--always:has(.video-js--ic:not(.vjs-has-started):not(.vjs-error.video-js--ic--started)) {
    border-color: var(--g-color--orange);
    background-color: var(--g-color--orange);
}

.ic-generic-video-wrapper.ic-generic-video-wrapper--bordered--always > .video-js--ic:not(.vjs-fullscreen) {
    /* background-color: var(--g-color--grey-2); removed - this causes different color when paused on mobile */
    border-radius: 0.5rem;
}

.ic-generic-video-wrapper > .ic-button--play--white {
    position: absolute;
    width: auto;
}


/* ARTICLE TEXT STYLING
----------------------------------------------------------*/

.ic-article-text-styling ol,
.ic-article-text-styling ul {
    margin: 0;
    padding: 0 0 0 2em;
    font-size: 1.6rem;
}

.ic-article-text-styling ::marker {
    font-size: 1.6rem;
}

.ic-article-text-styling ol li:last-child,
.ic-article-text-styling ul li:last-child {
    padding-bottom: 1em;
}

.ic-article-text-styling ol li:last-child > * > li:last-child,
.ic-article-text-styling ol li:last-child > * > li:last-child > * > li:last-child,
.ic-article-text-styling ul li:last-child > * > li:last-child,
.ic-article-text-styling ul li:last-child > * > li:last-child > * > li:last-child {
    padding-bottom: 0;
}

.ic-article-text-styling > ol:last-child > li:last-child,
.ic-article-text-styling > ul:last-child > li:last-child {
    padding-bottom: 0;
}

.ic-article-text-styling p:has(+ ol),
.ic-article-text-styling p:has(+ ul) {
    padding-bottom: 0;
}

.ic-article-text-styling p + ol,
.ic-article-text-styling p + ul {
    margin-top: 0.5em;
}

/* same as .ic-h2-heading except for bottom margin */
.ic-article-text-styling h2 {
    line-height: 3.8rem;
    font-size: 2.8rem;
    margin-bottom: 1.6rem; /* use to be margin-bottom: 2rem; */
    font-weight: 500;
    letter-spacing: 0.02em;
}

.ic-article-text-styling p + h2,
.ic-article-text-styling ol + h2,
.ic-article-text-styling ul + h2 {
    margin-top: calc(4rem - 1.6rem);
}

.ic-article-text-styling h2 + div {
    margin-top: 2rem; /* use to be margin-top: 2.4rem; */
}

.ic-article-text-styling h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.ic-article-text-styling p + h3,
.ic-article-text-styling ol + h3,
.ic-article-text-styling ul + h3 {
    margin-top: calc(2rem - 1.6rem);
}


/* PAGE LAYOUT
----------------------------------------------------------*/

.ic-page-container-wrapper {
    padding: 6rem 0;
    overflow: hidden;
}

.ic-page-container-wrapper--can-overflow {
    overflow: visible;
}


main .ic-page-container-wrapper:first-child,
main .ic-page-container-wrapper--first-child {
    padding-top: 20rem;
}

main .ic-page-container-wrapper.ic-page-container-wrapper--no-spacing:first-child,
main .ic-page-container-wrapper--first-child.ic-page-container-wrapper--no-spacing {
    padding-top: 14rem;
    padding-bottom: 0;
}


body.ic-body--sub-menu-visible main .ic-page-container-wrapper:first-child,
body.ic-body--sub-menu-visible main .ic-page-container-wrapper--first-child {
    margin-top: -24rem;
    padding-top: 30rem;
}

body.ic-body--sub-menu-visible:not(.ic-body--hide-menu-on-scroll) main .ic-page-container-wrapper:first-child,
body.ic-body--sub-menu-visible:not(.ic-body--hide-menu-on-scroll) main .ic-page-container-wrapper--first-child {
    margin-top: 0;
    padding-top: 28.8rem; /* fake value !!! - needs to be specified based on sub-menu height */
}

.ic-page-container-wrapper--top-bordered {
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-page-container-wrapper--bottom-bordered {
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

.ic-page-container {
    min-width: 28rem;
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ic-var__page-padding--horizontal);
    padding-right: var(--ic-var__page-padding--horizontal);
}

.ic-page-anchor {
    position: relative;
    top: -20rem;
    visibility: hidden;
}

body.ic-body--sub-menu-visible .ic-page-anchor {
    top: -26.8rem;
}

.ic-page__description-styling-wrapper:not(:last-child) p,
.ic-page__description:not(:last-child) {
    margin-bottom: 4rem;
}

.ic-page__button--header-link {
    min-width: 28rem;
}

.ic-page__button--header-link--small {
    min-width: 24rem;
}

#ic-page__overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    z-index: 4;
    transition: all var(--g-animation-time--quick) linear;
}

#ic-page__overlay--without-submenu {
    display: none;
    position: fixed;
    top: 14rem;
    left: 0;
    width: 100%;
    height: calc(100vh - 14rem);
    height: calc(100dvh - 14rem);
    z-index: 4;
}

body.ic-body--loader-visible #ic-page__overlay--without-submenu {
    display: block;
}

body.ic-body--sub-menu-visible #ic-page__overlay--without-submenu {
    top: 22.8rem; /* fake value !!! - needs to be specified based on sub-menu height */
    height: calc(100vh - 22.8rem);
    height: calc(100dvh - 22.8rem);
}

#ic-page__overlay--without-submenu__background {
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
}

body.ic-body--sub-menu-visible #ic-page__overlay--without-submenu__background:after {
    position: absolute;
    top: -6rem;
    content: "";
    display: block;
    width: 100%;
    height: 6rem;
    box-shadow: var(--g-shadow-1);
    clip-path: inset(5rem 0 -1rem 0);
}

#ic-page__overlay--without-submenu__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9rem;
    height: 9rem;
}

#ic-page__overlay--without-submenu__loader:after {
    width: 9rem;
    height: 9rem;
    top: 0;
    left: 0;
    animation: g-working-animation-3 1s linear infinite
}


/* BREADCRUMBS
----------------------------------------------------------*/

.ic-page-container--breadcrumbs {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: -6rem;
}

.ic-page-container--breadcrumbs__wrapper {
    display: flex;
}

.ic-page-container--breadcrumbs__wrapper > p:not(:last-child) {
    flex-shrink: 0;
}

.ic-page-container--breadcrumbs__wrapper > p:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-page-container--breadcrumbs__wrapper__home {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 -0.3rem;
}

.ic-page-container--breadcrumbs__wrapper__home > span {
    align-self: center;
    flex-shrink: 0;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-page-container--breadcrumbs__wrapper__home:focus > span,
.ic-page-container--breadcrumbs__wrapper__home:hover > span,
.ic-page-container--breadcrumbs__wrapper__home:active > span {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-page-container--breadcrumbs__wrapper__arrow {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 0.4rem;
}

.ic-page-container--breadcrumbs__wrapper__arrow > span {
    align-self: center;
    flex-shrink: 0;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

.ic-page-container--breadcrumbs__multi-crumb:has(+ .ic-page-container--breadcrumbs__multi-crumb) {
    margin-right: 1.5rem;
}

.ic-page-container--breadcrumbs__multi-crumb + .ic-page-container--breadcrumbs__multi-crumb {
    position: relative;
    margin-left: 1.5rem;
}

.ic-page-container--breadcrumbs__multi-crumb + .ic-page-container--breadcrumbs__multi-crumb:after {
    position: absolute;
    top: 0.3rem;
    left: -1.6rem;
    content: '';
    width: 0.2rem;
    height: 1.8rem;
    background-color: var(--g-color--grey-05); /* should be --g-color--grey-03 - looked too dark */
}


/* STICKY BREADCRUMBS
----------------------------------------------------------*/

#ic-page__sticky-breadcrumbs-background {
    position: fixed;
    padding: 0;
    height: 7.4rem;
    top: 8rem;
    z-index: 1;
    width: 100%;
}

#ic-page__sticky-breadcrumbs-background:has(~ #ic-page__sticky-breadcrumbs-shadow) {
    height: 6.9rem;
}

#ic-page__sticky-breadcrumbs-background + .ic-page-container-wrapper > .ic-page-container {
    position: relative;
    z-index: 1;
}

#ic-page__sticky-breadcrumbs-shadow {
    height: 2rem;
    border-top: none;
    background-color: var(--ic-color--background--blue);
    margin-top: -2rem;
    top: 12.9rem;
    clip-path: inset(1rem 0 -1rem 0);
    position: sticky;
    padding: 0 !important;
    z-index: 1;
}

#ic-page__sticky-breadcrumbs-shadow + section {
    border-top: none !important;
}

#ic-page__sticky-breadcrumbs-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}

#ic-page__sticky-breadcrumbs {
    position: sticky;
    top: 8.5rem;
    width: 100%;
    height: 6.4rem;
    margin-top: -6.4rem;
    padding: 0;
    z-index: 3;
    visibility: hidden;
    pointer-events: none;
}

header.ic-color--background--blue + #ic-page__sticky-breadcrumbs {
    box-shadow: 0 -0.2rem 0 0 var(--ic-color--background--blue);
}

#ic-page__sticky-breadcrumbs .ic-page-container--breadcrumbs__wrapper {
    min-width: 0;
    padding: 2rem 0;
    margin: 0;
}

#ic-page__sticky-breadcrumbs > div {
    opacity: 0;
    transition: all 0s linear;
}

#ic-page__sticky-breadcrumbs.ic-page__sticky-breadcrumbs--visible {
    visibility: visible;
    pointer-events: all;
}

#ic-page__sticky-breadcrumbs.ic-page__sticky-breadcrumbs--visible > div {
    opacity: 1;
    transition: all 0s linear; /* use to be all var(--g-animation-time--quick) linear but looked weird */
}

#ic-page__sticky-breadcrumbs p:last-child a {
    color: var(--g-text-color--grey);
}

#ic-page__sticky-breadcrumbs p:last-child a:focus,
#ic-page__sticky-breadcrumbs p:last-child a:hover,
#ic-page__sticky-breadcrumbs p:last-child a:active {
    color: var(--g-text-color--link--hover);
}

#ic-page__sticky-breadcrumbs__button {
    flex-shrink: 0;
    align-self: center;
    width: 28rem;
}

#ic-page__sticky-breadcrumbs__button.ic-page__sticky-breadcrumbs__button--no-terms {
    width: 30rem;
}


/* FLOATER
----------------------------------------------------------*/

#ic-floater {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2rem 0;
    padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all var(--g-animation-time--quick) linear;
    transition-property: visibility, opacity;
}

body:has(#ic-floater.ic-floater--desktop-visible) #ic-page-footer__grid {
    padding-bottom: calc(6rem + 2 * 2rem);
}

#ic-floater .ic-content-box__section {
    padding: 0;
}

.ic-floater--video-course .ic-content-box__section__part__row {
    display: grid;
    grid-template-columns: 1fr auto;
}

.ic-floater--video-course__order-wrapper {
    position: relative;
    display: flex;
    width: 23rem;
}

.ic-floater--video-course__order-wrapper .g-button {
    /* use to be: 
    position: absolute;
    left: 0;
    top: -0.55rem;*/
}


/* COOKIES BAR
----------------------------------------------------------*/

#ic-cookies-bar {
    z-index: 8;
    position: fixed;
    bottom: 0;
    width: calc(100vw - (100vw - 100%));
}

#ic-cookies-bar.ic-cookies-bar--hidden {
    display: none;    
}

#ic-cookies-bar__content-wrapper {
    display: grid;
    grid-template-columns: 1fr 28rem;
    gap: var(--ic-var__content-gap--horizontal);
}

#ic-cookies-bar__content-wrapper__buttons-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

#ic-cookies-bar__content-wrapper__buttons-wrapper__button--deny {
    background-color: transparent;
    border-color: var(--g-color--grey);
}

#ic-cookies-bar__content-wrapper__buttons-wrapper__button--deny:focus,
#ic-cookies-bar__content-wrapper__buttons-wrapper__button--deny:hover,
#ic-cookies-bar__content-wrapper__buttons-wrapper__button--deny:active {
    background-color: var(--g-color--dark-grey-15);
}


/* HEADER
----------------------------------------------------------*/

#ic-page-header-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
}

#ic-page-header-wrapper__overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    z-index: 4;
    transition: all var(--g-animation-time--quick) linear;
    transition-property: visibility, opacity;
}

#ic-page-header {
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    /* after account button removed: */
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    justify-items: center;
}

#ic-page-header__logo-wrapper {
    justify-self: start;
    display: flex;
    position: relative;
    min-width: max-content;
    height: 8rem;
    align-items: center;
    margin-right: 3rem;
}

#ic-page-header__logo-wrapper__image {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 1.5rem;
}

#ic-page-header__logo-wrapper__text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#ic-page-header__logo-wrapper__text-wrapper__heading {
    font-size: 2rem;
    line-height: 2.5rem;
    color: black;
    padding-bottom: 0;
}

#ic-page-header__logo-wrapper__text-wrapper__subheading {
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: black;
}

#ic-page-header__search-wrapper {
    position: relative;
    width: calc(100% - 6rem);
    /* after account button removed: */
    width: calc(100% - 16rem);
    height: 4.8rem;
    z-index: 4;
}

#ic-page-header__search-wrapper__form-wrapper {
    position: absolute;
    display: flex;
    width: 100%;
}

#ic-page-header__search-wrapper__form {
    width: 100%;
    position: relative;
    z-index: 4;
}

#ic-page-header__search-wrapper__form__input {
    height: 4.8rem;
    padding-left: 4.8rem;
    padding-right: 4.4rem;
}

#ic-page-header__search-wrapper__form__input-icon {
    position: absolute;
    display: block;
    content: '';
    top: 0.2rem;
    left: 0.4rem;
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2727%;
    background-position-x: calc((6 - 1 + (0.5 - (50 / 2727 ) * 20)) * (5% + 5% / ((2727 / 100 - 1))));
    background-position-y: calc((2 - 1 + (0.5 - (50 / 2727 ) * 20)) * (5% + 5% / ((2727 / 100 - 1))));
    z-index: 4;
    pointer-events: none;
}

#ic-page-header__search-wrapper__form__button--cancel {
    position: absolute;
    display: flex;
    content: '';
    top: 0.2rem;
    right: 0;
    width: 5.4rem;
    height: 4.4rem;
    background-color: transparent;
    border: none;
    z-index: 4;
    justify-content: center;
    align-items: center;
}

#ic-page-header__search-wrapper__form__button--cancel > .g-button--text__img {
    /* different to other buttons !!! - img directly in button */
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    padding: 0 !important;
    background-size: 6000%;
    background-position-x: calc((14 - 1 + (0.5 - (50 / 6000) * 20)) * (5% + 5% / ((6000/ 100 - 1))));
    background-position-y: calc((5 - 1 + (0.5 - (50 / 6000) * 20)) * (5% + 5% / ((6000 / 100 - 1))));
    transform: none;
    background-color: var(--g-color--grey-02);
}

#ic-page-header__search-wrapper__form__button--cancel:focus > .g-button--text__img,
#ic-page-header__search-wrapper__form__button--cancel:hover > .g-button--text__img,
#ic-page-header__search-wrapper__form__button--cancel:active > .g-button--text__img {
    background-color: var(--g-color--orange);
}

#ic-page-header__search-wrapper__form__search-button {
    width: auto;
    height: 4.8rem;
    flex-shrink: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#ic-page-header__search-wrapper__form__search-button > span {
    line-height: 4.4rem;
}

#ic-page-header__search-wrapper__form__close-button {
    display: none;
    height: 4.5rem;
    flex-shrink: 0;
    margin-left: 1.5rem;
}

#ic-page-header__search-wrapper__form__close-button > span {
    line-height: 4.1rem;
}

#ic-page-header__search-wrapper__suggestions-wrapper {
    display: grid;
    grid-template-rows: auto 1fr;
    position: absolute;
    top: 5.3rem;
    width: 100%;
    max-height: calc(100vh - (8rem - 4.8rem) / 2 - 5.3rem - var(--ic-var__content-padding));
    max-height: calc(100dvh - (8rem - 4.8rem) / 2 - 5.3rem - var(--ic-var__content-padding));
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    transition: all var(--g-animation-time--quick) linear;
    transition-property: visibility, opacity;
    overflow: hidden;
}

#ic-page-header.ic-page-header--search-active #ic-page-header__search-wrapper__suggestions-wrapper {
    visibility: visible;
    opacity: 1;
}

#ic-page-header__search-wrapper__suggestions-wrapper .g-working:after {
    animation: g-working-animation-3 1s linear infinite;
    width: 6rem;
    height: 6rem;
    margin: -3rem;
}

#ic-page-header__search-wrapper__suggestions {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

#ic-page-header__search-wrapper__suggestions:has(#ic-page-header__search-wrapper__suggestions__labels-wrapper:not(.g-display--none)) {
    background: linear-gradient(180deg, var(--g-color--grey-4) 0, var(--g-color--grey-4) 50%, white 50%, white 100%);
}

#ic-page-header__search-wrapper__suggestions__labels-wrapper {
    padding: 1.4rem;
    background-color: var(--g-color--grey-4);
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

#ic-page-header__search-wrapper__suggestions__labels-wrapper .ic-sub-categories-list {
    padding: 0.6rem;
    overflow: hidden;
    max-height: 11.8rem; /* two rows */
}

#ic-page-header__search-wrapper__suggestions__labels-wrapper .ic-sub-categories-list .g-button {
    transform: translateZ(0); /* iOS misealignment fix */
}

#ic-page-header__search-wrapper__suggestions__labels-wrapper .ic-sub-categories-list .g-button.g-button--smaller > span {
    padding: 0 2rem;
}

#ic-page-header__search-wrapper__suggestions__results {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.ic-page-header__search-wrapper__suggestions__results__section {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ic-page-header__search-wrapper__suggestions__results__section-heading-wrapper {
    padding: 2rem;
    padding-bottom: 1rem;
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

.ic-page-header__search-wrapper__suggestions__results__section-heading {
    position: relative;
    padding-bottom: 0;
}

.ic-page-header__search-wrapper__suggestions__results__section__item {
    border: none;
    height: 7.2rem;
}

.ic-page-header__search-wrapper__suggestions__results__section__item:focus,
.ic-page-header__search-wrapper__suggestions__results__section__item:hover,
.ic-page-header__search-wrapper__suggestions__results__section__item:active {
    background-color: var(--ic-color--background--blue);
}

.ic-page-header__search-wrapper__suggestions__results__section__item:focus .g-button--double-lined__secondary-text,
.ic-page-header__search-wrapper__suggestions__results__section__item:hover .g-button--double-lined__secondary-text,
.ic-page-header__search-wrapper__suggestions__results__section__item:active .g-button--double-lined__secondary-text {
    color: var(--g-text-color--orange) !important;
}

.ic-page-header__search-wrapper__suggestions__results__section__item:not(:first-child) {
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-page-header__search-wrapper__suggestions__results__section__item > span {
    justify-content: left;
    padding: 0 2rem !important
}

.ic-page-header__search-wrapper__suggestions__results__section__item .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

#ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper {
    padding: 4rem;
    grid-template-columns: 8.5rem 1fr;
    column-gap: 3rem;
}

#ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__image {
    grid-row: 1 / 3;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1);
}

#ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__heading {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#ic-page-header__search-wrapper__suggestions-wrapper__actions {
    padding: 2rem;
    background-color: var(--g-color--grey-4);
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-page-header__button {
    height: 8rem;
    border: none;
    border-radius: 0.5rem;
    color: var(--g-text-color--link);
}

.ic-page-header__button:focus,
.ic-page-header__button:hover,
.ic-page-header__button:active {
    color: var(--g-text-color--link--hover);
}

.ic-page-header__button .g-button--double-lined__secondary-text {
     color: var(--g-color--red);   
}

.ic-page-header__button:focus .g-button--double-lined__secondary-text,
.ic-page-header__button:hover .g-button--double-lined__secondary-text,
.ic-page-header__button:active .g-button--double-lined__secondary-text {
    color: var(--g-text-color--link--hover);
}

.ic-page-header__button .ic-button--text__bubble {
    bottom: 2.2rem;
}

#ic-page-header__button--search .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) 0;
}

#ic-page-header__button--search:focus .g-button--text__img,
#ic-page-header__button--search:hover .g-button--text__img,
#ic-page-header__button--search:active .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) 0;
}

#ic-page-header__button--account .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) 0;
}

#ic-page-header__button--account:focus .g-button--text__img,
#ic-page-header__button--account:hover .g-button--text__img,
#ic-page-header__button--account:active .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) 0;
}

#ic-page-header__button--shopping-cart {
    margin-right: -3rem;
}

#ic-page-header__button--shopping-cart .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) 0;
}

#ic-page-header__button--shopping-cart:focus .g-button--text__img,
#ic-page-header__button--shopping-cart:hover .g-button--text__img,
#ic-page-header__button--shopping-cart:active .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) 0;
}

#ic-page-header__button--shopping-cart .g-button--double-lined__secondary-text {
    min-width: 7.5rem; /* based on 00.000,- Kč */
    text-align: left;
}

#ic-page-header__button--menu-toggle {
    margin-right: -1rem;
}

#ic-page-header__button--menu-toggle .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) 0;
}

#ic-page-header__button--menu-toggle:focus .g-button--text__img,
#ic-page-header__button--menu-toggle:hover .g-button--text__img,
#ic-page-header__button--menu-toggle:active .g-button--text__img,
#ic-page-header__button--menu-toggle.g-active .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) 0;
}

#ic-page-menu-border {
    position: fixed;
    top: 0;
    width: 100%;
    height: 0.5rem;
    margin-top: 8rem;
    background-color: var(--ic-color--blue);
    z-index: 5;
    box-shadow: var(--g-shadow-1);
    transition: all var(--g-animation-time--quick) linear;
    transition-property: box-shadow;
}

/*
removed after sub-menu changes:

body.ic-body--sub-menu-visible #ic-page-menu-border {
    box-shadow: none;
}
*/

#ic-page-menu-wrapper {
    position: fixed;
    width: 100%;
    height: 6rem;
    margin-top: 8rem;
    background-color: var(--ic-color--blue);
    z-index: 5;
    box-shadow: var(--g-shadow-1); /* added after sub-menu changes */
}

.ic-body--hide-menu-on-scroll #ic-page-menu-wrapper {
    position: absolute;
}

/*
removed after sub-menu changes:

body:not(.ic-body--sub-menu-visible) #ic-page-menu-wrapper {
    box-shadow: var(--g-shadow-1);
}
*/

#ic-page-menu {
    display: flex;
}

#ic-page-menu > li {
    display: block;
    min-width: 0;
    position: relative;
}

#ic-page-menu > li:first-child {
    margin-left: calc(-1 * var(--ic-var__content-padding--menu-like));
}

#ic-page-menu > li:last-child {
    margin-right: calc(-1 * var(--ic-var__content-padding--menu-like));
}

#ic-page-menu > li:not(:first-child) {
    border-left: 0.2rem solid var(--ic-color--blue--inner-border);
}

#ic-page-menu > li.ic-page-menu__item--shrinkable {
    flex-shrink: 99999;
}

#ic-page-menu > li > a:focus,
#ic-page-menu > li > a:hover,
#ic-page-menu > li > a:active {
    background-color: var(--ic-button--hover--blue--background);
}

.ic-page-menu__item--with-popin-menu__pseudo-anchor {
    display: none !important;
}

#ic-page-menu > li.g-active {
    z-index: 1;
    font-weight: 500;
    letter-spacing: 0.02em;
}

#ic-page-menu > li > a {
    display: flex;
    height: 6rem;
    line-height: 6rem;
    padding: 0 var(--ic-var__content-padding--menu-like);
}

#ic-page-menu > li > a > .g-button--text__img {
    align-self: center;
    display: none;
}

#ic-page-menu > li > a.ic-page-menu__item__link--news > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

#ic-page-menu > li.g-active > a.ic-page-menu__item__link--news > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-page-menu > li > a.ic-page-menu__item__link--news:hover > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--news:focus > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--news:active > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--news:hover > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--news:focus > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--news:active > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

#ic-page-menu > li > a.ic-page-menu__item__link--course > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

#ic-page-menu > li.g-active > a.ic-page-menu__item__link--course > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-page-menu > li > a.ic-page-menu__item__link--course:hover > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--course:focus > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--course:active > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--course:hover > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--course:focus > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--course:active > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

#ic-page-menu > li > a.ic-page-menu__item__link--video-course > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

#ic-page-menu > li.g-active > a.ic-page-menu__item__link--video-course > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-page-menu > li > a.ic-page-menu__item__link--video-course:hover > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--video-course:focus > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--video-course:active > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--video-course:hover > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--video-course:focus > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--video-course:active > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

#ic-page-menu > li > a.ic-page-menu__item__link--tailor-made > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

#ic-page-menu > li.g-active > a.ic-page-menu__item__link--tailor-made > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-page-menu > li > a.ic-page-menu__item__link--tailor-made:hover > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--tailor-made:focus > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--tailor-made:active > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--tailor-made:hover > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--tailor-made:focus > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--tailor-made:active > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

#ic-page-menu > li > a.ic-page-menu__item__link--faq > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

#ic-page-menu > li.g-active > a.ic-page-menu__item__link--faq > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-page-menu > li > a.ic-page-menu__item__link--faq:hover > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--faq:focus > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--faq:active > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--faq:hover > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--faq:focus > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--faq:active > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

#ic-page-menu > li > a.ic-page-menu__item__link--contact > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

#ic-page-menu > li.g-active > a.ic-page-menu__item__link--contact > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-page-menu > li > a.ic-page-menu__item__link--contact:hover > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--contact:focus > .g-button--text__img,
#ic-page-menu > li > a.ic-page-menu__item__link--contact:active > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--contact:hover > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--contact:focus > .g-button--text__img,
#ic-page-menu > li.g-active > a.ic-page-menu__item__link--contact:active > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
}

#ic-page-menu > li > a > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-page-menu__popin-menu-wrapper {
    visibility: hidden;
    opacity: 0;
    left: -0.2rem;
    overflow: hidden;
    background-color: white;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    transition: all var(--g-animation-time--quick) linear;
}

.ic-page-menu__popin-menu-wrapper li {
    display: block;
}

.ic-page-menu__popin-menu-wrapper li:not(:last-child) {
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

.ic-page-menu__popin-menu-wrapper .g-button:focus,
.ic-page-menu__popin-menu-wrapper .g-button:hover,
.ic-page-menu__popin-menu-wrapper .g-button:active {
    background-color: var(--g-input--focus--hover--background);
}

.ic-page-menu__popin-menu-wrapper .g-button:focus .g-button--double-lined__secondary-text,
.ic-page-menu__popin-menu-wrapper .g-button:hover .g-button--double-lined__secondary-text,
.ic-page-menu__popin-menu-wrapper .g-button:active .g-button--double-lined__secondary-text {
    color: var(--g-text-color--link--hover) !important
}

.ic-page-menu__popin-menu-wrapper .g-button:focus .g-button--text__img,
.ic-page-menu__popin-menu-wrapper .g-button:hover .g-button--text__img,
.ic-page-menu__popin-menu-wrapper .g-button:active .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
}

.ic-page-menu__popin-menu-wrapper .g-button > span {
    justify-content: start;
    padding: 0 var(--ic-var__content-padding--menu-like);
}

#ic-page-sub-menu-wrapper {
    padding-top: 14rem;
    padding-bottom: 0;
    position: sticky;
    top: 0;
    z-index: 4;
}

.ic-body--hide-menu-on-scroll #ic-page-sub-menu-wrapper {
    top: -6rem; /* should be -5.5rem */
}

body:not(.ic-body--hide-menu-on-scroll) #ic-page-sub-menu-wrapper {
    position: fixed;
    width: 100%;
}

#ic-page-sub-menu {
    background-color: var(--g-color--grey-4);
}

.ic-page-menu__item--with-popin-menu__reveal-button {
    display: none;
    width: calc(1.5rem + 2 * var(--ic-var__page-padding--horizontal));
    min-width: 6rem;
    height: 6rem;
}

.ic-page-menu__item--with-popin-menu__reveal-button > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-page-menu__item--with-popin-menu__reveal-button:focus,
.ic-page-menu__item--with-popin-menu__reveal-button:hover,
.ic-page-menu__item--with-popin-menu__reveal-button:active {
    background-color: var(--g-input--focus--hover--background);
}

.ic-page-menu__item--with-popin-menu__reveal-button:focus > span > .g-button--text__img,
.ic-page-menu__item--with-popin-menu__reveal-button:hover > span > .g-button--text__img,
.ic-page-menu__item--with-popin-menu__reveal-button:active > span > .g-button--text__img,
.ic-page-menu__item--with-popin-menu__reveal-button.g-active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

#ic-page-menu-wrapper__mobile-infobox {
    display: none;
}


/* FOOTER
----------------------------------------------------------*/

#ic-page-footer-wrapper {
    position: relative; /* becase of sticky breadcrumbs */
    z-index: 1; /* becase of sticky breadcrumbs */
    background-color: var(--ic-color--background--blue);
}

#ic-page-footer__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto 1fr;
    row-gap: 4rem;
    column-gap: 4rem;
}

#ic-page-footer__grid > div {
    min-width: 0;
}

#ic-page-footer__grid__column--topics {
    grid-column: 1;
    grid-row: 1/6;
}

#ic-page-footer__grid__column--products {
    grid-column: 2;
    grid-row: 1;
}

#ic-page-footer__grid__column--places {
    grid-column: 2;
    grid-row: 2/4;
}

#ic-page-footer__grid__column--account-and-links {
    grid-column: 3;
    grid-row: 1/3;
}

#ic-page-footer__grid__column--about-us {
    grid-column: 4;
    grid-row: 1/5;
}

#ic-page-footer__grid__column--social {
    grid-column: 3;
    grid-row: 3;
}

#ic-page-footer__grid__column--payments {
    grid-column: 2 / 5;
    grid-row: 5;
}

.ic-page-footer__grid__column--payments__list {
    display: flex;
    justify-content: space-between;
    border-top: 0.2rem solid var(--g-color--grey-2);
    margin-top: -2rem; /* fake value !!! needs to be changed if content is changed */
    padding-top: 4rem;
}

body:not(.ic-cart-page--persons):not(.ic-cart-page--customer) .ic-page-footer__grid__column--payments__list {
    display: none;
}

.ic-page-footer__grid__column--payments__list__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(3.6rem * 2);
    height: calc(2rem * 2);
}

.ic-page-footer__grid__column--payments__list__item__image {
    flex-shrink: 0;
    width: calc(6rem * 2);
    height: calc(6rem * 2);
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12);
}

.ic-page-footer__grid__column--payments__list__item__image--visa-secure {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13);
}

.ic-page-footer__grid__column--payments__list__item__image--mastercard-secure {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14);
}

.ic-page-footer__grid__column--payments__list__item__image--visa {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-page-footer__grid__column--payments__list__item__image--visa-electron {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15);
}

.ic-page-footer__grid__column--payments__list__item__image--mastercard {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16);
}

.ic-page-footer__grid__column--payments__list__item__image--mastercard-electronic {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
}

.ic-page-footer__grid__column--payments__list__item__image--maestro {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 19) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18);
}

#ic-page-footer__grid > div > div + div {
    margin-top: 4rem;
}

.ic-page-footer__grid__column-heading {
    margin-bottom: 1rem;
    padding: 0;
}

#ic-page-footer__grid ul:not(.ic-page-footer__grid__contacts-list):not(.ic-page-footer__grid__socials-list) li:before {
    display: none;
}

#ic-page-footer__grid ul:not(.ic-page-footer__grid__contacts-list):not(.ic-page-footer__grid__socials-list) {
    list-style: circle;
    padding-left: 1.7rem; /* seems about right */
}

.ic-page-footer__grid__contacts-list li {
    height: 2.6rem;
}

.ic-page-footer__grid__contacts-list li:not(:first-child) {
    margin-top: 1rem;
}

.ic-page-footer__grid__contacts-list .g-button {
    height: 2.6rem;
    overflow: visible;
}

.ic-page-footer__grid__contacts-list .g-button > span {
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 0;
    overflow: visible;
}

.ic-page-footer__grid__contacts-list .g-button > span .g-button--text__img {
    margin-top: -1.5rem;
}

.ic-page-footer__grid__contacts-list .g-button > span .g-button--text__text {
    height: 2.6rem;
    line-height: 2.6rem;
}

.ic-page-footer__grid__socials-list {
    display: flex;
}

.ic-page-footer__grid__socials-list li {
    height: 6rem;
    margin-top: -1.2rem;
    margin-bottom: -1.2rem;
}

.ic-page-footer__grid__socials-list li:first-child {
    margin-left: -0.8rem;
}

.ic-page-footer__grid__socials-list .g-button {
    width: 5.6rem; /* so that distance between images is 2rem */
}

.ic-page-footer__grid__socials-list .g-button > span {
    padding: 0;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1.8rem;
    box-shadow: var(--g-shadow-1);
}

.ic-page-footer__grid__socials-list .g-button > span .g-button--text__img {
    align-self: center;
}

.ic-page-footer__grid__socials-list__facebook > span {
    background-color: #1877F2; /* because of iOS */
}

.ic-page-footer__grid__socials-list__facebook > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) 0;
}

.ic-page-footer__grid__socials-list__facebook:focus > span,
.ic-page-footer__grid__socials-list__facebook:hover > span,
.ic-page-footer__grid__socials-list__facebook:active > span {
    background-color: var(--g-color--orange);
}

.ic-page-footer__grid__socials-list__facebook:focus > span .g-button--text__img,
.ic-page-footer__grid__socials-list__facebook:hover > span .g-button--text__img,
.ic-page-footer__grid__socials-list__facebook:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) 0;
}

.ic-page-footer__grid__socials-list__linkedin > span {
    background-color: #006EB8; /* because of iOS */
}

.ic-page-footer__grid__socials-list__linkedin > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) 0;
}

.ic-page-footer__grid__socials-list__linkedin:focus > span,
.ic-page-footer__grid__socials-list__linkedin:hover > span,
.ic-page-footer__grid__socials-list__linkedin:active > span {
    background-color: var(--g-color--orange);
}

.ic-page-footer__grid__socials-list__linkedin:focus > span .g-button--text__img,
.ic-page-footer__grid__socials-list__linkedin:hover > span .g-button--text__img,
.ic-page-footer__grid__socials-list__linkedin:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) 0;
}

.ic-page-footer__grid__socials-list__youtube > span {
    background-color: #FF0000; /* because of iOS */
}

.ic-page-footer__grid__socials-list__youtube > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) 0;
}

.ic-page-footer__grid__socials-list__youtube:focus > span,
.ic-page-footer__grid__socials-list__youtube:hover > span,
.ic-page-footer__grid__socials-list__youtube:active > span {
    background-color: var(--g-color--orange);
}

.ic-page-footer__grid__socials-list__youtube:focus > span .g-button--text__img,
.ic-page-footer__grid__socials-list__youtube:hover > span .g-button--text__img,
.ic-page-footer__grid__socials-list__youtube:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13) 0;
}


/* MODAL
----------------------------------------------------------*/

.ic-modal__container {
    width: 64rem;
    max-width: calc(100vw - 6rem);
    max-height: calc(100vh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    overflow: hidden;
    padding: 0;
    border: none;
    outline: none;
    animation: ic-modal-container--show-animation var(--g-animation-time--slow) ease-out 1 forwards;
    overscroll-behavior: contain; /* doesnt't work */
}

.ic-modal__container__content {
    max-height: calc(100vh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    overflow-y: auto;
    scrollbar-width: thin;
    overscroll-behavior: contain;
}

.ic-modal__container__content .ic-content-box__section__part:first-child .ic-h2-heading {
    padding-right: calc(5.4rem - 4rem + var(--ic-var__content-padding));
}

.ic-modal__container--closing {
    animation: ic-modal-container--close-animation var(--g-animation-time--quick) ease-in 1 forwards;
}

.ic-modal__container::backdrop {
    background-color: rgb(100,100,100); /* = g-color--grey */
    opacity: 0;
    transition: all 0.125s ease-out;
    overscroll-behavior: contain; /* doesnt't work */
}

.ic-modal__container--opening::backdrop {
    opacity: 0.75;
}

.ic-modal__container--closing::backdrop {
    opacity: 0;
    transition-timing-function: ease-in;
}

.ic-modal__container__focus-catcher {
    outline: none;
}

.ic-modal__close-button {
    -webkit-transform: translate3d(0, 0, 0); /* iOS bug fix */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 5.4rem;
    height: 5.4rem;
    background-color: var(--g-color--grey-2);
    border-bottom-left-radius: 0.5rem;
    z-index: 3; /* because of image gallery */
}

.ic-modal__close-button > span {
    padding: 0 !important;
    line-height: 5rem;
}

.ic-modal__close-button > span .g-button--text__img {
    width: 5rem;
    height: 5rem;
    transform: scale(1.2);
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10);
}

.ic-modal__close-button:focus,
.ic-modal__close-button:hover,
.ic-modal__close-button:active {
    background-color: white;
}

.ic-modal__close-button--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ic-modal__image {
    width: 33%;
    padding-bottom: 33%;
    background-image: url(/img/layout/ic-frontend_web_icons_sl.svg);
    background-size: 600%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.ic-modal__image--confirmation {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1);
}

.ic-modal__image--error {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1);
}

.ic-modal__image--exclamation {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1) 0;
}


/* CONTAINER, CONTENT BOX, INPUTS GROUP
----------------------------------------------------------*/

.ic-container {
    min-width: 0;
}

.ic-container--stretchable,
.ic-container--stretchable > *:only-child {
    height: 100%;
}

.ic-content-box {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.ic-content-box__section {
    padding: 4rem;
    border-bottom-width: 0.2rem;
    border-bottom-style: solid;
}

.ic-content-box__section.ic-content-box__section--no-padding {
    padding: 0 !important;
}

.ic-content-box__section:last-of-type {
    border-bottom-width: 0;
}

.ic-content-box__section__heading {
    font-size: 1.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2rem;
}

.ic-content-box__section__heading--larger-margin {
    margin-bottom: 2.5rem;
}

.ic-content-box__section__part {
    margin-bottom: 4rem;
}

.ic-content-box__section__part:last-of-type {
    margin-bottom: 0;
}

.ic-content-box__section__part.ic-content-box__section__part--small-spacing {
    margin-bottom: 2rem;
}

.ic-content-box__section__part.ic-content-box__section__part--smallest-spacing {
    margin-bottom: 1rem;
}

.ic-content-box__section__part.ic-content-box__section__part--none-spacing {
    margin-bottom: 0;
}

.ic-content-box__section__part.ic-content-box__section__part--top-spacing {
    margin-top: 4rem;
}

.ic-content-box__section__part__row {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.ic-content-box__section__part__row--with-gap {
    column-gap: calc(2 * var(--ic-var__content-padding));
}

.ic-content-box__section__part__row__column {
    min-width: 0;
}

.ic-inputs-group {
    display: flex;
}

.ic-inputs-group__section {
    display: flex; /* experimental - not tested */
    flex-direction: column; /* experimental - not tested */
    width: 100%;
    min-width: 0;
    padding: 0 1rem;
    margin-bottom: 2rem;
}

.ic-inputs-group__section:first-child {
    padding-left: 0;
}

.ic-inputs-group__section:last-child {
    padding-right: 0;
}

.ic-inputs-group__section.ic-inputs-group__section--no-spacing {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ic-inputs-group__section--pseudo-label-padding {
    padding-top: 2.5rem !important;
}

.ic-inputs-group__section--checkbox {
    width: 5.4rem;
    flex-shrink: 0;
}

.ic-inputs-group__section--button--square {
    width: 5.4rem;
    flex-shrink: 0;
}

.ic-inputs-group__section--button--square > button {
    width: 5.4rem;
}

.ic-inputs-group__section--button--square > button > span {
    padding: 0 !important;
}

.ic-inputs-group__section-input-with-text {
    flex-direction: row;
}

.ic-inputs-group__section-input-with-text > label {
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 3.4rem;
    padding-left: 1.5rem;
    overflow: hidden;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.ic-inputs-group__section-input-with-text input {
    width: 3.4rem;
    height: 3.4rem;
}

.ic-inputs-group__section-input-with-text input[type=checkbox]:checked:after {
    top: -1rem;
    left: -1rem;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLTAwYjZkNWQxLWZkNmQtNDNjNy1hNDkyLTMxZGMyYTU1MzUzZCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtMDhlNzY3NDQtY2QxYS00MzRhLWI3YTctN2RhMTFmZTgxNzMxIj48cmVjdCB4PSI1MS4yODgiIHk9IjMzLjI3NyIgd2lkdGg9IjYiIGhlaWdodD0iMzMuNDQ2IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUxLjI1NiAtMjMuNzQzKSByb3RhdGUoNDUpIiBmaWxsPSIjMTkxOTE5Ii8+PHJlY3QgeD0iMzcuMjgzIiB5PSI0Ni4zNjMiIHdpZHRoPSI2IiBoZWlnaHQ9IjE4LjA5IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNy45NDYgNjYuMTAyKSByb3RhdGUoMTM1KSIgZmlsbD0iIzE5MTkxOSIvPjwvZz48L3N2Zz4=");
}

.ic-inputs-group__section-input-with-text input[type=checkbox][type=checkbox]:indeterminate:after {
    top: -1rem;
    left: -1rem;
    width: 5rem;
    height: 5rem;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLTVlZGY1MWZhLTZiOGEtNGI4MC04NTFlLTUxYTBiNGE3YzQwNCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtYzgxOGFlMDktNGQ1Yi00YTIxLThlM2EtMDgxMTE3M2NjNjQzIj48cmVjdCB4PSIzNiIgeT0iNDciIHdpZHRoPSIyOCIgaGVpZ2h0PSI2IiByeD0iMyIgcnk9IjMiIGZpbGw9IiMxOTE5MTkiLz48L2c+PC9zdmc+");
}

.ic-inputs-group__section-input-with-text__button {
    width: auto;
    height: 3.4rem;
    border: none;
}

.ic-inputs-group__section-input-with-text__button > span {
    padding: 0 0 0 1.5rem !important;
    line-height: 3.4rem;
    justify-content: start;
    flex-direction: row-reverse;
}

.ic-inputs-group__section-input-with-text__button > span span:not(.g-button--text__img) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-inputs-group__section-input-with-text__button > span .g-button--text__img {
    width: 3.4rem;
    height: 3.4rem;
    transform: scale(1.765);
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
    margin-left: 0.5rem;
}

.ic-inputs-group__section-input-with-text__button:focus > span .g-button--text__img,
.ic-inputs-group__section-input-with-text__button:hover > span .g-button--text__img,
.ic-inputs-group__section-input-with-text__button:active > span .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-inputs-group:last-child:not(.ic-inputs-group--not-last-line) .ic-inputs-group__section,
.ic-inputs-group.ic-inputs-group--last-line .ic-inputs-group__section,
.ic-inputs-group .ic-inputs-group__section--last-line {
    margin-bottom: 0;
}

.ic-inputs-group:not(:last-child) .ic-inputs-group__section--bottom-bordered:not(.ic-inputs-group__section--last-line),
.ic-inputs-group.ic-inputs-group--not-last-line .ic-inputs-group__section--bottom-bordered:not(.ic-inputs-group__section--last-line) {
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

.ic-inputs-group__section--top-bordered {
    margin-top: 2rem;
    padding-top: 2rem !important;
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-inputs-group__section--input-with-text {
    flex-direction: row;
}

.ic-inputs-group__section--input-with-text label {
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 5.4rem;
    padding-left: 1.5rem;
    overflow: hidden;
}

.ic-inputs-group__section--input-with-text label .g-label__note {
    font-size: 1.4rem;
    color: var(--g-text-color--grey) !important;
}

.ic-label__inner-note {
    padding-left: 0.8ch;
}

.ic-text-block-input {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-text-block-input p {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0;
}

.ic-text-block-input ul.g-list-style-default:not(.ic-list-style-default--dont-simplify) li:only-child {
    margin-left: -1em;
}

.ic-text-block-input ul.g-list-style-default:not(.ic-list-style-default--dont-simplify) li:only-child::before {
    color: var(--g-color--grey-03);
}

.ic-inputs-group:not(:last-child) .ic-inputs-group__section--bottom-bordered:not(.ic-inputs-group__section--last-line) .ic-text-block-input,
.ic-inputs-group.ic-inputs-group--not-last-line .ic-inputs-group__section--bottom-bordered:not(.ic-inputs-group__section--last-line) .ic-text-block-input {
    margin-bottom: 2rem;
}


/* HOME PAGE
----------------------------------------------------------*/

#ic-home-page__section--products {
    background-color: var(--ic-color--background--blue);
}

#ic-home-page__section--products__grid {
    display: grid;
    grid-template-columns: 8fr 6fr;
    grid-template-rows: 1fr auto;
    column-gap: var(--ic-var__content-gap--horizontal);
}

#ic-home-page__section--products__grid__heading {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    padding-top: 2rem;
}

#ic-home-page__section--products__grid__heading__h1 {
    line-height: 1.28;
}

#ic-home-page__section--products__grid__information {
    max-width: 62rem;
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.ic-home-page__section--products__grid__text {
    font-size: 2.8rem;
    line-height: 1.25; /* line-height = 3.5rem */
    padding-bottom: 0;
    color: var(--g-color--orange);
}

.ic-home-page__section--products__grid__sub-text {
    font-size: 1.4rem;
    line-height: 1.36;
}

#ic-home-page__section--products__grid__products {
    grid-column: 2;
    grid-row: 1/3;
    min-width: 0;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}

#ic-home-page__section--products__grid__products > .g-button {
    width: 100%;
    height: 100%;
    background-color: white;
    border-width: 0;
}

#ic-home-page__section--products__grid__products > .g-button > span {
    flex-direction: column;
    align-items: center;
    overflow: visible;
    padding: 2rem;
}

#ic-home-page__section--products__grid__products > .g-button > span > .g-button--text__img {
    width: 6rem;
    height: 6rem;
    margin: 0;
    margin-top: 0.5rem;
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
    transform: scale(1);
}

#ic-home-page__section--products__grid__products > .g-button > span > .g-button--text__text {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 0.8rem;
    margin-bottom: 0.7rem;
}

#ic-home-page__section--products__grid__products > .g-button:focus,
#ic-home-page__section--products__grid__products > .g-button:hover,
#ic-home-page__section--products__grid__products > .g-button:active {
    background-color: var(--g-button--outline--hover--orange--background--flat);
}

#ic-home-page__section--products__grid__products > .g-button:focus > span > .g-button--text__img,
#ic-home-page__section--products__grid__products > .g-button:hover > span > .g-button--text__img,
#ic-home-page__section--products__grid__products > .g-button:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

#ic-home-page__section--products__grid__products__item--contact.g-button > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
}

#ic-home-page__section--products__grid__products__item--contact.g-button:focus > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--contact.g-button:hover > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--contact.g-button:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16);
}

#ic-home-page__section--products__grid__products__item--offsite-course.g-button > span > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
}

#ic-home-page__section--products__grid__products__item--offsite-course.g-button:focus > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--offsite-course.g-button:hover > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--offsite-course.g-button:active > span > .g-button--text__img {
    background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16);
}

#ic-home-page__section--products__grid__products__item--online-course.g-button > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
}

#ic-home-page__section--products__grid__products__item--online-course.g-button:focus > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--online-course.g-button:hover > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--online-course.g-button:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16);
}

#ic-home-page__section--products__grid__products__item--video-course.g-button > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
}

#ic-home-page__section--products__grid__products__item--video-course.g-button:focus > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--video-course.g-button:hover > span > .g-button--text__img,
#ic-home-page__section--products__grid__products__item--video-course.g-button:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16);
}

#ic-home-page__section--main-content__grid {
    display: grid;
    grid-template-columns: 3fr 2fr; /* use to be 12fr 7fr but looks strange on contact page */
    grid-gap: var(--ic-var__content-gap--horizontal);
}


/* PRODUCTS FILTER + PAGE
----------------------------------------------------------*/

.ic-products-filter__section--last {
    padding-right: 0 !important;
}

.ic-products-filter__section--last + .ic-inputs-group__section {
    padding-left: 2rem;
}

.ic-products-filter__section--last + .ic-inputs-group__section.ic-inputs-group__section--mobile-small-spacing {
    padding-left: 1rem;
}

.ic-products-filter input.g-active,
.ic-products-filter select.g-active {
    background-color: white;
    border-color: var(--g-color--orange) !important;
    color: var(--ic-color--mix-of-orange-and-red) !important;
}

.ic-products-filter select.g-active {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+YXJyb3c8L3RpdGxlPjxnIGlkPSJTVkdfRklYIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIvPjwvZz48ZyBpZD0iRFJPUERPV04iPjxnIGlkPSJWcnN0dmFfMThfa29waWVfMiIgZGF0YS1uYW1lPSJWcnN0dmEgMTgga29waWUgMiI+PHJlY3QgeD0iNDAuNTI0IiB5PSI0NyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjYiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDM5IDczLjk1MSkgcm90YXRlKC02MCkiIGZpbGw9IiM2NDY0NjQiLz48cmVjdCB4PSI0MC40NzYiIHk9IjM0IiB3aWR0aD0iNiIgaGVpZ2h0PSIzMiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzY0NjQ2NCIvPjwvZz48L2c+PC9zdmc+") !important;
    /* use to be: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWQzN2Y1ODYyLTY3NzQtNGMzNi1iMWEzLTRjZTQzYzhmNDI0NyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtM2JiOTc1ZmYtNmQ5MC00OTAzLTgyMTMtYTgzY2FkNzRjZGM2Ij48ZyBpZD0idXVpZC02ZTRlNDJiOS0zNTEwLTQ1M2UtODRhMC0wZTZhZThjNjVmNTYiPjxyZWN0IHg9IjQwLjUyNCIgeT0iNDciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMzkgNzMuOTUxKSByb3RhdGUoLTYwKSIgZmlsbD0iI2VjNGMxZiIvPjxyZWN0IHg9IjQwLjQ3NiIgeT0iMzQiIHdpZHRoPSI2IiBoZWlnaHQ9IjMyIiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iI2VjNGMxZiIvPjwvZz48L2c+PC9zdmc+") */
}

.ic-products-filter input.g-active:focus,
.ic-products-filter input.g-active:hover,
.ic-products-filter input.g-active:active,
.ic-products-filter select.g-active:focus,
.ic-products-filter select.g-active:hover,
.ic-products-filter select.g-active:active {
    background-color: var(--g-button--outline--hover--orange--background--flat);
    border-color: var(--g-color--orange) !important;
}

.ic-modal__container .ic-products-filter select.g-active {
    color: var(--ic-color--mix-of-orange-and-red) !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+YXJyb3c8L3RpdGxlPjxnIGlkPSJTVkdfRklYIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIvPjwvZz48ZyBpZD0iRFJPUERPV04iPjxnIGlkPSJWcnN0dmFfMThfa29waWVfMiIgZGF0YS1uYW1lPSJWcnN0dmEgMTgga29waWUgMiI+PHJlY3QgeD0iNDAuNTI0IiB5PSI0NyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjYiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDM5IDczLjk1MSkgcm90YXRlKC02MCkiIGZpbGw9IiM2NDY0NjQiLz48cmVjdCB4PSI0MC40NzYiIHk9IjM0IiB3aWR0aD0iNiIgaGVpZ2h0PSIzMiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzY0NjQ2NCIvPjwvZz48L2c+PC9zdmc+") !important;
}

.ic-products-filter select.ic-select--offseted {
    text-indent: -2.1rem;
}

.ic-products-filter select.g-active option:checked {
    font-weight: 500;
    letter-spacing: 0.02em;
    /* use to be:
    color: var(--ic-color--mix-of-orange-and-red) !important;
    */
}

.ic-products-filter__cancel-button--desktop {
    height: 4.8rem;
}

.ic-products-filter__cancel-button--desktop > span,
.ic-products-filter__cancel-button--desktop > span > .g-button--text__text {
    line-height: 4.4rem;
}

.ic-products-filter__cancel-button {
    width: 4.8rem;
    height: 4.8rem;
    background-color: white !important;
    border-color: var(--g-color--orange) !important;
}

.ic-products-filter__cancel-button:focus,
.ic-products-filter__cancel-button:hover,
.ic-products-filter__cancel-button:active {
    background-color: var(--g-button--outline--hover--orange--background--flat) !important;
}

.ic-products-filter__cancel-button > span {
    padding: 0 !important;
    height: 4.4rem;
    line-height: 4.4rem;
}

.ic-products-filter__cancel-button .g-button--text__img {
    margin: -0.6rem;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
    /* arrow size decreased: */
    transform: none;
}

.ic-products-filter__cancel-button--next-to-option {
    width: 5.4rem;
    height: 5.4rem;
    margin-left: 0.5rem;
    background-color: white !important;
    border-color: var(--g-color--orange) !important 
}

.ic-products-filter__cancel-button--next-to-option:focus,
.ic-products-filter__cancel-button--next-to-option:hover,
.ic-products-filter__cancel-button--next-to-option:active {
    background-color: var(--g-button--outline--hover--orange--background--flat) !important;
}

.ic-products-filter__cancel-button--next-to-option > span {
    padding: 0 !important;
    height: 5rem;
    line-height: 5rem;
}

.ic-products-filter__cancel-button--next-to-option .g-button--text__img {
    margin: -0.3rem;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
    transform: scale(1.071);
}

#ic-products-filter-mobile-dialog select:disabled,
.ic-products-filter__cancel-button--next-to-option:disabled {
    background-color: white !important;
}

#ic-products-filter-mobile-dialog select.g-active:disabled {
    color: var(--ic-color--mix-of-orange-and-red) !important;
    -webkit-text-fill-color: var(--ic-color--mix-of-orange-and-red) !important;
    border-color: var(--g-color--orange) !important;
}

#ic-products-filter--desktop .ic-content-box__section {
    padding: 2rem 0 2rem 0;
}

#ic-products-filter--desktop .ic-h2-heading {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0;
    margin-top: 0.5rem;
}

#ic-products-filter--desktop .ic-inputs-group__section {
    position: relative;
}

.ic-products-filter--desktop__section:after {
    position: absolute;
    content: '';
    top: -0.6rem;
    left: 1.2rem;
    display: block;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    pointer-events: none;
}

.ic-products-filter--desktop__section--date select {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--date)) / 2)) * 2 + 3.5rem);
}

.ic-products-filter--desktop__section--date select.ic-select--offseted {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--date)) / 2)) * 2 + 3.5rem - 2.1rem);
}

.ic-products-filter--desktop__section--date:after {
    left: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--date)) / 2) + 1.2rem));
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
}

.ic-products-filter--desktop__section--date:has(.g-active):after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

.ic-products-filter--desktop__section--lecturer select {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--lecturer)) / 2)) * 2 + 3.5rem);
}

.ic-products-filter--desktop__section--lecturer select.ic-select--offseted {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--lecturer)) / 2)) * 2 + 3.5rem - 2.1rem);
}

.ic-products-filter--desktop__section--lecturer:after {
    left: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--lecturer)) / 2) + 1.2rem));
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-products-filter--desktop__section--lecturer:has(.g-active):after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

.ic-products-filter--desktop__section--place select {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--place)) / 2)) * 2 + 3.5rem);
}

.ic-products-filter--desktop__section--place select.ic-select--offseted {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--place)) / 2)) * 2 + 3.5rem - 2.1rem);
}

.ic-products-filter--desktop__section--place:after {
    left: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--place)) / 2) + 1.2rem));
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-products-filter--desktop__section--place:has(.g-active):after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

.ic-products-filter--desktop__section--topic select {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2)) * 2 + 3.5rem);
}

.ic-products-filter--desktop__section--topic select.ic-select--offseted {
    text-indent: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2)) * 2 + 3.5rem - 2.1rem);
}

.ic-products-filter--desktop__section--topic:after {
    left: calc((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2) + 1.2rem));
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-products-filter--desktop__section--topic:has(.g-active):after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
}

#ic-products-filter--desktop input,
#ic-products-filter--desktop select {
    height: 4.8rem;
    border-color: var(--g-text-color--link);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLTlhZGVmMGY2LWIzMmMtNDE2Yi04YTNhLTU3OTRmMGFkMjkxYiI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtNTY3ZThlNGItMDU3MC00Mzk2LWI4MDYtODczNzZlYmYzZjY4Ij48ZyBpZD0idXVpZC1mOTg0Njg2Ny1hZjJkLTQ0MGMtODA3My02YTA5NjRmNjlhODUiPjxyZWN0IHg9IjQwLjUyNCIgeT0iNDciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMzkgNzMuOTUxKSByb3RhdGUoLTYwKSIgZmlsbD0iIzAwNmViOCIvPjxyZWN0IHg9IjQwLjQ3NiIgeT0iMzQiIHdpZHRoPSI2IiBoZWlnaHQ9IjMyIiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzAwNmViOCIvPjwvZz48L2c+PC9zdmc+");
    /* arrow size decreased: */
    background-size: 4.4rem;
    background-position: calc(100% - 0.2rem) 0;
    padding-right: 4.6rem;
    color: var(--g-text-color--link);
}

.ic-products-filter--desktop__button--cancel-select {
    display: none;
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
    top: -0.8rem;
    right: 0.4rem;
    border-radius: 2rem;
    box-shadow: 0 0 0 0.3rem var(--g-color--grey-4);
    overflow: visible;
}

.ic-products-filter__section--last .ic-products-filter--desktop__button--cancel-select {
    right: -0.6rem;
}

.ic-products-filter--desktop__button--cancel-select:focus,
.ic-products-filter--desktop__button--cancel-select:hover,
.ic-products-filter--desktop__button--cancel-select:active {
    background-color: var(--g-color--orange) !important;
    border-color: var(--g-color--grey-4) !important;
    box-shadow: 0 0 0 0.2rem var(--g-button--hover--orange--background), 0 0 0 0.5rem var(--g-color--grey-4);
}

#ic-products-filter--desktop input.g-active + .ic-products-filter--desktop__button--cancel-select,
#ic-products-filter--desktop select.g-active + .ic-products-filter--desktop__button--cancel-select {
    display: block;
}

.ic-products-filter--desktop__button--cancel-select > span {
    padding: 0 !important;
}

.ic-products-filter--desktop__button--cancel-select > span > .g-button--text__img {
    width: 2rem;
    height: 2rem;
    background-size: 6000%;
    background-position-x: calc((14 - 1 + (0.5 - (50 / 6000) * 20)) * (5% + 5% / ((6000/ 100 - 1))));
    background-position-y: calc((4 - 1 + (0.5 - (50 / 6000) * 20)) * (5% + 5% / ((6000 / 100 - 1))));
    transform: none;
}

.ic-products-filter--desktop__button--cancel-select__hover-expander {
    position: absolute;
    width: 2.4rem !important;
    top: -0.2rem;
    left: -0.2rem;
    opacity: 0.5;
    border-radius: 50%;
    height: 2.4rem;
    transform: scale(2);
    z-index: 1;
}

#ic-products-filter--mobile .ic-content-box__section {
    padding: 2.5rem 0 2rem 0;
}

.ic-products-filter--mobile__section {
    position: relative;
}

.ic-products-filter--mobile__section:after {
    position: absolute;
    content: '';
    top: -0.6rem;
    left: 0.2rem;
    display: block;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    pointer-events: none;
}

.ic-products-filter--mobile__section--filter:after {
    left: calc((1.5rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--filter)) / 2) + 0.2rem));
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 0) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12);
}

.ic-products-filter--mobile__section--filter:has(.g-active):after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
}

#ic-products-filter--mobile__button {
    height: 4.8rem;
    background-color: white;
    border-color: var(--g-text-color--link);
}

#ic-products-filter--mobile__button:focus,
#ic-products-filter--mobile__button:hover,
#ic-products-filter--mobile__button:active {
    background-color: var(--g-input--focus--hover--background);
}

#ic-products-filter--mobile__button.g-active {
    border-color: var(--g-color--orange);
}

#ic-products-filter--mobile__button.g-active:focus,
#ic-products-filter--mobile__button.g-active:hover,
#ic-products-filter--mobile__button.g-active:active {
    background-color: var(--g-button--outline--hover--orange--background--flat);
}

#ic-products-filter--mobile__button > span {
    justify-content: start;
    height: 4.4rem;
    line-height: 4.4rem;
    padding-left: calc(1.5rem + var(--ic-var__icon-width--frontend_web_icons_m--filter) + 1.5rem - 1rem);
    padding-right: 5.2rem;
}

#ic-products-filter--mobile__button > span > .g-button--text__text {
    display: flex;
    align-self: center;
    gap: 0.5rem;
}

#ic-products-filter--mobile__button > span > .g-button--text__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.2rem;
    height: 5.2rem;
    top: -0.4rem;
    transform: scale(1);
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLTlhZGVmMGY2LWIzMmMtNDE2Yi04YTNhLTU3OTRmMGFkMjkxYiI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtNTY3ZThlNGItMDU3MC00Mzk2LWI4MDYtODczNzZlYmYzZjY4Ij48ZyBpZD0idXVpZC1mOTg0Njg2Ny1hZjJkLTQ0MGMtODA3My02YTA5NjRmNjlhODUiPjxyZWN0IHg9IjQwLjUyNCIgeT0iNDciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMzkgNzMuOTUxKSByb3RhdGUoLTYwKSIgZmlsbD0iIzAwNmViOCIvPjxyZWN0IHg9IjQwLjQ3NiIgeT0iMzQiIHdpZHRoPSI2IiBoZWlnaHQ9IjMyIiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzAwNmViOCIvPjwvZz48L2c+PC9zdmc+");
}

#ic-products-filter--mobile__button.g-active > span {
    padding-left: calc(1.5rem + var(--ic-var__icon-width--frontend_web_icons_m--filter) + 1.5rem);
}

#ic-products-filter--mobile__button.g-active > span > .g-button--text__img {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGl0bGU+YXJyb3c8L3RpdGxlPjxnIGlkPSJTVkdfRklYIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIvPjwvZz48ZyBpZD0iRFJPUERPV04iPjxnIGlkPSJWcnN0dmFfMThfa29waWVfMiIgZGF0YS1uYW1lPSJWcnN0dmEgMTgga29waWUgMiI+PHJlY3QgeD0iNDAuNTI0IiB5PSI0NyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjYiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDM5IDczLjk1MSkgcm90YXRlKC02MCkiIGZpbGw9IiM2NDY0NjQiLz48cmVjdCB4PSI0MC40NzYiIHk9IjM0IiB3aWR0aD0iNiIgaGVpZ2h0PSIzMiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iIzY0NjQ2NCIvPjwvZz48L2c+PC9zdmc+");
    /* use to be:
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWQzN2Y1ODYyLTY3NzQtNGMzNi1iMWEzLTRjZTQzYzhmNDI0NyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtM2JiOTc1ZmYtNmQ5MC00OTAzLTgyMTMtYTgzY2FkNzRjZGM2Ij48ZyBpZD0idXVpZC02ZTRlNDJiOS0zNTEwLTQ1M2UtODRhMC0wZTZhZThjNjVmNTYiPjxyZWN0IHg9IjQwLjUyNCIgeT0iNDciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2IiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMzkgNzMuOTUxKSByb3RhdGUoLTYwKSIgZmlsbD0iI2VjNGMxZiIvPjxyZWN0IHg9IjQwLjQ3NiIgeT0iMzQiIHdpZHRoPSI2IiBoZWlnaHQ9IjMyIiByeD0iMyIgcnk9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS4xNzUgMjguNDM3KSByb3RhdGUoLTMwKSIgZmlsbD0iI2VjNGMxZiIvPjwvZz48L2c+PC9zdmc+");
    */
}

.ic-products-filter--mobile__button__label {
    min-width: 0;
    color: var(--g-text-color--link);
    height: 2.4rem;
    line-height: 2.4rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ic-products-filter--mobile__button.g-active .ic-products-filter--mobile__button__label {
    font-size: 1.4rem;
    color: var(--ic-color--mix-of-orange-and-red);
    background-color: var(--g-color--grey-3);
}

#ic-products-filter--mobile__button.g-active:not(:has(:nth-child(3n))) .ic-products-filter--mobile__button__label:first-child:not(:last-child) {
    flex-shrink: 0;
    max-width: calc(100% - 7rem);
}

#ic-products-page__description {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    row-gap: 2rem;
}

#ic-products-page__description.ic-products-page__description--with-button {
    grid-template-columns: 1fr auto;
}

#ic-products-page__description.ic-products-page__description--with-image {
    grid-template-columns: auto 1fr;
}

#ic-products-page__description.ic-products-page__description--with-image.ic-products-page__description--with-button {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
}

#ic-products-page__description.ic-products-page__description--with-image > .ic-product-page__lecturers-grid__list__item__img-wrapper {
    grid-column: 1;
    grid-row: 1;
    margin-right: var(--ic-var__content-padding);
}

#ic-products-page__description.ic-products-page__description--with-image.ic-products-page__description--with-button > .ic-product-page__lecturers-grid__list__item__img-wrapper {
    grid-column: 1;
    grid-row: 1 / 3;
}

#ic-products-page__description.ic-products-page__description--with-image > p {
    grid-column: 2;
    grid-row: 1;
}

#ic-products-page__description.ic-products-page__description--with-button:not(.ic-products-page__description--with-image) > p {
    padding-right: 4rem;
}

#ic-products-page__description.ic-products-page__description--with-image.ic-products-page__description--with-button > #ic-products-page__description__button--help {
    grid-column: 2;
    grid-row: 2;
    width: auto;
    margin-right: auto;
}

#ic-products-page__description__button--help {
    border: 0.2rem solid var(--ic-color--blue);
    background-color: transparent;
}

#ic-products-page__description__button--help:focus,
#ic-products-page__description__button--help:hover,
#ic-products-page__description__button--help:active {
    border-color: var(--g-color--orange);
}

.ic-sub-categories-list #ic-products-page__description__button--help {
    min-width: 0 !important;
}


/* SUB-CATEGORIES LIST
----------------------------------------------------------*/

.ic-sub-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.ic-sub-categories-list > .g-button {
    flex-grow: 1;
    width: auto;
}

.ic-sub-categories-list .g-button:not(.ic-sub-categories-list__button--all) {
    background-color: white;
    border-width: 0;
}

.ic-sub-categories-list .g-button:not(.ic-sub-categories-list__button--all):focus,
.ic-sub-categories-list .g-button:not(.ic-sub-categories-list__button--all):hover,
.ic-sub-categories-list .g-button:not(.ic-sub-categories-list__button--all):active {
    background-color: var(--g-button--outline--hover--orange--background--flat);
}

.ic-sub-categories-list.ic-sub-categories-list--blue .g-button:not(.ic-sub-categories-list__button--all):focus,
.ic-sub-categories-list.ic-sub-categories-list--blue .g-button:not(.ic-sub-categories-list__button--all):hover,
.ic-sub-categories-list.ic-sub-categories-list--blue .g-button:not(.ic-sub-categories-list__button--all):active {
    background-color: var(--g-input--focus--hover--background);
}


/* LABELS
----------------------------------------------------------*/

.ic-multi-label {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    align-items: center;
}

.ic-multi-label > .g-button {
    width: auto !important;
}

.ic-multi-label > a:not(:first-child) {
    border-left: 0.2rem solid var(--g-color--grey-2) !important;
}

.ic-multi-label > a:not(:first-child) > span {
    padding: 0 !important;
}


/* PRODUCTS LIST
----------------------------------------------------------*/

.ic-products-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}
.ic-products-list + .ic-products-list {
    margin-top: 1rem;
}

.ic-products-list__item-wrapper {
    grid-column: 1 / -1;
    display: block;
    min-width: 0;
    overflow: hidden;
}

.g-color--white .ic-products-list__item-wrapper {
    box-shadow: var(--g-shadow-1--on-white);
}

.g-color--grey-4 .ic-products-list__item-wrapper {
    box-shadow: var(--g-shadow-1);
}

.ic-products-list__item {
    display: grid;
    grid-template-columns: 18rem 8fr 27rem;
    grid-template-rows: auto 1fr;
    padding: 2rem var(--ic-var__content-padding);
    background-color: white;
    border-left-width: 0.8rem;
    border-left-style: solid;
    border-radius: 0.5rem;
    height: 100%;
    box-sizing: border-box;
}

.ic-products-list__item:focus,
.ic-products-list__item:hover,
.ic-products-list__item:active {
    background-color: var(--g-input--focus--hover--background);
}

.ic-products-list__item__column {
    min-width: 0;
    overflow: hidden;
    padding: 0.5rem var(--ic-var__content-padding); /* use to be 0.2rem + var */
}

.ic-products-list__item__column p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-products-list__item__column--info {
    grid-column: 1;
    grid-row: 1/3;
    padding-left: 0;
    border-left: none;
}

.ic-products-list__item__column--info__place {
    white-space: normal !important;
}

.ic-products-list__item__column--info__venue {
    white-space: normal !important;
}

.ic-products-list__item__column--info__text--large {
    font-size: 1.8rem;
}

.ic-products-list__item__column--info__text--small {
    font-size: 1.4rem;
}

.ic-products-list__item__column--main {
    grid-column: 2;
    grid-row: 1/3;
    border-left: 0.2rem solid var(--g-color--grey-3);
    border-right: 0.2rem solid var(--g-color--grey-3);
}

.ic-products-list__item__column--main__h3 {
    font-size: 1.8rem;
}

.ic-products-list__item__column--main__details {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ic-products-list__item__column--main__details__row {
    display: flex;
    gap: 3rem;
}

.ic-products-list__item__column--main__details__row--lectures {
    margin-top: 0.2rem;
}

.ic-products-list__item__column--main__details__row--lectures p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.ic-products-list__item__column--main__details__row--lectures p span {
    display: inline-block;
}

.ic-products-list__item__column--main__details__row--labels {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
    margin-top: 0.4rem;
    margin-bottom: 0.3rem;
}

.ic-products-list__item__column--main__details__row--labels__label {
    box-sizing: border-box;
    min-height: 2.4rem;
    line-height: 2.1rem;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    padding: 0.15rem 1rem;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-products-list__item__column--main__details__row--labels__label--accreditation {
    background-color: var(--g-color--grey-3);
    color: var(--g-text-color--grey);
}

.ic-products-list__item__column--main__details__row--labels__label--guarantee {
    background-color: var(--g-color--turquoise);
    color: white;
}

.ic-products-list__item__column--main__details__row--labels__label--note {
    background-color: var(--g-color--orange);
    color: white;
}

.ic-products-list__item__column--main__details__row--labels__label--note--dark {
    background-color: var(--g-color--grey);
    color: white;
}

.ic-products-list__item__column--main__details__row--labels__label--note--pseudo-grey {
    background-color: var(--g-color--turquoise);
    color: white;
    filter: grayscale(1);
}

.ic-products-list__item__column--main__details__row--labels__label--warning {
    background-color: var(--g-color--red);
    color: white;
}

.ic-products-list__item__column--pricing {
    grid-column: 3;
    grid-row: 1;
    padding-right: 0;
    padding-bottom: 0;
}

.ic-products-list__item__column--link {
    grid-column: 3;
    grid-row: 2;
    padding-right: 0;
    padding-top: 0;
    overflow: visible;
}

.ic-products-list__item__column--link > .g-button {
    width: 100% !important;
    margin-top: 0.6rem;
}

.ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button,
.ic-products-list-wrapper--low-contrast .ic-products-list--video-courses__details__offer > .g-button {
    box-shadow: none !important;
    background-color: transparent !important;
    color: var(--g-button--hover--green-2--border) !important;
}

.ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button:focus,
.ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button:hover,
.ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button:active,
.ic-products-list-wrapper--low-contrast .ic-products-list--video-courses__details__offer > .g-button:focus,
.ic-products-list-wrapper--low-contrast .ic-products-list--video-courses__details__offer > .g-button:hover,
.ic-products-list-wrapper--low-contrast .ic-products-list--video-courses__details__offer > .g-button:active {
    background-color: var(--g-button--outline--hover--green--background) !important;
}

.ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button .g-button--text__img {
    display: none !important;
}

.ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button .g-button--text__text {
    margin-right: 0 !important;
}


/* PRODUCTS LIST - EMPTY
----------------------------------------------------------*/

#ic-empty-list-wrapper {
    display: grid;
    grid-template-columns: 18rem 1fr;
    column-gap: 6rem;
}

#ic-empty-list-wrapper.ic-empty-list-wrapper--in-header {
    margin-top: 2rem;
}

#ic-empty-list-wrapper__image {
    width: 100%;
    padding-bottom: 100%;
    background-image: url(/img/layout/ic-frontend_web_icons_sl.svg);
    background-size: 600%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2) 0;
    align-self: center;
    grid-column: 1;
    grid-row: 1/4;
}

#ic-empty-list-wrapper__heading {
    grid-row: 1;
    grid-column: 2;
    align-self: end;
}

#ic-empty-list-wrapper__text {
    grid-row: 2;
    grid-column: 2;
}

#ic-empty-list-wrapper__buttons-group {
    justify-content: left;
    grid-row: 3;
    grid-column: 2;
    align-self: start;
}


/* ERROR MESSAGE
----------------------------------------------------------*/

#ic-error-message-wrapper {
    display: grid;
    grid-template-columns: 14rem 1fr;
    column-gap: var(--ic-var__content-padding);
    margin: auto;
}

#ic-error-message-wrapper__image {
    width: 100%;
    padding-bottom: 100%;
    background-image: url(/img/layout/ic-frontend_web_icons_sl.svg);
    background-size: 600%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2);
    align-self: center;
    grid-column: 1;
    grid-row: 1 / 3;
}

#ic-error-message-wrapper__h2 {
    grid-row: 1;
    grid-column: 2;
    align-content: end;
    font-size: 2.2rem;
    line-height: 1;
    margin-bottom: 1rem;
}

#ic-error-message-wrapper__text {
    grid-row: 2;
    grid-column: 2;
}


/* PRODUCTS LIST - VIDEO COURSES
----------------------------------------------------------*/

.ic-products-list--video-courses__item-wrapper {
    display: block;
    min-width: 0;
}

.g-color--white .ic-products-list--video-courses__item-wrapper {
    box-shadow: var(--g-shadow-1--on-white);
}

.g-color--grey-4 .ic-products-list--video-courses__item-wrapper {
    box-shadow: var(--g-shadow-1);
}

.ic-products-list--video-courses__item {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    background-color: white;
    overflow: hidden;
}

.ic-products-list--video-courses__item:focus,
.ic-products-list--video-courses__item:hover,
.ic-products-list--video-courses__item:active {
    background-color: var(--g-input--focus--hover--background);
}

.ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__item {
    grid-template-columns: calc((100% - 8.6rem) / 3) auto;
    grid-template-rows: auto;
}

.ic-products-list--video-courses__item__image-container {
    padding: 2rem;
}

.ic-products-list--video-courses__item__image-wrapper {
    position: relative;
    background-color: var(--g-color--grey-4);
    aspect-ratio: 16 / 9;
    font-size: 0;
    border-radius: 0.5rem;
    overflow: hidden;
}

.ic-products-list--video-courses__item__image-wrapper:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    pointer-events: none;
    box-shadow: inset 0 0 0 0.2rem var(--ic-color--blue);
}

.ic-products-list--video-courses__item:focus .ic-products-list--video-courses__item__image-wrapper:after,
.ic-products-list--video-courses__item:hover .ic-products-list--video-courses__item__image-wrapper:after,
.ic-products-list--video-courses__item:active .ic-products-list--video-courses__item__image-wrapper:after {
    box-shadow: inset 0 0 0 0.2rem var(--g-color--orange);
}

.ic-products-list--video-courses__item__image-wrapper img {
    object-fit: cover;
}

.ic-products-list--video-courses__item__image-wrapper__button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5.4rem;
    transform: translate(-50%, -50%) scale(0.8);
    border-radius: 50%;
    background-color: white !important;
    border-color: white !important;
}

.ic-products-list--video-courses__item__image-wrapper__button:focus,
.ic-products-list--video-courses__item__image-wrapper__button:hover,
.ic-products-list--video-courses__item__image-wrapper__button:active {
    background-color: var(--g-input--focus--hover--background) !important;
    border-color: var(--g-input--focus--hover--background) !important
}

.ic-products-list--video-courses__item__image-wrapper__button > span {
    padding: 0 !important;
}

.ic-products-list--video-courses__item__image-wrapper__button .g-button--text__img {
    /* because of iOS misalignment bug: */
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWQxNTE1OWQ1LWIxMjItNDllZS1hOTg1LWJiOTE5ZmIzY2IwNSI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtMjU4ZGQ2OWEtNjlhMy00ZTVkLTg2NmMtYzVlNmFiMjliMmRkIj48ZyBpZD0idXVpZC1jZWM4YWQ2MC02OTgwLTRhMzktYWYyYS00ZjI3MDE2MWQxYjQiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjYiIGZpbGw9IiMxOTE5MTkiLz48cGF0aCBkPSJtNTAsMjBjMTYuNTQyLDAsMzAsMTMuNDU4LDMwLDMwcy0xMy40NTgsMzAtMzAsMzAtMzAtMTMuNDU4LTMwLTMwLDEzLjQ1OC0zMCwzMC0zMG0wLTZjLTE5Ljg4MiwwLTM2LDE2LjExOC0zNiwzNnMxNi4xMTgsMzYsMzYsMzYsMzYtMTYuMTE4LDM2LTM2UzY5Ljg4MiwxNCw1MCwxNGgwWiIgZmlsbD0iIzAwNmViOCIvPjxwYXRoIGQ9Im02My41MDQsNDguMzM2bC0xOC4zOTQtMTIuMjYzYy0xLjMyOS0uODg2LTMuMTA5LjA2Ny0zLjEwOSwxLjY2NHYyNC41MjZjMCwxLjU5NywxLjc4LDIuNTUsMy4xMDksMS42NjRsMTguMzk0LTEyLjI2M2MxLjE4Ny0uNzkyLDEuMTg3LTIuNTM3LDAtMy4zMjhaIiBmaWxsPSIjMDA2ZWI4Ii8+PC9nPjwvZz48L3N2Zz4=");
    background-size: 5rem;
    background-position: top right;
    background-repeat: no-repeat;
    transform: scale(1.25);
}

.ic-products-list--video-courses__item:focus .ic-products-list--video-courses__item__image-wrapper__button .g-button--text__img,
.ic-products-list--video-courses__item:hover .ic-products-list--video-courses__item__image-wrapper__button .g-button--text__img,
.ic-products-list--video-courses__item:active .ic-products-list--video-courses__item__image-wrapper__button .g-button--text__img {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWZiM2Y0NTQ1LWRhZmEtNGY4OC1hNjQzLTMwMzBmNTAxOTU3OCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtMGMyMWZmNjMtMmNjMC00YjE3LTlhYzAtZjE4MGJmMmM1MzAzIj48ZyBpZD0idXVpZC0yZmE1YTkwYi0xZmMzLTQ1MTgtYWRhYy1lM2JlYzA5Y2I0YmUiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjYiIGZpbGw9IiMxOTE5MTkiLz48cGF0aCBkPSJtNTAsMjBjMTYuNTQyLDAsMzAsMTMuNDU4LDMwLDMwcy0xMy40NTgsMzAtMzAsMzAtMzAtMTMuNDU4LTMwLTMwLDEzLjQ1OC0zMCwzMC0zMG0wLTZjLTE5Ljg4MiwwLTM2LDE2LjExOC0zNiwzNnMxNi4xMTgsMzYsMzYsMzYsMzYtMTYuMTE4LDM2LTM2UzY5Ljg4MiwxNCw1MCwxNGgwWiIgZmlsbD0iI2VkNWYxMCIvPjxwYXRoIGQ9Im02My41MDQsNDguMzM2bC0xOC4zOTQtMTIuMjYzYy0xLjMyOS0uODg2LTMuMTA5LjA2Ny0zLjEwOSwxLjY2NHYyNC41MjZjMCwxLjU5NywxLjc4LDIuNTUsMy4xMDksMS42NjRsMTguMzk0LTEyLjI2M2MxLjE4Ny0uNzkyLDEuMTg3LTIuNTM3LDAtMy4zMjhaIiBmaWxsPSIjZWQ1ZjEwIi8+PC9nPjwvZz48L3N2Zz4=");
}

.ic-products-list--video-courses__item__text-wrapper {
    padding: 2rem;
    padding-top: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.ic-products-list--video-courses__item__h2 {
    font-size: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ic-products-list--video-courses__details {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    min-width: 0;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-products-list--video-courses__details p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-products-list--video-courses__details__info {
    min-width: 0;
    overflow: hidden;
}

.ic-products-list--video-courses__details__info__heading {
    padding-bottom: 0.2rem !important;
}

.ic-products-list--video-courses__details__info__item {
    position: relative;
    padding-left: 3rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.ic-products-list--video-courses__details__info__item + .ic-products-list--video-courses__details__info__item {
    margin-top: 0.2rem;
}

.ic-products-list--video-courses__details__info__item:after {
    position: absolute;
    content: '';
    left: -0.2rem;
    top: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5000%;
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((5 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-products-list--video-courses__details__info__item--recorded:after {
    top: -0.2rem;
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((4 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-products-list--video-courses__details__offer {
    flex-shrink: 0;
    min-width: 0;
    padding-left: var(--ic-var__content-padding);
    border-left: 0.2rem solid var(--g-color--grey-2);
}

.ic-products-list--video-courses__details__offer__heading {
    display: flex;
    gap: 0.5ch;   
    padding-bottom: 0.6rem !important;
}

.ic-products-list--video-courses__details__offer__button {
    width: 100% !important;
    height: 4.8rem;
}

.ic-products-list--video-courses__details__offer__button > span {
    line-height: 4.4rem;
}

.ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
    width: 24rem;
}

.ic-products-list--video-courses__item-wrapper:not(:only-child) .ic-products-list--video-courses__details__offer__button > span > .g-button--text__img {
    display: none;
}

.ic-products-list--video-courses__item-wrapper:not(:only-child) .ic-products-list--video-courses__details__offer__button > span > .g-button--text__text {
    margin-right: 0 !important;
}


/* SEARCH PAGE
----------------------------------------------------------*/

#ic-search-page__heading-grid .ic-h1-heading:only-child {
    margin-bottom: 0;
}

#ic-search-page__heading-grid .ic-sub-categories-list {
    margin-top: 2.4rem;
}

#ic-search-page__heading-grid .ic-sub-categories-list .g-button {
    width: auto !important;
}

#ic-product-page__navigation-container-wrapper.ic-search-page__navigation-container-wrapper + section {
    border-top-width: 0 !important;
}


/* CONTACTS LIST + PAGE
----------------------------------------------------------*/

.ic-contacts-list {
    display: flex;
    gap: 1rem;
}

.ic-contacts-list > a {
    background-color: white;
    border-width: 0;
    height: 8rem;
}

.ic-contacts-list > a:focus,
.ic-contacts-list > a:hover,
.ic-contacts-list > a:active {
    background-color: var(--g-button--outline--hover--orange--background--flat);
}

.ic-contacts-list .g-button--double-lined__secondary-text {
    font-weight: 400;
    letter-spacing: 0;
}

.ic-contacts-list > .ic-contacts-list__item--questions .g-button--double-lined__secondary-text {
    color: var(--ic-color--blue) !important;
}

.ic-contacts-list > a:focus .g-button--double-lined__secondary-text,
.ic-contacts-list > a:hover .g-button--double-lined__secondary-text,
.ic-contacts-list > a:active .g-button--double-lined__secondary-text {
    color: var(--g-color--orange) !important;
}

#ic-contact-us-page__section--main-content__grid {
    display: grid;
    grid-template-columns: 3fr 2fr; /* use to be 12fr 7fr but looks strange on contact page */
    grid-gap: var(--ic-var__content-gap--horizontal);
}

#ic-contact-us-page__section--main-content__grid__about-us > div {
    padding: 2rem 0;
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

#ic-contact-us-page__section--main-content__grid__about-us > div:first-child {
    padding-top: 0;
}

#ic-contact-us-page__section--main-content__grid__about-us > div:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#ic-contact-us-page__section--main-content__grid__about-us > div > div {
    border-left: 0.5rem solid var(--ic-color--blue);
    padding-left: var(--ic-var__content-padding);
}


/* CONTACT FORM
----------------------------------------------------------*/

.g-color--grey #ic-contact-form {
    color: white;
}

.g-color--grey #ic-contact-form .ic-inputs-group__section label > span,
.g-color--grey #ic-contact-form .ic-inputs-group__section .g-label > span {
    color: white;
}

.g-color--grey #ic-contact-form .ic-h2-heading--with-image--send:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

#ic-contact-form .ic-content-box__section {
    padding: 0;
}

#ic-contact-us-page__section--main-content__grid__form #ic-contact-form__section--email {
    padding-right: 0;
}

#ic-contact-us-page__section--main-content__grid__form #ic-contact-form__section--phone {
    display: none;
}

#ic-contact-form__column--send {
    display: flex;
    justify-content: center;
}


/* SUBSCRIBE FORM + PAGE
----------------------------------------------------------*/

#ic-subscribe-form .ic-content-box__section {
    padding: 0;
}

#ic-subscribe-form__column--inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 9.9rem auto;
    column-gap: 4rem;
}

#ic-subscribe-form__group--email {
    min-width: 0;
    grid-row: 1;
    grid-column: 1;
}

#ic-subscribe-form__group--places {
    min-width: 0;
    grid-row: 2;
    grid-column: 1;
}

#ic-subscribe-form__group--topics {
    min-width: 0;
    grid-row: 1 / 3;
    grid-column: 2;
}

#ic-subscribe-form__group--action {
    min-width: 0;
    grid-row: 3;
    grid-column: 1 / 3;
}

#ic-subscribe-form .ic-inputs-group__section {
    margin: 0;
}

.g-color--grey #ic-subscribe-form h2,
.g-color--grey #ic-subscribe-form p {
    color: white;
}

.g-color--grey #ic-subscribe-form .ic-inputs-group__section > label > span,
.g-color--grey #ic-subscribe-form .ic-inputs-group__section > .g-label > span {
    color: white;
}

.g-color--grey #ic-subscribe-form .ic-h2-heading--with-image--subscribe:after {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

#ic-subscribe-page__error {
    padding: 2rem var(--ic-var__content-padding);
    margin-top: -2rem;
}

#ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-inputs-group .ic-inputs-group__section,
#ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-subscribe-page__form__labels-section .ic-inputs-group__section {
    margin-bottom: 1.5rem !important;
}

#ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-inputs-group:last-child .ic-inputs-group__section:last-child,
#ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-subscribe-page__form__labels-section:last-child .ic-inputs-group__section:last-child {
    margin-bottom: 0 !important;
}

.ic-subscribe-page__form__h2 {
    font-size: 2.2rem;
    line-height: 3.3rem;
}

.ic-subscribe-page__form__h2 > span {
    padding-left: 4.9rem;
}

.ic-subscribe-page__form__h2:after {
    left: -0.1rem;
    top: -0.15rem;
}

.ic-subscribe-page__form__labels-section__children-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    padding-left: 4.9rem;
    overflow: hidden;
    transition: all var(--g-animation-time--quick) linear;
    transition-property: grid-template-rows;
}

.ic-subscribe-page__form__labels-section.g-active .ic-subscribe-page__form__labels-section__children-wrapper {
    grid-template-rows: 1fr;
}

.ic-subscribe-page__form__labels-section__children-wrapper__list {
    height: 100%;
    overflow: hidden;
}

.ic-subscribe-page__form__labels-section__children-wrapper__list .ic-inputs-group__section-input-with-text > label {
    font-weight: 400;
    letter-spacing: 0;
}

body.ic-subscribe-page #ic-floater {
    visibility: visible;
    opacity: 1;
}

body.ic-subscribe-page--actions-visible #ic-floater {
    visibility: hidden;
    opacity: 0;
}


/* FAQ PAGE + QUESTIONS LIST
----------------------------------------------------------*/

.ic-faq-page__online-courses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ic-var__content-gap--horizontal);
}

.ic-faq-topics-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}

.ic-faq-topics-list > a {
    background-color: white;
    border-width: 0;
    height: 8rem;
}

.ic-faq-topics-list > a > span {
    justify-content: start;
    text-align: left;
}

.ic-faq-topics-list > .ic-faq-topics-list__item--contact {
    background-color: transparent !important;
    border: 0.2rem solid var(--ic-color--blue);
    color: var(--ic-color--blue);
}

.ic-faq-topics-list .g-button--double-lined__secondary-text {
    font-weight: 400;
    letter-spacing: 0;
}

.ic-faq-topics-list > .ic-faq-topics-list__item--contact .g-button--double-lined__secondary-text {
    color: var(--ic-color--blue) !important;
}

.ic-faq-topics-list > .ic-faq-topics-list__item--contact:focus,
.ic-faq-topics-list > .ic-faq-topics-list__item--contact:hover,
.ic-faq-topics-list > .ic-faq-topics-list__item--contact:active {
    color: var(--g-text-color--link--hover) !important;
    border: 0.2rem solid var(--g-color--orange);
}

.ic-faq-topics-list > .ic-faq-topics-list__item--contact:focus .g-button--double-lined__secondary-text,
.ic-faq-topics-list > .ic-faq-topics-list__item--contact:hover .g-button--double-lined__secondary-text,
.ic-faq-topics-list > .ic-faq-topics-list__item--contact:active .g-button--double-lined__secondary-text {
    color: var(--g-text-color--link--hover) !important;
}

.ic-faq-topics-list > a:focus,
.ic-faq-topics-list > a:hover,
.ic-faq-topics-list > a:active {
    background-color: var(--g-button--outline--hover--orange--background--flat);
}

.ic-faq-topics-list > a:focus .g-button--double-lined__secondary-text,
.ic-faq-topics-list > a:hover .g-button--double-lined__secondary-text,
.ic-faq-topics-list > a:active .g-button--double-lined__secondary-text {
    color: var(--g-color--orange) !important;
}

.ic-questions-list-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--ic-var__content-gap--horizontal);
}

.ic-questions-list-wrapper--two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--ic-var__content-gap--horizontal);
}

.ic-questions-list {
    margin-bottom: -2rem !important;
}

.ic-questions-list > li {
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-questions-list > li > .g-button {
    display: block;
    height: auto;
    border: none;
    color: var(--g-text-color--link);
}

.ic-questions-list > li > .g-button:focus,
.ic-questions-list > li > .g-button:hover,
.ic-questions-list > li > .g-button:active {
    color: var(--g-text-color--link--hover);
}

.ic-questions-list > li > .g-button > span {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0;
}

.ic-questions-list > li > .g-button > span > .g-button--text__text {
    padding: 2rem 0;
    text-align: left;
    line-height: 1.5;
    white-space: normal;
}

.ic-questions-list > li > .g-button > span > .g-button--text__img {
    align-self: center;
    margin-left: 0;
    margin-right: -2rem;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-questions-list > li > .g-button:focus > span > .g-button--text__img,
.ic-questions-list > li > .g-button:hover > span > .g-button--text__img,
.ic-questions-list > li > .g-button:active > span > .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
}

.ic-questions-list > li > div {
    display: grid;
    grid-template-rows: 0fr;
    transition: all var(--g-animation-time--quick) linear;
    clip-path: inset(0 -1rem 0 0);
}

.ic-questions-list > li.g-active > div {
    grid-template-rows: 1fr;
    padding-bottom: 2rem;
    clip-path: none;
}

.ic-questions-list > li > div > p,
.ic-questions-list > li > div > ul {
    overflow: hidden;
    margin-top: calc(-2rem + 1em);
}


/* VENUE PAGE
----------------------------------------------------------*/

#ic-venue-page__section--main-content__grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: var(--ic-var__content-gap--horizontal);
}

#ic-venue-page__section--main-content__grid > div {
    min-width: 0;
}

#ic-venue-page__section--main-content__grid.ic-venue-page__section--main-content__grid--simple {
    grid-template-columns: auto !important;
}


/* CUSTOM MADE PAGE
----------------------------------------------------------*/

#ic-custom-made-page__description {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4rem;
}

#ic-custom-made-page__description__button {
    border: 0.2rem solid var(--ic-color--blue);
}

#ic-custom-made-page__description__button:focus,
#ic-custom-made-page__description__button:hover,
#ic-custom-made-page__description__button:active {
    border-color: var(--g-color--orange);
}

.ic-custom-made-page__list li {
    position: relative;
    font-size: 1.6rem;
    padding-bottom: 1em;
    padding-left: 2rem;
}

.ic-custom-made-page__list li:last-child {
    padding-bottom: 0;
}

.ic-custom-made-page__list li:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 0.8rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.5rem;
    background-color: var(--g-text-color--green); 
}

#ic-custom-made-page__topics-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ic-var__content-gap--horizontal);
}


/* ARTICLE PAGE + LIST
----------------------------------------------------------*/

.ic-article-list__item-wrapper > a {
    display: block;
    padding: 4rem 0;
    border-top: 0.2rem solid var(--g-color--grey-2);
}

.ic-article-list__item-wrapper:first-child > a {
    padding-top: 0;
    border-top: none;
}

.ic-article-list__item-wrapper:last-of-type > a {
    padding-bottom: 0;
}

.ic-article-list__item {
    padding-left: var(--ic-var__content-padding);
    border-left: 0.5rem solid var(--g-color--grey-2);
}

.ic-article-list__item__h2 {
    font-size: 2.2rem;
    margin-bottom: 0.6rem;
}

.ic-article-list__info {
    display: flex;
    font-size: 1.6rem;
    gap: 2rem;
}

.ic-article-list__info--in-heading {
    gap: 3rem;
}

.ic-article-list__info p,
.ic-article-list__info a {
    position: relative;
    padding-left: 3rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.ic-article-list__info p:not(:first-child),
.ic-article-list__info a:not(:first-child),
.ic-article-list__info p:only-child,
.ic-article-list__info a:only-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.ic-article-list__info p:after,
.ic-article-list__info a:after {
    position: absolute;
    content: '';
    left: -0.2rem;
    top: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5000%;
}

.ic-article-list__info__item--date:after {
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((3 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    top: -0.1rem !important;
}

.ic-article-list__info__item--author:after {
    background-position-x: calc((19 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((3 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-article-list__info__item--location--link:after {
    background-position-x: calc((19 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((5 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-article-list__info__item--location--link:focus:after,
.ic-article-list__info__item--location--link:hover:after,
.ic-article-list__info__item--location--link:active:after {
    background-position-x: calc((19 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((6 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-article-list__perex {
    margin: 1rem 0;
}


/* PRODUCT PAGE
----------------------------------------------------------*/

.ic-page-anchor--product-page {
    top: -27.1rem;
}

#ic-product-page__heading-grid {
    display: grid;
    grid-template-columns: 1fr 30rem;
    grid-template-rows: auto 1fr;
    min-height: 13.9rem;
    row-gap: 2rem;
    column-gap: var(--ic-var__content-gap--horizontal);
}

#ic-product-page__heading-grid.ic-product-page__heading-grid--no-terms {
    min-height: 17.3rem;
}

#ic-product-page__heading-grid__column--heading {
    grid-row: 1;
    grid-column: 1;
    min-width: 0;
}

#ic-product-page__heading-grid__column--heading > .ic-h1-heading {
    margin-bottom: 0;
}

#ic-product-page__heading-grid__column--texts {
    grid-row: 2;
    grid-column: 1;
    min-width: 0;
}

#ic-product-page__heading-grid__column--texts > .ic-products-list__item__column--main__details__row--labels {
    margin: 0;
    margin-bottom: 1rem;
}

#ic-product-page__heading-grid__column--term-box {
    grid-row: 1 / 3;
    grid-column: 2;
    position: relative;
    min-width: 0;
}

#ic-product-page__heading-grid__term-box-wrapper {
    position: absolute;
    height: calc(100% + 2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#ic-product-page__heading-grid.ic-product-page__heading-grid--no-terms #ic-product-page__heading-grid__term-box-wrapper {
    width: 100%;
}

#ic-product-page__heading-grid__term-box-wrapper > label,
#ic-product-page__heading-grid__term-box-wrapper > .g-label {
    flex-shrink: 0;
}

#ic-product-page__heading-grid__term-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 13.4rem; /* = 1 item */
    box-sizing: border-box;
    padding: 2rem;
    overflow: hidden;
}

#ic-product-page__heading-grid__term-box__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 26rem;
    max-height: calc(2.4rem * 4); /* max 6 termínů */
    column-gap: 2rem;
    box-sizing: border-box;
    overflow: hidden;
}

#ic-product-page__heading-grid__term-box__list li {
    width: calc(26rem - 2em);
    height: 2.4rem;
    box-sizing: border-box;
    color: var(--g-text-color--link);
}

#ic-product-page__heading-grid__term-box__list li > p {
    display: inline-flex;
    height: 2.4rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--g-text-color--grey);
}

#ic-product-page__heading-grid__term-box__divider {
    height: 2rem;
    min-height: 0.6rem; /* use to be 1rem */
    flex-shrink: 99999;
}

#ic-product-page__heading-grid__term-box:has(#ic-product-page__heading-grid__term-box__list li:only-child) #ic-product-page__heading-grid__term-box__divider {
    height: 1rem;
    flex-shrink: 0;
}

#ic-product-page__heading-grid__term-box__button {
    flex-shrink: 0;
}

#ic-product-page__heading-grid__term-box__button .g-button--double-lined__secondary-text {
    font-weight: 400;
    letter-spacing: 0;
    color: white !important;
}

#ic-product-page__navigation-container-wrapper {
    position: sticky;
    top: 14.9rem;
    padding: 0 !important;
    z-index: 3;
    clip-path: inset(0 0 -1rem 0)
}

#ic-product-page__navigation {
    display: flex;
}

#ic-product-page__navigation > li {
    display: block;
}

#ic-product-page__navigation > li > a,
#ic-product-page__navigation > li > div {
    display: flex;
    align-items: center;
    height: 6rem;
}

#ic-product-page__navigation > li:first-child > a,
#ic-product-page__navigation > li:first-child > div {
    margin-left: calc(var(--ic-var__content-padding--subnav-like) * -1);
}

#ic-product-page__navigation > li > a > p,
#ic-product-page__navigation > li > div > p {
    line-height: 3rem;
    border-left: 0.2rem solid var(--g-color--grey-2);
    white-space: nowrap;
}

#ic-product-page__navigation > li:first-child > a > p,
#ic-product-page__navigation > li:first-child > div > p {
    border-left: none;
}

#ic-product-page__navigation > li > a > p > span,
#ic-product-page__navigation > li > div > p > span {
    position: relative;
    display: block;
    margin: 0 var(--ic-var__content-padding--subnav-like);
}

#ic-product-page__navigation > li.g-active > a > p > span,
#ic-product-page__navigation > li.g-active > div > p > span {
    color: var(--g-text-color--grey);
}

#ic-product-page__navigation > li.g-active > a > p > span:after,
#ic-product-page__navigation > li.g-active > div > p > span:after {
    position: absolute;
    display: block;
    content: '';
    left: calc(var(--ic-var__content-padding--subnav-like) * -1 / 2 - 0.5rem);
    width: calc(100% + var(--ic-var__content-padding--subnav-like) + 1rem);
    height: 0.4rem;
    background-color: var(--g-color--orange);
    bottom: -1.5rem;
    border-radius: 0.2rem;
    z-index: 1;
}

#ic-product-page__navigation > li.g-active > a:focus > p > span,
#ic-product-page__navigation > li.g-active > a:hover > p > span,
#ic-product-page__navigation > li.g-active > a:active > p > span {
    color: var(--g-text-color--link--hover);
}

#ic-product-page__lecturers-grid {
    display: grid;
    grid-template-columns: 1fr 30rem;
    gap: var(--ic-var__content-gap--horizontal);
}

#ic-product-page__lecturers-grid.ic-product-page__lecturers-grid--simple {
    grid-template-columns: auto !important;
}

#ic-product-page__lecturers-grid__column--heading-and-list {
    min-width: 0;
}

#ic-product-page__lecturers-grid__column--send-question {
    min-width: 0;
    margin-bottom: -2rem; /* same as term-box */
}

.ic-product-page__lecturers-grid__list__item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-rows: min-content;
    column-gap: var(--ic-var__content-padding);
}

.ic-product-page__lecturers-grid__list__item:not(:first-child) {
    padding-top: 4rem;
    margin-top: 4rem;
    border-top: 0.2rem solid var(--g-color--grey-2);
}

#ic-product-page__lecturers-grid__list:not(:has(.ic-product-page__lecturers-grid__list__item--with-image)) .ic-product-page__lecturers-grid__list__item {
    column-gap: 0;
}

.ic-product-page__lecturers-grid__list__item__img-wrapper {
    grid-row: 1 / 5;
    width: 14.5rem;
    margin-top: 0.4rem;
    height: 14.5rem;
    flex-shrink: 0;
    border: 0.2rem solid white;
    overflow: hidden;
    border-radius: 50%;
}

#ic-product-page__lecturers-grid__list:not(:has(.ic-product-page__lecturers-grid__list__item--with-image)) .ic-product-page__lecturers-grid__list__item__img-wrapper {
    display: none;
}

.ic-product-page__lecturers-grid__list__item__name-wrapper {
    grid-row: 1;
    grid-column: 2;
    padding: 0;
    margin-bottom: 1rem;
}

.ic-product-page__lecturers-grid__list__item__about-wrapper {
    grid-row: 2;
    grid-column: 2;
    padding: 0;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper {
    grid-row: 3;
    grid-column: 2;
    display: flex;
    margin-top: 1rem;
    overflow: hidden;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p {
    min-width: 0;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p > a {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.4rem;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p:last-child > a {
    white-space: normal;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p > a > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p:first-of-type:not(:only-child) {
    flex-shrink: 0;
    max-width: calc(100% - 16rem);
    padding-right: 2rem;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper > p:last-of-type:not(:only-child) {
    padding-left: 2rem;
}

.ic-product-page__lecturers-grid__list__item__links-wrapper__divider {
    border-left: 0.2rem solid var(--g-color--grey-2);
}

#ic-product-page__lecturers-grid__question-box > div {
    padding: 2rem;
}

#ic-product-page__lecturers-grid__question-box > div button {
    margin-top: 2rem;
}

.ic-product-page__note-wrapper {
    padding: 2rem var(--ic-var__content-padding);
    margin-bottom: 4rem;
}

p + .ic-product-page__note-wrapper {
    margin-top: 2.4rem;
}

.ic-product-page__note-wrapper--with-image {
    display: flex;
    align-items: center;
    gap: var(--ic-var__content-padding);
    padding: 0 !important;
    overflow: hidden;
}

.ic-product-page__note-wrapper--with-image__img {
    height: 12rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    box-shadow: var(--g-shadow-1);
}

.ic-product-page__note-wrapper--with-image__img--width-8-2-rem {
    width: 8.2rem;
}

.ic-product-page__note-wrapper--with-image__img--width-8-7-rem {
    width: 8.7rem;
}

#ic-product-page__accreditations-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--ic-var__content-gap--horizontal);
}

#ic-product-page__accreditations-grid:has(#ic-product-page__accreditations-grid__column--list__auto-accreditation) {
    grid-template-columns: 1fr 1fr;
}

#ic-product-page__accreditations-grid__column--list {
    min-width: 0;
}

#ic-product-page__accreditations-grid__column--list__auto-accreditation .g-button {
    height: auto;
    overflow: visible;
}

#ic-product-page__accreditations-grid__column--list__auto-accreditation .g-button > span {
    justify-content: start;
    padding: 0;
    overflow: visible;
}

#ic-product-page__accreditations-grid__column--list__auto-accreditation .g-button .g-button--text__img {
    margin: -0.65rem 1rem -0.65rem -1rem;
}

#ic-product-page__accreditations-grid__column--list__auto-accreditation .g-button .g-button--text__text {
    line-height: 1.5;
}

#ic-product-page__accreditations-grid__column--list__auto-accreditation .g-button .g-button--double-lined__secondary-text {
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
}

#ic-product-page__accreditations-grid__column--about {
    min-width: 0;
    margin-bottom: -2rem;
}

#ic-product-page__accreditations-grid__accreditation-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ic-var__content-gap--horizontal--small);
    padding: 2rem;
}

#ic-product-page__accreditations-grid__accreditation-box.ic-product-page__accreditations-grid__accreditation-box--single-column {
    grid-template-columns: 1fr;
}

.ic-terms-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ic-terms-list__item {
    display: grid;
    grid-template-columns: 20rem 1fr 23rem 25rem; /* + 2rem vs ic-products-list__item */
    grid-template-rows: 6.4rem 1fr;
    padding: 2rem var(--ic-var__content-padding);
    font-size: 0;
    border-left-width: 0.8rem;
    border-left-style: solid;
}

.ic-terms-list__item:hover,
.ic-terms-list__item:focus-within {
    background-color: var(--g-input--focus--hover--background);
}

.ic-terms-list__item > div {
    min-width: 0;
    padding: 0.5rem var(--ic-var__content-padding);
    overflow: hidden;
}

.ic-terms-list__item > div > p {
    align-self: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-terms-list__item__column--date-and-city {
    grid-column: 1;
    grid-row: 1 / 3;
    padding-left: 0 !important;
}

.ic-terms-list__item__column--date-and-city__date {
    font-size: 1.8rem;
}

.ic-terms-list__item__column--date-and-city__city {
    font-size: 1.8rem;
    white-space: normal !important;
}

.ic-terms-list__item__column--date-and-city__venue {
    padding-top: 1rem !important;
    white-space: normal !important;
}

.ic-terms-list__item__column--date-and-city__summary {
    padding-bottom: 1.15rem; /* so that height is the same as for offsite courses */
}

.ic-terms-list__item__column--lecturer {
    grid-column: 2;
    grid-row: 1 / 3;
    border-left: 0.2rem solid var(--g-color--grey-2);
}

.ic-terms-list__item__column--lecturer > p {
    font-size: 1.8rem;
    white-space: normal !important;
}

.ic-terms-list__item__column--lecturer > p span {
    display: inline-block;
}

.ic-terms-list__item__column--lecturer .ic-products-list__item__column--main__details__row--labels {
    margin-top: 0.6rem; /* 0.2rem larger than for list-item - looks a bit better */
    margin-bottom: 0;
}

.ic-terms-list__item__column--accreditation {
    grid-column: 2;
    grid-row: 2;
    border-left: 0.2rem solid var(--g-color--grey-2);
}

.ic-terms-list__item__column--accreditation > p {
    white-space: normal !important;
}

.ic-terms-list__item__column--price {
    grid-column: 3 / 5;
    grid-row: 1 / 3;
    border-left: 0.2rem solid var(--g-color--grey-2);
}

.ic-terms-list__item__column--price p:last-child {
    font-size: 1.4rem;
}

.ic-terms-list__item__column--amount {
    grid-column: 3;
    grid-row: 2;
    margin-top: -0.6rem;
    margin-left: 0.2rem;
    overflow: visible !important;
}

.ic-terms-list__item--video-course .ic-terms-list__item__column--amount > .g-button {
    color: var(--g-text-color--grey) !important;
}

.ic-terms-list__item--video-course .ic-terms-list__item__column--amount > .g-button > span {
    padding: 0 2rem !important;
}


.ic-terms-list__item--video-course .ic-terms-list__item__column--amount > .g-button > span .g-button--text__img {
    margin-left: -1.4rem !important;
    margin-right: 0.1rem !important;
}

.ic-terms-list__item--video-course .ic-terms-list__item__column--amount > .g-button > span .g-button--text__text,
.ic-terms-list__item--video-course .ic-terms-list__item__column--amount > .g-button > span .g-button--double-lined__secondary-text {
    font-size: 1.4rem !important;
    line-height: 1.8rem !important;
    height: 1.8rem !important;
}

.ic-terms-list__item__column--order {
    grid-column: 4;
    grid-row: 2;
    padding-left: 0 !important;
    position: relative;
    overflow: visible !important;
}

.ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__text {
    margin-right: 1rem !important;
}

.ic-terms-list__item__column--order__button {
    position: absolute;
    width: 100% !important;
    top: -0.4rem;
}

.ic-terms-list__item__column--order__button:disabled:hover,
.ic-terms-list__item__column--order__button:disabled:focus,
.ic-terms-list__item__column--order__button:disabled:active,
.ic-terms-list__item__column--amount .ic-counter__button:disabled:hover,
.ic-terms-list__item__column--amount .ic-counter__button:disabled:focus,
.ic-terms-list__item__column--amount .ic-counter__button:disabled:active {
    background-color: var(--g-color--turquoise) !important;
}

.ic-product-page__accreditations-grid__accreditation-list__accreditation-number {
    display: inline-block;
}

#ic-product-page__questions-wrapper.ic-product-page__questions-wrapper--with-video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--ic-var__content-gap--horizontal);
}

#ic-product-page__questions-wrapper.ic-product-page__questions-wrapper--with-video > .ic-questions-list-wrapper {
    display: block !important;
}

#ic-product-page__questions-wrapper.ic-product-page__questions-wrapper--with-video > .ic-questions-list-wrapper > .ic-questions-list:first-child {
    margin-bottom: 0 !important;
}

/* PRODUCT PAGE - VIDEO COURSE
----------------------------------------------------------*/

#ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions {
    display: grid;
    align-items: center;
    gap: var(--ic-var__content-padding);
}

#ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
    width: 28rem;
}

#ic-product-page--video-course__heading-grid__column--content {
    display: grid;
    margin-top: 2.4rem; /* as for h2 + div */
}

#ic-product-page--video-course__heading-grid__column--content__column--table {
    display: grid;
    grid-template-columns: 1fr calc(42rem + (3 * var(--ic-var__content-padding)));
    grid-template-rows: 1fr auto;
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: var(--g-shadow-1);
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
    background-color: black;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1;
    grid-row: 1/3;
    z-index: 0;
    border-right: 0.2rem solid var(--g-color--grey-2);
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: calc(100% + 0.2rem);
    height: 100%;
    box-shadow: inset 0 0 0 0.2rem var(--g-color--orange);
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    pointer-events: none;
    display: none;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper:has(.video-js--ic:not(.vjs-has-started):not(.vjs-error.video-js--ic--started)):after {
    display: block;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__video {
    position: absolute;
    background-color: var(--g-color--grey);
    width: 100%;
    height: 100%;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
    width: 27rem; /* order button + 2rem */
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper {
    grid-column: 2;
    grid-row: 1;
    background-color: white;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper .ic-content-box__section {
    padding: 2rem var(--ic-var__content-padding);
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper .ic-content-box__section__part__row__column .ic-inputs-group:first-child {
    padding-top: 0.5rem; /* as in ic-products-list__item__column - looks a bit better */
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info > .ic-inputs-group__section {
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__date {
    grid-column: 1 / 3;
    grid-row: 1;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info--with-download .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__date,
.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info--with-accreditation .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__date {
    grid-column: 1;
    grid-row: 1;
    padding-right: 1rem !important;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__length {
    grid-column: 1 / 3;
    grid-row: 2;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info--with-download .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__length,
.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info--with-accreditation .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__length {
    grid-column: 2;
    grid-row: 1;
    padding-left: 1rem !important;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info--with-accreditation .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__download {
    padding-right: 1rem !important;
}

.ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info--with-download .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__accreditation {
    padding-left: 1rem !important;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper {
    grid-column: 2;
    grid-row: 2;
    border-top: 0.2rem solid var(--g-color--grey-2);
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper .ic-content-box__section {
    padding: 2rem var(--ic-var__content-padding);
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
    display: grid;
    grid-template-columns: 17rem 25rem;
    gap: var(--ic-var__content-padding);
    margin-top: 1rem;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__counter-wrapper {
    margin-top: 0.3rem;
}

#ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__order-button-wrapper {
    display: flex;
}

#ic-product-page--video-course__heading-grid__column--content__column--promos {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    margin-top: 4rem;
}

.ic-product-page--video-course__heading-grid__column--content__column--promos__item {
    min-width: 0;
}

.ic-product-page--video-course__heading-grid__column--content__column--promos__item > .g-button {
    height: auto;
    overflow: visible;
}

.ic-product-page--video-course__heading-grid__column--content__column--promos__item > .g-button > span {
    justify-content: start;
    padding: 0;
    overflow: visible;
}

.ic-product-page--video-course__heading-grid__column--content__column--promos__item .g-button--text__img {
    margin: -0.65rem 0 -0.65rem -1.5rem;
}

.ic-product-page--video-course__heading-grid__column--content__column--promos__item .g-button--text__text {
    line-height: 1.5;
}

.ic-product-page--video-course__heading-grid__column--content__column--promos__item .g-button--double-lined__secondary-text {
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0;
}


/* PRE-CART PAGE
----------------------------------------------------------*/

#ic-pre-cart-page__heading-grid__column--product-wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: var(--ic-var__content-gap--horizontal);
    background-color: white;
    margin-top: 2.4rem;
    padding: 2.5rem 0;
    border-left-width: 0.8rem;
    border-left-style: solid;
}

#ic-pre-cart-page__heading-grid__column--product-wrapper__product {
    min-width: 0;
    padding: 0 var(--ic-var__content-padding);
    padding-right: 0;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__span {
    height: 2.3rem;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details {
    position: relative;
    padding-left: 3rem;
    overflow: hidden;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details + .ic-pre-cart-page__heading-grid__column--product-wrapper__product__details {
    margin-top: 0.2rem;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details--lecturer > span {
    display: inline-block;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details:after {
    position: absolute;
    content: '';
    left: -0.2rem;
    top: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5000%;
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((5 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details--date:after {
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((3 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    top: -0.1rem !important;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details--lecturer:after {
    background-position-x: calc((19 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((3 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details--length:after {
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((5 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__details--location:after {
    background-position-x: calc((19 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((4 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__product__sub-details {
    padding-left: 3rem;
    overflow: hidden;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__actions {
    display: flex;
    min-width: 0;
    gap: 1rem;
    margin: 0 var(--ic-var__content-padding) auto 0;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__actions--standalone {
    margin: 0 !important;
    padding: 0 !important;
    justify-content: space-between;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
    width: 16rem !important;
}

.ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue {
    width: 30rem !important;
}

body.ic-pre-cart-page--actions-not-visible #ic-floater {
    visibility: visible;
    opacity: 1;
}


/* CART PAGE - MENU
----------------------------------------------------------*/

#ic-page-cart__menu-container-wrapper {
    box-shadow: inset 0 -0.2rem 0 var(--g-color--grey-2); /* fake border-bottom */
}

#ic-page-cart__menu {
    display: flex;
    margin-bottom: 0.2rem; /* fake border-bottom */
}

.ic-page-cart__menu__item {
    position: relative;
    width: auto;
    flex-shrink: 0;
    border: none;
}

.ic-page-cart__menu__item--divider {
    margin: 0 -2.55rem;
}

.ic-page-cart__menu__item:first-child {
    margin-left: calc(-1 * var(--ic-var__content-padding--menu-like));
}

.ic-page-cart__menu__item:last-child {
    margin-right: calc(-1 * var(--ic-var__content-padding--menu-like));
}

.ic-page-cart__menu__item > span {
    height: 6rem;
    line-height: 6rem;
    padding: 0 var(--ic-var__content-padding--menu-like) !important;
}

.ic-page-cart__menu__item--divider > span {
    padding: 0 !important;
}

.ic-page-cart__menu__item > span .g-button--text__img {
    width: 6rem;
    height: 6rem;
    transform: none;
    margin-left: -1.7rem;
    margin-right: -0.2rem;
}

.ic-page-cart__menu__item:not(.ic-page-cart__menu__item--heading):not(.ic-page-cart__menu__item--divider) > span .g-button--text__img {
    display: flex;
    justify-content: center;
    background: none;
}

.ic-page-cart__menu__item:not(.ic-page-cart__menu__item--heading):not(.ic-page-cart__menu__item--divider) > span .g-button--text__img > span {
    align-self: center;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.4rem;
    line-height: 2.7rem; /* should be 2.6rem */
    background-color: white;
    border-radius: 50%;
}

.ic-page-cart__menu__item--divider > span .g-button--text__img {
    margin: 0;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
}

.ic-page-cart__menu__item.g-button--disabled:not(.g-active):not(.ic-page-cart__menu__item--heading) {
    color: var(--g-color--grey-00);
}

.ic-page-cart__menu__item.g-active {
    color: var(--g-text-color--grey);
    overflow: visible;
}

.ic-page-cart__menu__item.g-active > span .g-button--text__img > span {
    color: white;
    background-color: var(--g-color--orange) !important;
}

.ic-page-cart__menu__item--finish > span .g-button--text__img > span {
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5417%;
    background-position-x: calc((20 - 1 + (0.5 - (50 / 5417) * 20)) * (5% + 5% / ((5417/ 100 - 1))));
    background-position-y: calc((6 - 1 + (0.5 - (50 / 5417) * 20)) * (5% + 5% / ((5417 / 100 - 1))));
}

.ic-page-cart__menu__item .g-button--double-lined__secondary-text {
    height: 1.7rem;
    line-height: 1.7rem;
    margin-bottom: -1.7rem;
}

.ic-page-cart__menu__item.g-active:after {
    position: absolute;
    display: block;
    content: '';
    left: calc(var(--ic-var__content-padding--menu-like) / 2 - 0.5rem);
    width: calc(100% - var(--ic-var__content-padding--menu-like) + 1rem);
    height: 0.4rem;
    background-color: var( --g-color--orange);
    bottom: -0.2rem;
    border-radius: 0.2rem;
    z-index: 1;
}


/* CART PAGE - ATTENDEES
----------------------------------------------------------*/

.ic-cart-page__containers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.ic-cart-page__container__column--header {
    display: grid;
    grid-template-columns: 1fr auto;
}

.ic-cart-page__container__column--header__heading-wrapper {
    min-width: 0;
    grid-row: 1;
    grid-column: 1;
}

.ic-cart-page__container__column--header__heading {
    display: flex;
}

.ic-cart-page__container__column--header__heading__img-wrapper {
    flex-shrink: 0;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    margin-right: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.ic-cart-page__container__column--header__heading__img {
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    margin: -1.2rem;
}

.ic-cart-page__container__column--header__heading__text-wrapper {
    min-width: 0;
}

.ic-cart-page__container__column--header__heading__text-wrapper h2 {
    min-width: 0;
    font-size: 1.8rem;
    margin-bottom: 0.3rem; /* centered with counter */
}

.ic-cart-page__container__column--header__info-wrapper {
    grid-row: 1;
    grid-column: 2;
    display: flex;
    flex-direction: row;
    gap: var(--ic-var__content-padding);
    padding-left: 4rem;
}

.ic-cart-page__container__column--header__info-wrapper__count-and-price {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    gap: var(--ic-var__content-padding);
}

.ic-cart-page__container__column--header__info-wrapper__count-and-price__count {
    flex-shrink: 0;
    width: 17rem;
}

.ic-cart-page__container__column--header__info-wrapper__count-and-price__price {
    flex-shrink: 0;
}

.ic-cart-page__container__column--header__info-wrapper__count-and-price__price__amounts {
    height: 5.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ic-cart-page__container__column--header__info-wrapper__count-and-price__price__amounts__sub-amount {
    min-width: 16rem;
    font-size: 1.4rem;
}

.ic-cart-page__container__column--header__info-wrapper__delete {
    flex-shrink: 0;
    display: flex;
    padding-top: 2.5rem;
}

.ic-cart-page__container__column--header__info-wrapper__delete__button {
    width: 5.4rem;
    height: 5.4rem;
}

.ic-cart-page__container__column--header__info-wrapper__delete__button > span {
    padding: 0 !important;
}

.ic-cart-page__container__column--header__info-wrapper__delete__button > span .g-button--text__img {
    margin: 0;
}

.ic-cart-page__container__column--header__info-wrapper__delete__button > span .g-button--text__text {
    display: none;
}

.ic-cart-page__container__part--persons {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ic-cart-page__container__part--persons__button--accreditation {
    position: absolute;
    top: 0;
    right: calc(2.5rem + 5.4rem + 2rem + 2.7rem);
    width: 2.6rem;
    height: 2.6rem;
    border-width: 0.3rem !important;
    border-radius: 50%;
    transform: translate(50%, -50%);
    background-color: var(--g-color--grey-4) !important;
    box-shadow: 0 0 0 0.3rem var(--g-color--grey-4);
    overflow: visible;
}

.ic-cart-page__container__part--persons__button--accreditation:focus,
.ic-cart-page__container__part--persons__button--accreditation:hover,
.ic-cart-page__container__part--persons__button--accreditation:active {
    background-color: #dfe6ef !important;
}

.ic-cart-page__container__part--persons__button--accreditation__hover-expander {
    position: absolute;
    width: 4.8rem !important;
    height: 4.8rem !important;
    top: 1rem;
    left: 1rem;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.ic-cart-page__container__part--persons__button--accreditation > span {
    padding: 0 !important;
    align-items: center;
    height: 2rem;
}

.ic-cart-page__container__part--persons input {
    border-color: var(--g-color--grey-0);
}

.ic-cart-page__container__row--person {
    background-color: var(--g-color--grey-2);
    padding: 2.5rem;
    border-radius: 0.5rem;
}

.ic-cart-page__container__row--person__inputs-group__section--accreditation label,
.ic-cart-page__container__row--person__inputs-group__section--accreditation label span {
    max-width: none;
    z-index: 1;
}

.ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
    flex-shrink: 0;
    width: 18%;
    min-width: 14rem;
}

.ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
    width: 60%;
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated {
    flex-wrap: wrap;
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
    order: 1;
    box-sizing: border-box;
    width: calc((100% - 13.8rem) / 2);
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--email {
    order: 2;
    box-sizing: border-box;
    width: calc((100% - 13.8rem) / 2);
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--accreditation {
    order: 3;
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--delete {
    order: 4;
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
    order: 5;
    box-sizing: border-box;
    width: 33.33%;
    padding-left: 0;
    padding-top: 2rem;
}

.ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
    order: 6;
    box-sizing: border-box;
    width: calc(100% - 33.33%);
    padding-right: 0;
    padding-top: 2rem;
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated {
    flex-wrap: wrap;
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
    order: 1;
    box-sizing: border-box;
    width: calc((100% - 13.8rem) / 2);
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--email {
    order: 2;
    box-sizing: border-box;
    width: calc((100% - 13.8rem) / 2);
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--accreditation {
    order: 3;
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--delete {
    order: 4;
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
    order: 5;
    box-sizing: border-box;
    width: 33.33%;
    padding-left: 0;
    padding-top: 2rem;
}

.ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
    order: 6;
    box-sizing: border-box;
    width: calc(100% - 33.33%);
    padding-right: 0;
    padding-top: 2rem;
}

.ic-cart-page__container__column--actions > div {
    display: flex;
    gap: 2rem;
}

.ic-cart-page__container__column--actions__button--help {
    border: 0.2rem solid var(--ic-color--blue) !important;
    color: var(--g-text-color--link) !important;
}

.ic-cart-page__navigation {
    display: flex;
    justify-content: space-between;
    gap: var(--ic-var__content-padding);
    margin-top: 4rem;
}

#ic-floater .ic-cart-page__navigation {
    margin-top: 0;
}

.ic-cart-page__navigation__next-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--ic-var__content-padding);
}

.ic-cart-page__navigation__next-wrapper > div {
    min-width: 0;
    align-self: center;
}

.ic-cart-page__navigation__next-wrapper > div p,
.ic-cart-page__navigation__next-wrapper > div span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ic-cart-page__navigation__button--back--to-offsite-courses {
    width: 27rem !important;
}

.ic-cart-page__navigation__button--back--to-online-courses {
    width: 27.5rem !important;
}

.ic-cart-page__navigation__button--back--to-video-courses {
    width: 31.5rem !important;
}

.ic-cart-page__navigation__button--back--to-attendees {
    width: 27.5rem !important;
}

.ic-cart-page__navigation__button--continue-to-invoicing {
    width: 30rem !important;
}

.ic-cart-page__navigation__button--continue-to-confirmation {
    width: 30rem !important;
}

.ic-cart-page__empty-list-wrapper #ic-empty-list-wrapper__image {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 3) 0;
}

body.ic-cart-page--persons #ic-floater {
    display: block;

    @starting-style {
        display: none;
        visibility: visible;
        opacity: 1;
    }
}

body.ic-cart-page--persons.ic-cart-page--navigation-visible #ic-floater {
    @starting-style {
        display: block;
        visibility: hidden;
        opacity: 0;
    }
}

body.ic-cart-page--persons.ic-cart-page--navigation-not-visible #ic-floater {
    display: block;
    visibility: visible;
    opacity: 1;
}


/* CART PAGE - CUSTOMER
----------------------------------------------------------*/

.ic-cart-page__container__column--company {
    grid-row: 1;
    grid-column: 1;
}

.ic-cart-page__container__column--company__section--zip {
    width: 33.33%;
}

.ic-cart-page__container__column--company__section--city {
    width: calc(100% - 33.33%);
}

.ic-cart-page__container__column--tax-info {
    grid-row: 1;
    grid-column: 2;
}

.ic-cart-page__container__column--tax-info__section--fill {
    position: relative;
    width: auto;
    flex-shrink: 0;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error {
    position: absolute;
    top: -5.5rem;
    right: 0;
    width: calc(100% - 1rem);
    opacity: 0;
    visibility: hidden;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error > div {
    padding: 0 !important;
    margin: 0 !important;
    min-width: inherit !important;
    max-width: inherit !important;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error.ic-cart-page__container__column--tax-info__section--fill__notification--error--visible {
    animation: ic-cart-page__container__column--tax-info__section--fill__notification--error--show var(--g-animation-time--slow) ease-out 1 forwards;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error.ic-cart-page__container__column--tax-info__section--fill__notification--error--hide {
    animation: ic-cart-page__container__column--tax-info__section--fill__notification--error--remove var(--g-animation-time--slow) ease-out 1 forwards;
}

.ic-cart-page__input--highlighted {
    animation: ic-cart-page__input--highlighted--green 500ms ease-in 1 forwards;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error__message {
    pointer-events: none;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error__message > span {
    padding: 0 !important;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select {
    display: block;
    top: -0.4rem;
    right: -0.4rem;
}

#ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:focus,
#ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:hover,
#ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:active {
    background-color: var(--g-color--grey) !important;
    border-color: var(--g-color--grey-4) !important;
    box-shadow: 0 0 0 0.2rem var(--g-button--hover--grey--background), 0 0 0 0.5rem var(--g-color--grey-4);
}

.ic-cart-page__container__column--recipient-checkbox {
    margin-top: 4rem;
    grid-column: 1;
    grid-row: 2;
}

#ic-cart-page__container__column--recipient-info {
    grid-column: 1;
    grid-row: 3;
    display: grid;
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition: all var(--g-animation-time--slow) linear;
    transition-property: grid-template-rows, opacity, visibility;
    margin-top: 2rem;
    margin-bottom: -2rem;
    overflow: hidden;
}

#ic-cart-page__container__column--recipient-info.ic-cart-page__container__column--recipient-info--hidden {
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
}

#ic-cart-page__container__column--recipient-info > div {
    min-height: 0;
}

#ic-cart-page__ares-button--mobile {
    display: none;
    position: absolute;
    top: calc(2.5rem - 5.4rem - 2.9rem);
    right: 0;
    width: auto;
}

#ic-cart-page__modal--ares__row--error {
    padding-top: 2rem;
}

body.ic-cart-page--customer #ic-floater {
    visibility: visible;
    opacity: 1;
}

body.ic-cart-page--customer.ic-cart-page--navigation-visible #ic-floater {
    visibility: hidden;
    opacity: 0;
}

body.ic-cart-page--customer.ic-cart-page--navigation-not-visible #ic-floater {
    visibility: visible;
    opacity: 1;
}


/* CART PAGE - SUMMARY
----------------------------------------------------------*/

.ic-cart-page__payment-summary-wrapper {
    display: grid;
    grid-template-columns: 36rem 1fr;
    grid-column-gap: calc(2 * var(--ic-var__content-padding));
}

.ic-cart-page__payment-summary-wrapper__column--payment {
    height: calc(100% - 2.5rem);
}

.ic-cart-page__container--payment-info__column__state {
    position: relative;
    padding-left: 3rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.ic-cart-page__container--payment-info__column__state:after {
    position: absolute;
    content: '';
    left: -0.2rem;
    top: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5000%;
}

.ic-cart-page__container--payment-info__column__state--waiting--error:after {
    background-position-x: calc((16 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((7 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-cart-page__container--payment-info__column__state--cancelled--error:after {
    background-position-x: calc((18 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((7 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-cart-page__payment-summary-wrapper .ic-content-box__section {
    padding: 2.5rem;
}

.ic-cart-page__container--payment-info__column {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ic-cart-page__container--bank-transfer__row {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 20.6rem) /* Safari fix */
}

.ic-cart-page__container--bank-transfer__column--account {
    grid-column: 1;
    grid-row: 1;
}

.ic-cart-page__container--bank-transfer__column--details {
    grid-column: 1;
    grid-row: 2;
}

.ic-cart-page__container--bank-transfer__column--account,
.ic-cart-page__container--bank-transfer__column--details {
    min-width: max-content;
}

.ic-cart-page__container--bank-transfer__text-block {
    display: flex;
    gap: 1rem;
    overflow: visible;
}

.ic-cart-page__container--bank-transfer__column--qr {
    grid-column: 2;
    grid-row: 1 / 3;
}

.ic-cart-page__container--bank-transfer__icon--copy {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 -0.4rem;
    border: none;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5000%;
    background-position-x: calc((9 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((2 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-cart-page__container--bank-transfer__column--qr > g.label {
    margin-bottom: 0.4rem;
}

.ic-cart-page__container--bank-transfer__column--qr__code-wrapper {
    aspect-ratio: 1 / 1;
    max-width: 100%;
    height: calc(100% - 2.5rem);
    position: relative;
    overflow: hidden;
}

.ic-cart-page__container--bank-transfer__column--qr__code {
    position: absolute;
    width: calc(100% + 2 * 6.2%);
    margin: -6.2%;
    -webkit-touch-callout: default !important;
}

.ic-cart-page__invoicing-summary__company {
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.ic-cart-page__invoicing-summary__row {
    grid-template-rows: auto 1fr;
}

.ic-cart-page__invoicing-summary__column--client {
    grid-column: 1;
    grid-row: 1;
}

.ic-cart-page__invoicing-summary__column--contact {
    grid-column: 2;
    grid-row: 1 / 3;
}

.ic-cart-page__invoicing-summary__column--note {
    grid-column: 1;
    grid-row: 2;
}

.ic-cart-page__ordered-products-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ic-cart-page__ordered-products-wrapper__item {
    border-left-width: 0.8rem;
    border-left-style: solid;
}

.ic-cart-page__ordered-products-wrapper__item__name {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}


/* SIGNS PAGE
----------------------------------------------------------*/

#ic-signs-page__list > li > ul > li {
    padding-left: calc(1em + 1rem);
}

#ic-signs-page__list > li:not(:last-child) {
    border-bottom: 0.2rem solid var(--g-color--grey-2);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}


/* FANCY SCROLLBAR
----------------------------------------------------------*/

.ic-fancy-scrollbar::-webkit-scrollbar {
    width: 0.8rem;
    height: 0.8rem;
}

.ic-fancy-scrollbar:not(:hover)::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.ic-fancy-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.ic-fancy-scrollbar:hover::-webkit-scrollbar-thumb {
    border: 0.2rem solid transparent;
    background-clip: content-box;
    background-color: #c1c1c1; /* as in Chrome (Edge has darker color as of 2024/01) */
    border-radius: 0.6rem;
}

.ic-fancy-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.ic-fancy-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8; /* as in Chrome (Edge has darker color as of 2024/01) */
}


/* PLAYBACK PAGE
----------------------------------------------------------*/

#ic-playback-page {
    background-color: var(--ic-color--background--blue);
}

#ic-playback-page main .ic-page-container-wrapper:first-child,
#ic-playback-page main .ic-page-container-wrapper--first-child {
    padding-top: 0 !important;
}

#ic-playback-page .ic-page-container {
    max-width: none;
}

#ic-playback-page-header > .ic-page-container {
    height: 8rem;
}

#ic-playback-page-header__heading {
    align-self: center;
    display: flex;
    min-width: 0;
}

#ic-playback-page-header__heading__image {
    flex-shrink: 0;
    width: 6rem;
    height: 6rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 2000%;
    background-position: 0 0;
    margin-left: -1.2rem;
    margin-right: 0.3rem;
}

#ic-playback-page-header__heading__image.ic-playback-page-header__heading__image--video-course {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
}

#ic-playback-page-header__heading__image.ic-playback-page-header__heading__image--online-course {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

#ic-playback-page-header__heading__texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

#ic-playback-page-header__heading__texts__description {
    font-size: 1.4rem;
    line-height: 2.1rem;
}

#ic-playback-page-header__heading__texts__h1 {
    font-size: 2rem;
    line-height: 2.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ic-playback-page #ic-page-header__logo-wrapper {
    margin-left: 4rem;
    margin-right: 0;
}

#ic-playback-page__playback-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    overflow: hidden;
}

#ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns {
    grid-template-columns: 2fr minmax(30rem, 1fr) minmax(30rem, 1fr);
}

#ic-playback-page__playback-grid__player-wrapper {
    grid-row: 1;
    align-self: center;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ic-playback-page__playback-grid__player-wrapper .ic-container {
    width: 72rem;
    max-width: calc(100% - 4rem);
}

.ic-playback-page__playback-grid__column {
    position: relative;
    min-width: 0;
    background-color: white;
    border-left: 0.2rem solid var(--g-color--grey-2);
}

#ic-playback-page__playback-grid__column--chapters {
    grid-row: 1;
}

#ic-playback-page__playback-grid__column--chapters .ic-content-box {
    position: absolute;
    height: 100%;
    overflow-y: auto;
}

#ic-playback-page__playback-grid__column--chapters__list li:not(:last-child) {
    padding-bottom: 1.4rem; /* should be 1rem but looks too tight */
    margin-bottom: 1rem;
    border-bottom: 0.2rem solid var(--g-color--grey-2);
}

.ic-playback-page__playback-grid__column--chapters__list__item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ic-playback-page__playback-grid__column:not(.g-block-ui) .ic-playback-page__playback-grid__column--chapters__list__item.g-active {
    color: var(--g-text-color--link--hover);
}

.ic-playback-page__playback-grid__column--chapters__list__item__time {
    display: inline-flex;
    gap: calc(1ch - 0.2rem);
    font-size: 1.4rem;
    background-color: var(--g-color--grey-4) !important;
    padding-right: 1rem;
    line-height: 2.4rem;
    border-radius: 1.2rem;
    margin-right: auto;
    margin-top: 0.5rem;
}

.ic-playback-page__playback-grid__column:not(.g-block-ui) .ic-playback-page__playback-grid__column--chapters__list__item.g-active .ic-playback-page__playback-grid__column--chapters__list__item__time {
    color: white;
    background-color: var(--g-color--orange) !important;
}

.ic-playback-page__playback-grid__column--chapters__list__item__time__icon {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
    background-size: 5000%;
    background-position-x: calc((14 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((2 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-playback-page__playback-grid__column--chapters__list__item:hover .ic-playback-page__playback-grid__column--chapters__list__item__time__icon,
.ic-playback-page__playback-grid__column--chapters__list__item:focus .ic-playback-page__playback-grid__column--chapters__list__item__time__icon,
.ic-playback-page__playback-grid__column--chapters__list__item:active .ic-playback-page__playback-grid__column--chapters__list__item__time__icon {
    background-position-x: calc((15 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((2 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

.ic-playback-page__playback-grid__column:not(.g-block-ui) .ic-playback-page__playback-grid__column--chapters__list__item.g-active .ic-playback-page__playback-grid__column--chapters__list__item__time__icon {
    background-position-x: calc((16 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    background-position-y: calc((2 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
}

    /* NEW CHAPTERS: */

    #ic-playback-page__playback-grid__column--chapters {
        background-color: var(--g-color--grey-4);
    }

    #ic-playback-page__playback-grid__column--chapters__list li {
        padding-bottom: 0 !important;
    }

    #ic-playback-page__playback-grid__column--chapters__list li > button {
        background-color: white;
        border-radius: 0.5rem;
        box-shadow: var(--g-shadow-1);
        padding: 1rem 1.5rem !important;
    }

    #ic-playback-page__playback-grid__column--chapters__list li > button:focus,
    #ic-playback-page__playback-grid__column--chapters__list li > button:hover,
    #ic-playback-page__playback-grid__column--chapters__list li > button:active {
        background-color: var(--g-input--focus--hover--background);
    }

    #ic-playback-page__playback-grid__column--chapters__list li:not(:last-child) {
        border-bottom: none;
    }

    .ic-playback-page__playback-grid__column--chapters__list__item__time {
        background-color: transparent;
    }

#ic-playback-page__playback-grid__column--questions {
    grid-row: 1;
    background-color: var(--g-color--grey-4);
}

#ic-playback-page__playback-grid__column--questions__content-box {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
}

#ic-playback-page__playback-grid__column--questions__content-box__section--chat .ic-content-box__section__part {
    height: calc(100% - 7rem);
}

#ic-playback-page__playback-grid__column--questions__content-box__section--chat .ic-content-box__section__part__row,
#ic-playback-page__playback-grid__column--questions__content-box__section--chat .ic-content-box__section__part__row__column {
    height: 100%;
}

#ic-playback-page__playback-grid__column--questions__textarea {
    height: calc(100% - 2.5rem);
    padding: 1rem;
}

#ic-playback-page__playback-grid__column--questions__textarea:disabled {
    background-color: white;
}

#ic-playback-page__playback-grid__column--questions__error-notification-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

#ic-playback-page__playback-grid__column--questions__error-notification {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    pointer-events: none;
    animation: ic-playback-page__error-notification--show var(--g-animation-time--slow) ease-out 1 forwards;
}

#ic-playback-page__playback-grid__column--questions__error-notification .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

#ic-playback-page__playback-grid__column--questions__ok-notification {
    position: absolute;
    pointer-events: all;
    cursor: default !important;
    background-color: var(--g-color--grey-4) !important;
    box-shadow: 0 0 0 1rem var(--g-color--grey-4) !important;
}

#ic-playback-page__playback-grid__column--questions__ok-notification .g-button--text__img {
    background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
}

#ic-playback-page__playback-grid__column--questions__ok-notification.ic-playback-page__playback-grid__column--questions__notification--hide,
#ic-playback-page__playback-grid__column--questions__error-notification.ic-playback-page__playback-grid__column--questions__notification--hide {
    animation: ic-playback-page__ok-notification--hide var(--g-animation-time--slow) ease-out 1 forwards;
}

#ic-playback-page__playback-grid__column--information {
    grid-row: 1;
}

#ic-playback-page__playback-grid__column--information__downloads__buttons-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ic-playback-page__playback-grid__column .ic-content-box__section {
    padding: 2rem;
}

.ic-playback-page__materials-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ic-playback-page__materials-list .g-button {
    background-color: white;
    border-color: white;
}

.ic-playback-page__materials-list .g-button:not(.g-button--disabled):hover,
.ic-playback-page__materials-list .g-button:not(.g-button--disabled):focus,
.ic-playback-page__materials-list .g-button:not(.g-button--disabled):active {
    background-color: var(--g-input--focus--hover--background);
    border-color: var(--g-input--focus--hover--background);
}

.ic-playback-page__materials-list .g-button > span  {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.ic-playback-page__materials-list .g-button > span > .g-button--text__text {
    padding-right: 2rem;
}

.ic-playback-page__materials-list .g-button > span > .g-button--text__img {
    margin: 0 -1.2rem;
}

.ic-playback-page__materials-list .g-button.g-button--disabled > span > .g-button--text__img {
    visibility: hidden;
}

#ic-playback-page__entry-container .ic-content-box__section {
    padding: 0;
}

#ic-playback-page__entry-wrapper {
    aspect-ratio: 20 / 9;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ic-playback-page__entry {
    display: flex;
    flex-direction: column;
    width: 80rem;
    padding: 6rem 3rem;
}

#ic-playback-page__entry .g-button {
    margin-top: 4rem;
    margin-right: auto;
}


/* GHOSTS
----------------------------------------------------------*/

.ic-ghosted {
    position: relative;
    content: '';
    width: 50%;
    min-height: 2.4rem;
    padding-bottom: 0; /* this might cause problems somewhere but is beneficial for multiple ghosted lines */
}

.ic-ghosted::before {
    display: inline-block;
    content: '';
    width: 100%;
    height: 1.4rem;
    vertical-align: middle;
    background-color: var(--g-color--grey-2);
    border-radius: 0.7rem;
}

.ic-ghosted--light::before {
    background-color: var(--g-color--grey-3);
}


/* VIDEO PLAYER - ON DEMAND
----------------------------------------------------------*/

.video-js--ic {
    width: 100% !important;
    height: 100% !important;
    display: flex; /* !!! experimental */
}

.video-js--ic .vjs-tech {
    top: auto; /* !!! experimental */
    align-self: center; /* !!! experimental */
    height: auto; /* !!! experimental */
}

.video-js--ic .vjs-poster {
    transition: all var(--g-animation-time--quick) linear;
    display: none;
}

.video-js--ic .vjs-poster img {
    object-fit: cover;
}

.video-js--ic__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--g-color--grey);
    cursor: pointer;
}

.video-js--ic__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-js--ic.vjs-has-started ~ .video-js--ic__poster,
.video-js--ic.video-js--ic--started.vjs-error ~ .video-js--ic__poster {
    pointer-events: none;
    opacity: 0;
    transition: all var(--g-animation-time--quick) linear;
}

.video-js--ic__error {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--g-color--red);
    padding: 0 var(--ic-var__content-padding);
    z-index: 1;
    display: none;
}

.video-js--ic.video-js--ic--started.vjs-error ~ .video-js--ic__error {
    display: flex;
}

.video-js--ic.video-js--ic--started.vjs-error .vjs-big-play-button,
.video-js--ic.video-js--ic--started.vjs-error .vjs-control-bar {
    display: none !important;
}

div:has(.video-js--ic__poster:hover) .ic-button--play--white.g-color--orange {
    background-color: var(--g-button--hover--orange--background);
}

.video-js--ic button {
    text-align: center;
}

.video-js--ic .vjs-button:hover {
    background-color: var(--g-color--orange) !important;
}

.video-js--ic .vjs-icon-placeholder {
    font-size: 3rem;
    vertical-align: middle;
}

.video-js--ic .vjs-menu {
    bottom: 5.6rem;
    left: 0;
}

.video-js--ic .vjs-menu-title {
    color: transparent !important;
    position: relative !important;
    font-size: 1.4rem !important;
    height: 3.6rem !important;
    line-height: 3.6rem !important;
    letter-spacing: 0.02em !important;
    padding: 0 !important;
    background-color: var(--g-color--dark-grey) !important;
    border-bottom: 0.2rem solid var(--g-color--grey) !important;
    cursor: default !important;
    text-transform: none !important;
    text-align: left !important;
}

.video-js--ic .vjs-menu-title::after {
    position: absolute;
    left: 0;
    width: 100%;
    color: white !important;
    content: 'Kvalita';
    text-align: left;
    font-weight: bold;
    padding-left: 3rem;
}

.video-js--ic .vjs-control-bar {
    height: 5.6rem;
    padding: 0 !important;
    background-color: var(--g-color--dark-grey);
    transition: visibility var(--g-animation-time--quick), opacity var(--g-animation-time--quick) !important;
}

.video-js--ic .vjs-control-bar .vjs-button {
    width: 5.6rem;
    line-height: 5.6rem !important;
    transition: none;
}

.video-js--ic .vjs-control-bar .vjs-control-text {
    line-height: 2.4rem;
}

.video-js--ic .vjs-control-bar .vjs-control-text:after {
    width: 1.4rem;
    height: 1.4rem;
}

.video-js--ic .vjs-control-bar .vjs-control:hover .vjs-control-text {
    font-size: 1.4rem !important;
    padding: 0.2rem 1rem;
    border-radius: 0.5rem;
    background-color: var(--g-color--dark-grey);
    top: -4.2rem;
}

.video-js--ic .vjs-control-bar .vjs-control:hover .vjs-control-text:after {
    background-color: var(--g-color--dark-grey);
}

.video-js--ic .vjs-progress-control {
    position: relative !important;
    top: 0 !important;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    margin: 0 2rem !important;
}

.video-js--ic .vjs-progress-control .vjs-slider {
    height: 5.6rem;
}

.video-js--ic .vjs-progress-control .vjs-load-progress,
.video-js--ic .vjs-progress-control .vjs-slider:before {
    height: 1rem;
    margin-top: -0.5rem;
    border-radius: 0;
}

.video-js--ic .vjs-progress-control .vjs-play-progress {
    top: 50%;
    height: 1rem;
    margin-top: -0.5rem;
    background-color: var(--g-color--orange);
}

.video-js--ic .vjs-progress-control .vjs-play-progress:before {
    top: -0.3rem;
    right: -0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    box-shadow: 0 0 0.6rem rgba(0,0,0,.66);
}

.video-js--ic .vjs-progress-control .vjs-slider:before {
    background-color: rgba(255,255,255,0.33);
}

.video-js--ic .vjs-progress-control .vjs-load-progress {
    display: none;
}

.video-js--ic .vjs-time-control {
    font-size: 1.4rem !important;
    line-height: 5.6rem !important;
    margin: 0 0 0 2rem;
}

.video-js--ic .vjs-duration.vjs-time-control {
    margin: 0 2rem 0 0
}

.video-js--ic .vjs-duration-display {
    padding: 0;
    margin: 0;
}

.video-js--ic .vjs-mouse-display {
    top: 1.6rem !important;
}

.video-js--ic .vjs-time-tooltip {
    top: -5.6rem;
    padding: 1rem;
    font-size: 1.4rem !important;
    background-color: var(--g-color--dark-grey);
    border-radius: 0.5rem;
}

.video-js--ic .vjs-control-bar .vjs-quality-button {
    min-width: auto !important;
    width: 5.6rem !important;
    line-height: 5.6rem !important;
}

.video-js--ic .vjs-quality-button span {
    font-size: 1.4rem;
    color: transparent;
    padding: 0;
}

.video-js--ic .vjs-quality-button .vjs-control-text {
    color: transparent !important;
}

.video-js--ic .vjs-quality-button .vjs-control-text::before {
    position: absolute;
    left: 0;
    width: 100%;
    color: white !important;
    content: 'Kvalita';
    text-align: center;
    font-size: 1.4rem;
}

.video-js--ic .vjs-quality-button:has(.vjs-menu:hover) {
    background-color: var(--g-color--dark-grey) !important;
}

.video-js--ic .vjs-volume-panel {
    width: 5.6rem;
}

.video-js--ic .vjs-volume-panel .vjs-volume-vertical {
    width: 5.6rem;
    bottom: 5.6rem;
    padding: 3rem 0;
    background-color: var(--g-color--dark-grey);
}

.video-js--ic .vjs-volume-bar.vjs-slider-vertical {
    width: 1rem;
    height: 8rem;
    background-color: rgba(255,255,255,0.33);
}

.video-js--ic .vjs-volume-level {
    width: 1rem;
    background-color: var(--g-color--orange);
}

.video-js--ic .vjs-volume-level:after {
    position: absolute;
    display: block;
    content: '';
    top: -0.8rem;
    left: -0.3rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.8rem;
    background-color: white;
    box-shadow: 0 0 0.6rem rgba(0,0,0,.66);
}

.video-js--ic .vjs-picture-in-picture-control .vjs-control-text {
    color: transparent !important;
}

.video-js--ic .vjs-picture-in-picture-control .vjs-control-text::before {
    position: absolute;
    left: 0;
    width: 100%;
    color: white !important;
    content: 'Obraz v obraze';
    text-align: center;
    font-size: 1.4rem;
}

.video-js--ic .vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-control-text::before {
    content: 'Zrušit Obraz v obraze';
}

.video-js--ic.vjs-fullscreen .vjs-fullscreen-control .vjs-control-text {
    color: transparent !important;
    padding-left: 3.6rem !important;
    padding-right: 3.6rem !important;
}

.video-js--ic.vjs-fullscreen .vjs-fullscreen-control .vjs-control-text::before {
    position: absolute;
    left: 0;
    width: 100%;
    color: white !important;
    content: 'Zrušit celou obrazovku';
    text-align: center;
    font-size: 1.4rem;
}

.video-js--ic .vjs-big-play-button {
    top: 50%;
    width: 10rem;
    height: 10rem;
    margin-left: -5rem;
    margin-top: -5rem;
    background-color: var(--g-color--orange);
    line-height: 10rem;
    border-radius: 5rem;
    border: 0.2rem solid var(--g-button--hover--orange--border);
    box-shadow: var(--g-shadow-1);
}

.video-js--ic .vjs-big-play-button:hover {
    background-color: var(--g-button--hover--orange--background);
}

.video-js--ic .vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 7rem !important;
    margin-left: 1rem;
}

.video-js--ic .vjs-big-play-button,
.video-js--ic.vjs-waiting .vjs-big-play-button {
    display: none;
    opacity: 0;
    pointer-events: none;
}

.video-js--ic.vjs-paused:not(.vjs-seeking):not(.vjs-waiting):not(.vjs-scrubbing) .vjs-big-play-button {
    display: inline-block;
    opacity: 1;
    pointer-events: all;
}

.video-js--ic.vjs-paused:not(.vjs-has-started):not(.video-js--ic--autoplay-play-button-fix) .vjs-big-play-button {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.video-js--ic .vjs-loading-spinner,
.video-js--ic .vjs-loading-spinner::before {
    width: 10rem !important;
    height: 10rem !important;
    line-height: 10rem !important;
    margin: -5rem 0 0 -5rem !important;
}

.video-js--ic .vjs-loading-spinner::before {
    border: 1.2rem solid var(--g-color--orange) !important;
    border-top: 1.2rem solid rgba(241,95,39,0.5) !important;
}

.video-js--ic.vjs-waiting .vjs-loading-spinner {
    display: block !important;
}

.video-js--ic.vjs-paused:not(.vjs-has-started):not(.video-js--ic--autoplay-spinner-fix) .vjs-loading-spinner {
    display: block;
}

.video-js--ic .vjs-spacer {
    display: none !important;
}

.video-js--ic .vjs-time-divider {
    display: none !important;
}

.video-js--ic .vjs-live-control {
    font-size: 1.4rem;
    line-height: 5.6rem;
    margin: 0 2rem;
    padding: 0;
}

.video-js--ic .vjs-live-display:before {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.video-js--ic .vjs-control-bar .vjs-menu {
    width: 11.2rem;
    bottom: 5.6rem;
    transform-origin: bottom left;
    -webkit-transition-duration: var(--g-animation-time--quick);
    transition-duration: var(--g-animation-time--quick);
}

.video-js--ic .vjs-quality-button span .vjs-hd-icon {
    display: none;
}

.video-js--ic .quality-span:before {
    position: absolute;
    top: 0;
    display: block;
    content: "\f110";
    font-family: 'nuevo';
    font-size: 3rem;
    text-align: center;
    width: 5.6rem;
    color: white;
}

.video-js--ic .vjs-menu .vjs-menu-content {
    background-color: var(--g-color--dark-grey) !important;
    overflow: hidden;
}

.video-js--ic .vjs-menu .vjs-menu-content .item-quality {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    font-size: 1.4rem;
    line-height: 3.6rem;
    height: 3.6rem;
    padding-left: 3rem;
}

.video-js--ic .vjs-menu .vjs-menu-content .item-quality.auto-res {
    line-height: 1.8rem;
}

.video-js--ic .vjs-menu .vjs-menu-content .item-quality.vjs-checked {
    font-weight: bold;
    letter-spacing: 0.02em;
}

.video-js--ic .item-quality i {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0.2rem;
    padding: 0;
    letter-spacing: 0.02em;
    color: var(--g-color--grey-1);
}

.video-js--ic .vjs-menu .vjs-menu-content .vjs-checked:before {
    left: 0.9rem;
    font-size: 1.2rem;
    font-weight: normal;
}

.video-js--ic .vjs-menu .vjs-menu-content li:hover {
    color: white;
    background-color: var(--g-color--orange);
}

.video-js--ic .vjs-menu .vjs-menu-content li.item-quality:hover i {
    color: white;
}

.video-js--ic .vjs-b-r-b,
.video-js--ic .vjs-b-f-b {
    display: none !important;
}

.video-js--ic .vjs-b-p-b {
    width: 10rem;
    line-height: 10rem;
    height: 10rem;
    border-radius: 5rem;
    background-color: var(--g-color--dark-grey);
    -webkit-transition-duration: var(--g-animation-time--quick);
    transition-duration: var(--g-animation-time--quick);
    box-shadow: var(--g-shadow-1);
    pointer-events: all !important;
}

.video-js--ic.vjs-paused:not(.vjs-seeking):not(.vjs-waiting):not(.vjs-scrubbing) .vjs-b-p-b {
    display: none;
}

.video-js--ic .vjs-b-p-b:focus,
.video-js--ic .vjs-b-p-b:hover,
.video-js--ic .vjs-b-p-b:active {
    background-color: var(--g-color--orange);
}

.vjs-b-p-b:before {
    font-size: 7rem !important;
}

.video-js--ic.vjs-touch-active .vjs-tech {
    opacity: 0.66;
}

.video-js--ic .vjs-auto-mute {
    display: none !important;
}


/* VIDEO PLAYER - LIVE
----------------------------------------------------------*/

.video-js--ic--live .vjs-b-p-b {
    display: none !important;
}

.video-js--ic--live.vjs-touch-active .vjs-tech {
    opacity: 1 !important;
}

.video-js--ic--live .vjs-live-control {
    display: none !important;
}

.video-js--ic--live .vjs-play-control {
    display: none !important;
}

.video-js--ic--live .vjs-current-time {
    display: none !important;
}

.video-js--ic--live .vjs-progress-control {
    visibility: hidden !important;
}

.video-js--ic--live .vjs-duration {
    display: none !important;
}

.video-js--ic--live .vjs-replay-button {
    display: none !important;
}

.video-js--ic--live .vjs-hd-icon {
    display: none !important;
}


/* ANIMATIONS
----------------------------------------------------------*/

@keyframes ic-validation--on-dark__label--error-animation {
    0% {
        transform: translateY(2.5rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes ic-cookies-bar--show-animation {
    0% {
        transform: translate(0, 100%);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes ic-modal-container--show-animation {
    0% {
        transform: scale(0.1) translateY(calc(-1 * env(safe-area-inset-bottom) / 2));
    }

    50% {
        transform: scale(1.05) translateY(calc(-1 * env(safe-area-inset-bottom) / 2));
    }

    70% {
        transform: scale(0.98) translateY(calc(-1 * env(safe-area-inset-bottom) / 2));
    }

    90% {
        transform: scale(1.01) translateY(calc(-1 * env(safe-area-inset-bottom) / 2));
    }

    100% {
        transform: scale(1) translateY(calc(-1 * env(safe-area-inset-bottom) / 2));
    }
}

@keyframes ic-modal-container--close-animation {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.1);
        opacity: 0;
    }
}

@keyframes ic-modal-container-backdrop--show-animation {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes ic-modal-container-backdrop--close-animation {
    0% {
        opacity: 1;
        visibility: visible;
        background-color: red;
    }

    100% {
        opacity: 0;
        visibility: hidden;
        background-color: red;
    }
}

@keyframes ic-playback-page__ok-notification--hide {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes ic-playback-page__error-notification--show {
    0% {
        margin-bottom: -7rem;
        opacity: 0;
        visibility: hidden;
    }

    100% {
        margin-bottom: 0;
        opacity: 1;
        visibility: visible;
    }
}

@keyframes ic-cart-page__container__column--tax-info__section--fill__notification--error--show {
    0% {
        transform: translateY(7rem);
        opacity: 0;
        visibility: hidden;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes ic-cart-page__container__column--tax-info__section--fill__notification--error--remove {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes ic-cart-page__input--highlighted--green {
    0% {
        background-color: rgba(0,185,0,0.08);
        border-color: var(--g-color--green);
    }

    100% {
        background-color: rgb(255,255,255,1);
        border-color: var(--g-color--grey-2);
    }
}


/* RESPONSIVE
----------------------------------------------------------*/

@media screen and (width > 1440px) {

    :root {
        --ic-var__content-padding: 4rem;
        --ic-var__content-padding--subnav-like: 4rem;
    }

    #ic-page-header__search-wrapper {
        width: calc(100% - 12rem);
        /* after account button removed: */
        width: calc(100% - 24rem);
    }

    .ic-products-list__item {
        grid-template-columns: 19rem 8fr 28rem;
    }

    .ic-terms-list__item {
        grid-template-columns: 23rem 1fr 25rem 27rem; /* + 4rem vs ic-products-list__item */
    }

    #ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
        width: 29rem; /* should be 33rem but looks too wide */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr calc(46rem + (3 * var(--ic-var__content-padding))); /* ic-terms-list__item button + 2rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 29rem; /* same as order button */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 17rem 29rem;
    }

    #ic-playback-page__playback-grid {
        grid-template-columns: 3fr 1fr;
    }

    #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns {
        grid-template-columns: 3fr minmax(30rem, 1fr) minmax(30rem, 1fr);
    }

    #ic-playback-page .ic-page-container {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    #ic-playback-page__entry-wrapper {
        aspect-ratio: 26.67 / 9;
    }

    #ic-playback-page__entry {
        padding: 6rem 6rem;
    }

    .ic-modal__container {
        max-width: calc(100vw - 12rem);
        max-height: calc(100vh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    }

    .ic-modal__container__content {
        max-height: calc(100vh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - 2 * var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    }
}

@media screen and (width <= 1440px) {

    .ic-h1-heading--small--res-less-than-1440 {
        font-size: 4rem;
        line-height: 5.2rem;
    }

    .ic-h1-heading--small--res-less-than-1440.ic-h1-heading--with-image:after {
        top: 0.8rem;
        transform: translate(-1.2rem, -1.2rem);
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
    }

    .ic-h1-heading--small--res-less-than-1440.ic-h1-heading--with-image > span,
    .ic-h1-heading--small--res-less-than-1440.ic-h1-heading--with-image > span {
        padding-left: 5.6rem;
    }

    .ic-h1-heading--with-image--article.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--article--small-and-smaller);
    }

    .ic-h1-heading--with-image--cancel.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--cancel--small-and-smaller);
    }

    .ic-h1-heading--with-image--cart--added.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--cart--added--small-and-smaller);
    }

    .ic-h1-heading--with-image--checkmark.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--checkmark--small-and-smaller);
    }

    .ic-h1-heading--with-image--clock.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--clock--small-and-smaller);
    }

    .ic-h1-heading--with-image--contact.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--contact--small-and-smaller);
    }

    .ic-h1-heading--with-image--content.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--content--small-and-smaller);
    }

    .ic-h1-heading--with-image--course.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--course--small-and-smaller);
    }

    .ic-h1-heading--with-image--info.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--info--small-and-smaller);
    }

    .ic-h1-heading--with-image--online-course.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--online-course--small-and-smaller);
    }

    .ic-h1-heading--with-image--question.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--question--small-and-smaller);
    }

    .ic-h1-heading--with-image--satisfaction.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--satisfaction--small-and-smaller);
    }

    .ic-h1-heading--with-image--search.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--search--small-and-smaller);
    }

    .ic-h1-heading--with-image--subscribe.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--subscribe--small-and-smaller);
    }

    .ic-h1-heading--with-image--tailor-made.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--tailor-made--small-and-smaller);
    }

    .ic-h1-heading--with-image--topic.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--topic--small-and-smaller);
    }

    .ic-h1-heading--with-image--video-course.ic-h1-heading--small--res-less-than-1440:after {
        background-position: var(--ic-h1-heading--with-image--video-course--small-and-smaller);
    }

    #ic-venue-page__section--main-content__grid {
        grid-template-columns: 1fr 1fr;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__item {
        grid-template-columns: 2fr 3fr;
        grid-template-rows: auto;
    }
}


@media screen and (width <= 1440px) and (width > 1280px) {

    .ic-products-list--larger-button .ic-products-list__item {
        grid-template-columns: 17rem 8fr 28rem;
    }

    .ic-products-list--larger-button .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: 25rem;
    }
}


@media screen and (width > 1280px) {

    :root {
        --ic-var__content-gap--horizontal: 10rem;
        --ic-var__content-padding--menu-like: 4rem;
    }

    #ic-page-footer__grid {
        column-gap: 6rem;
    }

    .video-js--ic__error {
        padding: 0 calc(2 * var(--ic-var__content-padding));
    }

}

@media screen and (width <= 1280px) {

    .ic-button--offset--mobile-tight > span > .g-button--text__img {
        right: 2rem;
    }

    .ic-button--offset--mobile-tight.ic-button--offset--reverse > span > .g-button--text__img {
        left: 2rem;
    }

    .ic-h1-heading--small--res-less-than-1280 {
        font-size: 4rem;
        line-height: 5.2rem;
    }

    .ic-h1-heading--small--res-less-than-1280.ic-h1-heading--with-image:after {
        top: 0.8rem;
        transform: translate(-1.2rem, -1.2rem);
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
    }

    .ic-h1-heading--small--res-less-than-1280.ic-h1-heading--with-image > span,
    .ic-h1-heading--small--res-less-than-1280.ic-h1-heading--with-image > span {
        padding-left: 5.6rem;
    }

    .ic-h1-heading--smaller--res-less-than-1280 {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .ic-h1-heading--smaller--res-less-than-1280.ic-h1-heading--with-image:after {
        top: 0.1rem;
        transform: translate(-1.2rem, -1.2rem);
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
    }

    .ic-h1-heading--smaller--res-less-than-1280.ic-h1-heading--with-image > span,
    .ic-h1-heading--smaller--res-less-than-1280.ic-h1-heading--with-image > span {
        padding-left: 5.1rem;
    }

    .ic-h1-heading--with-image--article.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--article.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--article--small-and-smaller);
    }

    .ic-h1-heading--with-image--cancel.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--cancel.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--cancel--small-and-smaller);
    }

    .ic-h1-heading--with-image--cart--added.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--cart--added.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--cart--added--small-and-smaller);
    }

    .ic-h1-heading--with-image--checkmark.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--checkmark.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--checkmark--small-and-smaller);
    }

    .ic-h1-heading--with-image--clock.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--clock.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--clock--small-and-smaller);
    }

    .ic-h1-heading--with-image--contact.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--contact.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--contact--small-and-smaller);
    }

    .ic-h1-heading--with-image--content.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--content.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--content--small-and-smaller);
    }

    .ic-h1-heading--with-image--course.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--course.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--course--small-and-smaller);
    }

    .ic-h1-heading--with-image--info.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--info.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--info--small-and-smaller);
    }

    .ic-h1-heading--with-image--online-course.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--online-course.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--online-course--small-and-smaller);
    }

    .ic-h1-heading--with-image--question.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--question.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--question--small-and-smaller);
    }

    .ic-h1-heading--with-image--satisfaction.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--satisfaction.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--satisfaction--small-and-smaller);
    }

    .ic-h1-heading--with-image--search.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--search.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--search--small-and-smaller);
    }

    .ic-h1-heading--with-image--subscribe.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--subscribe.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--subscribe--small-and-smaller);
    }

    .ic-h1-heading--with-image--tailor-made.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--tailor-made.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--tailor-made--small-and-smaller);
    }

    .ic-h1-heading--with-image--topic.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--topic.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--topic--small-and-smaller);
    }

    .ic-h1-heading--with-image--video-course.ic-h1-heading--small--res-less-than-1280:after,
    .ic-h1-heading--with-image--video.ic-h1-heading--smaller--res-less-than-1280:after {
        background-position: var(--ic-h1-heading--with-image--video-course--small-and-smaller);
    }

    #ic-page-header__logo-wrapper {
        margin-right: 2rem;
    }

    #ic-page-header__search-wrapper {
        width: calc(100% - 4rem);
        /* after account button removed: */
        width: calc(100% - 12rem);
    }

    .ic-page-header__button > span {
        padding: 0 2rem;
    }

    .ic-page-header__button .ic-button--text__bubble {
        left: 2rem;
    }

    #ic-page-header__button--shopping-cart {
        margin-right: -2rem;
    }

    #ic-home-page__section--products__grid {
        grid-template-columns: 8fr 8fr;
    }

    #ic-home-page__section--products__grid__heading {
        padding-top: 1rem;
    }

    #ic-home-page__section--products__grid__heading__h1 {
        font-size: 4.2rem;
        font-size: min(calc(100vw / 26), 4.4rem);
    }

    #ic-home-page__section--products__grid__information {
        max-width: 50rem;
        padding-top: 4rem;
        padding-bottom: 1rem;
    }

    .ic-home-page__section--products__grid__text {
        font-size: 2.4rem;
    }

    #ic-home-page__section--main-content__grid {
        grid-template-columns: 9fr 7fr;
    }

    .ic-products-filter__cancel-button--desktop > span{
        padding: 0 2rem;
    }

    #ic-contact-us-page__section--main-content__grid {
        grid-template-columns: 9fr 7fr;
    }

    #ic-page-footer__grid {
        column-gap: var(--ic-var__content-padding);
    }

    .ic-products-list__item {
        grid-template-columns: 18rem 8fr 26rem;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: 23rem;
    }

    .ic-terms-list__item {
        grid-template-columns: 18rem 1fr 22rem 23rem;
    }

    .ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__text {
        margin-right: 2rem !important;
    }

    #ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
        width: 26rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr calc(39rem + (3 * var(--ic-var__content-padding)));
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 25rem; /* order button + 2rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 16rem 23rem;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
        width: 14rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue {
        width: 27rem !important;
    }

    .ic-cart-page__container__column--header__info-wrapper__count-and-price__count {
        width: 16rem;
    }

}


@media screen and (width > 1024px) {

    #ic-home-page__section--main-content__grid__form #ic-subscribe-form #ic-subscribe-form__h2__extra-span {
        display: none;
    }

    #ic-home-page__section--main-content__grid__form #ic-subscribe-form .ic-content-box__section {
        padding: 4rem;
    }

    #ic-home-page__section--main-content__grid__form #ic-subscribe-form__column--inputs {
        display: block;
    }

    #ic-home-page__section--main-content__grid__form #ic-subscribe-form__column--inputs .ic-inputs-group__section {
        margin-bottom: 2rem;
    }

    #ic-home-page__section--main-content__grid__form #ic-subscribe-form__group--topics .ic-inputs-group__section {
        margin-bottom: 0;
    }

    #ic-home-page__section--main-content__grid__form #ic-subscribe-form__group--action .g-button {
        width: 100% !important;
        max-width: 100% !important;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form .ic-content-box__section {
        height: calc(100% - 8rem);
        padding: 4rem;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__part--inputs {
        height: calc(100% - 15.8rem);
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__part--inputs .ic-content-box__section__part__row {
        height: 100%;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__part--inputs .ic-content-box__section__part__row .ic-content-box__section__part__row__column {
        height: 100%;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__part--inputs__inputs-group--textarea {
        height: calc(100% - 19.8rem);
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__section--textarea {
        height: 100%;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__section--textarea textarea {
        height: calc(100% - 2.5rem);
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__part--inputs__inputs-group--others {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__part--inputs__inputs-group--others .ic-inputs-group__section {
        width: 100%;
        padding: 0;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__column--send {
        display: block;
    }

    #ic-contact-us-page__section--main-content__grid__form #ic-contact-form__column--send__button {
        width: 100%;
        max-width: none;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer__button {
        height: 6rem;
    }

    .ic-products-list--video-courses__item-wrapper:only-child  .ic-products-list--video-courses__details__offer__button > span {
        line-height: 5.6rem;
    }
}


@media screen and (width > 1024px) and (width <= 1280px) {

    .ic-products-list--video-courses__details__offer__button > span {
        padding: 0 2rem;
    }

        /* NEW PLAYBACK RESPONSIVE STEP: */

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns {
            grid-template-columns: 2fr minmax(30rem, 1fr);
        }

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--chapters {
            grid-column: 2;
            grid-row: 1;
        }

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--questions {
            grid-column: 2;
            grid-row: 1;
        }

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--information {
            grid-column: 1 / 3;
            grid-row: 2;
            border-left: none;
            border-top: 0.2rem solid var(--g-color--grey-2);
        }

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--information:has(#ic-playback-page__playback-grid__column--information__downloads:not(.ic-playback-page__playback-grid__column--information__downloads--hidden)) > .ic-content-box {
            display: grid;
            grid-template-columns: 2fr minmax(30rem, 1fr);
        }

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--information:has(#ic-playback-page__playback-grid__column--information__downloads:not(.ic-playback-page__playback-grid__column--information__downloads--hidden)) > .ic-content-box > #ic-playback-page__playback-grid__column--information__downloads {
            grid-column: 2;
            grid-row: 1 / 4;
            border-bottom: 0;
        }

        #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--information:has(#ic-playback-page__playback-grid__column--information__downloads:not(.ic-playback-page__playback-grid__column--information__downloads--hidden)) > .ic-content-box > .ic-content-box__section:not(#ic-playback-page__playback-grid__column--information__downloads) {
            grid-column: 1;
            margin-right: 2rem;
        }
}


@media screen and (width <= 1180px) {

    #ic-page-header__search-wrapper {
        width: calc(100% - 8rem);
        /* after account button removed: */
        width: calc(100% - 12rem);
    }

    .ic-page-header__button > span {
        padding: 0 !important;
    }

    .ic-page-header__button .g-button--text__img {
        margin: 0;
    }

    .ic-page-header__button .g-button--text__text,
    .ic-page-header__button .g-button--double-lined__text-wrapper {
        display: none !important;
    }

    .ic-page-header__button .ic-button--text__bubble {
        left: 1rem;
    }

    #ic-page-header__button--account {
        width: 5rem !important; /* so that distance between images is 2rem */
        margin-left: 1rem;
    }

    #ic-page-header__button--shopping-cart {
        margin-right: -1rem;
    }

    .ic-page-footer__grid__column--payments__list__item {
        width: calc(3.6rem * 1.5);
        height: calc(2rem * 1.5);
    }

    .ic-page-footer__grid__column--payments__list__item__image {
        width: calc(6rem * 1.5);
        height: calc(6rem * 1.5);
    }

    .ic-products-list {
        grid-template-columns: 1fr 1fr;
    }

    .ic-products-list__item {
        grid-template-columns: 18rem 8fr 24rem;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__item {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: 21rem;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer__button > span > .g-button--text__img {
        display: none;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer__button > span > .g-button--text__text {
        margin-right: 0 !important;
    }

    .ic-products-list__item__column--link > .g-button > span > .g-button--text__text {
        margin-right: 0;
    }

    .ic-products-list__item__column--link > .g-button > span > .g-button--text__img {
        display: none;
    }

    .ic-products-list--video-courses__details__offer__button > span {
        padding: 0 3rem;
    }

    .ic-terms-list__item {
        grid-template-columns: 18rem 1fr 22rem 21rem;
    }

    .ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__text {
        margin-right: 2.5rem !important;
    }

    .ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__img {
        right: 1.8rem !important;
    }

    #ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
        width: 22rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr calc(35rem + (3 * var(--ic-var__content-padding)));
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 23rem; /* order button + 4rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 16rem 19rem;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
        width: 11rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back .g-button--text__img {
        display: none;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back .g-button--text__text {
        margin-left: 0 !important
    }

}


@media screen and (width <= 1024px), print {

    html {
        font-size: 8.75px; /* font-size = 14px */
    }

    .ic-h1-heading--small--res-less-than-1024 {
        font-size: 4rem;
        line-height: 5.2rem;
    }

    .ic-h1-heading--small--res-less-than-1024.ic-h1-heading--with-image:after {
        top: 0.8rem;
        transform: translate(-1.2rem, -1.2rem);
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
    }

    .ic-h1-heading--small--res-less-than-1024.ic-h1-heading--with-image > span,
    .ic-h1-heading--small--res-less-than-1024.ic-h1-heading--with-image > span {
        padding-left: 5.6rem;
    }

    .ic-h1-heading--smaller--res-less-than-1024 {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .ic-h1-heading--smaller--res-less-than-1024.ic-h1-heading--with-image:after {
        top: 0.1rem;
        transform: translate(-1.2rem, -1.2rem);
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0;
    }

    .ic-h1-heading--smaller--res-less-than-1024.ic-h1-heading--with-image > span,
    .ic-h1-heading--smaller--res-less-than-1024.ic-h1-heading--with-image > span {
        padding-left: 5.1rem;
    }

    .ic-h1-heading--with-image--article.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--article.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--article--small-and-smaller);
    }

    .ic-h1-heading--with-image--cancel.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--cancel.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--cancel--small-and-smaller);
    }

    .ic-h1-heading--with-image--cart--added.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--cart--added.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--cart--added--small-and-smaller);
    }

    .ic-h1-heading--with-image--checkmark.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--checkmark.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--checkmark--small-and-smaller);
    }

    .ic-h1-heading--with-image--clock.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--clock.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--clock--small-and-smaller);
    }

    .ic-h1-heading--with-image--contact.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--contact.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--contact--small-and-smaller);
    }

    .ic-h1-heading--with-image--content.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--content.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--content--small-and-smaller);
    }

    .ic-h1-heading--with-image--course.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--course.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--course--small-and-smaller);
    }

    .ic-h1-heading--with-image--info.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--info.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--info--small-and-smaller);
    }

    .ic-h1-heading--with-image--online-course.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--online-course.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--online-course--small-and-smaller);
    }

    .ic-h1-heading--with-image--question.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--question.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--question--small-and-smaller);
    }

    .ic-h1-heading--with-image--satisfaction.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--satisfaction.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--satisfaction--small-and-smaller);
    }

    .ic-h1-heading--with-image--search.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--search.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--search--small-and-smaller);
    }

    .ic-h1-heading--with-image--subscribe.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--subscribe.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--subscribe--small-and-smaller);
    }

    .ic-h1-heading--with-image--tailor-made.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--tailor-made.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--tailor-made--small-and-smaller);
    }

    .ic-h1-heading--with-image--topic.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--topic.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--topic--small-and-smaller);
    }

    .ic-h1-heading--with-image--video-course.ic-h1-heading--small--res-less-than-1024:after,
    .ic-h1-heading--with-image--video-course.ic-h1-heading--smaller--res-less-than-1024:after {
        background-position: var(--ic-h1-heading--with-image--video-course--small-and-smaller);
    }

    body:has(#ic-floater.ic-floater--mobile-visible) #ic-page-footer__grid {
        padding-bottom: calc(6rem + 2 * 2rem);
    }

    #ic-page__sticky-breadcrumbs__button {
        width: 26rem;
    }

    #ic-page__sticky-breadcrumbs__button.ic-page__sticky-breadcrumbs__button--no-terms {
        width: 28rem;
    }

    #ic-page-header__search-wrapper {
        width: calc(100% - 8rem);
        /* after account button removed: */
        width: calc(100% - 12rem);
    }

    .ic-page-container-wrapper--mobile--none-spacing {
        padding-bottom: 0 !important;
    }

    .ic-page__button--header-link {
        min-width: 24rem;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper {
        width: 100%;
        left: 0;
    }

    #ic-home-page__section--products__grid {
        grid-template-columns: 1fr 1fr;
    }

    #ic-home-page__section--products__grid__heading {
        padding-top: 2rem;
    }

    #ic-home-page__section--products__grid__information {
        max-width: 47.5rem;
        padding-bottom: 4rem;
    }

    #ic-home-page__section--main-content__grid {
        grid-template-columns: 1fr;
        width: calc(100% + 2 * var(--ic-var__page-padding--horizontal));
        margin-left: calc(-1 * var(--ic-var__page-padding--horizontal));
        grid-gap: 0;
    }

    #ic-home-page__section--main-content__grid__text-wrapper {
        padding: 0 var(--ic-var__page-padding--horizontal);
        padding-bottom: 6rem;
    }

    #ic-home-page__section--main-content__grid__form {
        box-shadow: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
        border-radius: 0;
    }

    #ic-home-page__section--main-content__grid__form > .ic-content-box {
        border-radius: 0;
    }

    #ic-home-page__section--main-content__grid__form > .ic-content-box > .ic-content-box__section {
        padding: 6rem var(--ic-var__page-padding--horizontal);
    }

    #ic-page-footer__grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto 1fr auto;
        column-gap: var(--ic-var__content-gap--horizontal--small);
    }

    body:not(.ic-cart-page--persons):not(.ic-cart-page--customer) #ic-page-footer__grid {
        margin-bottom: -4rem;
    }

    #ic-page-footer__grid__column--topics {
        grid-column: 1;
        grid-row: 1 / 4;
    }

    #ic-page-footer__grid__column--products {
        grid-column: 2;
        grid-row: 1;
    }

    #ic-page-footer__grid__column--places {
        grid-column: 2;
        grid-row: 2;
    }

    #ic-page-footer__grid__column--account-and-links {
        grid-column: 2;
        grid-row: 3;
    }

    #ic-page-footer__grid__column--about-us {
        grid-column: 3;
        grid-row: 1 / 4;
    }

    #ic-page-footer__grid__column--social {
        grid-column: 3;
        grid-row: 3;
        margin-top: 4rem; /* fake value !!! needs to be changed if content is changed */
    }

    #ic-page-footer__grid__column--payments {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .ic-page-footer__grid__column--payments__list {
        margin-top: 0; /* fake value !!! needs to be changed if content is changed */
    }

    .ic-page-footer__grid__column--payments__list__item {
        width: calc(3.6rem * 2);
        height: calc(2rem * 2);
    }

    .ic-page-footer__grid__column--payments__list__item__image {
        width: calc(6rem * 2);
        height: calc(6rem * 2);
    }

    .ic-products-list__item {
        grid-template-columns: 18rem 8fr 22rem;
        border-left-width: 0.5rem;
    }

    .ic-products-list__item__column--info {
        padding-left: 0;
    }

    .ic-products-list__item__column--pricing {
        padding-right: 0;
    }

    .ic-products-list__item__column--link {
        padding-right: 0;
        padding-bottom: 0;
    }

    .ic-products-list__item__column--link > .g-button > span > .g-button--text__img {
        display: none;
    }

    .ic-products-list__item__column--link > .g-button {
        margin-top: 0.6rem;
        height: 4.8rem;
    }

    .ic-products-list__item__column--link > .g-button > span {
        line-height: 4.4rem;
    }

    .ic-products-list__item__column--link > .g-button > span > .g-button--text__text {
        margin-right: 0;
    }

    .ic-products-list--video-courses__details {
        display: grid;
        grid-template-columns: auto 23.2rem;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details {
        display: flex;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: 19rem;
    }

    #ic-contact-us-page__contacts-list > a.ic-contacts-list__item--phone {
        flex-shrink: 1.1;
    }

    #ic-contact-us-page__contacts-list > a.ic-contacts-list__item--questions {
        flex-shrink: 1.15;
    }

    #ic-contact-us-page__section--main-content__grid {
        grid-template-columns: 1fr;
        width: calc(100% + 2 * var(--ic-var__page-padding--horizontal));
        margin-left: calc(-1 * var(--ic-var__page-padding--horizontal));
        grid-gap: 0;
    }

    #ic-contact-us-page__section--main-content__grid__about-us {
        padding: 0 var(--ic-var__page-padding--horizontal);
        padding-bottom: 6rem;
    }

    #ic-contact-us-page__section--main-content__grid__form {
        box-shadow: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
        border-radius: 0;
    }

    #ic-contact-us-page__section--main-content__grid__form > .ic-content-box {
        border-radius: 0;
    }

    #ic-contact-us-page__section--main-content__grid__form > .ic-content-box > .ic-content-box__section {
        padding: 6rem var(--ic-var__page-padding--horizontal);
    }

    #ic-contact-form .ic-content-box__section {
        height: auto;
    }

    #ic-contact-form__section--textarea__textarea {
        height: 16rem;
    }

    #ic-product-page__heading-grid {
        grid-template-columns: 1fr 28rem;
    }

    #ic-product-page__heading-grid__term-box__list {
        width: 24rem;
    }

    #ic-product-page__heading-grid__term-box__list li {
        width: calc(24rem - 2em);
    }

    #ic-product-page__lecturers-grid {
        grid-template-columns: 1fr 28rem;
    }

    #ic-product-page__lecturers-grid__question-box > div button > span {
        padding: 0 2rem;
    }

    .ic-terms-list__item {
        border-left-width: 0.5rem;
    }

    #ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
        width: 22rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr calc(35rem + (3 * var(--ic-var__content-padding)));
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 23rem; /* order button + 4rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 16rem 19rem;
    }

    #ic-pre-cart-page__heading-grid__column--product-wrapper {
        border-left-width: 0.5rem;
    }

    #ic-playback-page__playback-grid {
        grid-template-columns: 2fr 1fr;
    }

    #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns {
        grid-template-columns: 3fr 2fr;
    }

    #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__player-wrapper {
        grid-column: 1/3;
        min-width: initial;
        max-width: initial;
        height: initial;
    }

    #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--chapters {
        grid-column: 1;
        grid-row: 2;
        border-left: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--questions {
        grid-column: 1;
        grid-row: 2;
        border-left: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-playback-page__playback-grid.ic-playback-page__playback-grid--three-columns #ic-playback-page__playback-grid__column--information {
        grid-column: 2;
        grid-row: 2;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-playback-page__entry-wrapper {
        aspect-ratio: 16 / 9;
    }
}

@media screen and (width <= 920px) {

    :root {
        --ic-var__content-gap--horizontal: 6rem;
        --ic-var__content-gap--horizontal--small: 3rem;
        --ic-var__content-padding--menu-like: 3rem;
        --ic-var__content-padding--subnav-like: 3rem;
    }

    #ic-page-header__search-wrapper {
        width: calc(100% - 4rem);
        /* after account button removed: */
        width: calc(100% - 8rem);
    }

    #ic-page-header__search-wrapper__suggestions-wrapper {
        width: calc(100% + 12.6rem); /* guessed value */
        /* after account button removed: */
        width: calc(100% + 8.6rem); /* guessed value */
    }

    .g-button > span {
        padding: 0 2rem;
    }

    .ic-button--offset > span > .g-button--text__text {
        margin-right: 2rem;
    }

    .ic-button--offset--reverse > span > .g-button--text__text {
        margin-left: 2rem;
        margin-right: 0;
    }

    .ic-button--offset > span > .g-button--text__img {
        right: 2rem;
    }

    .ic-button--offset--reverse > span > .g-button--text__img {
        left: 2rem;
    }

    .ic-counter__input {
        padding: 0;
    }

    #ic-home-page__section--products__grid__information {
        max-width: 44rem;
    }

    #ic-home-page__section--products__grid__products > .g-button > span > .g-button--text__text {
        font-size: 1.6rem;
    }

    .ic-faq-topics-list {
        grid-template-columns: 1fr 1fr;
    }

    #ic-venue-page__section--main-content__grid {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .ic-products-list__item {
        grid-template-columns: 16rem 8fr 19rem;
    }

    .ic-products-list--video-courses__details {
        grid-template-columns: auto 20.2rem;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: 16rem;
    }

    .ic-product-page__accreditations-grid__accreditation-list__accreditation-number {
        display: block;
    }

    .ic-terms-list__item {
        grid-template-columns: 16rem 1fr 21rem 17rem;
        border-left-width: 0.5rem;
    }

    .ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__text {
        margin-right: 0 !important;
    }

    .ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__img {
        display: none;
    }

    #ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
        width: 20rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr calc(32rem + (3 * var(--ic-var__content-padding)));
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 21rem; /* order button + 4rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 15rem 17rem;
    }

    .ic-cart-page__navigation__button--back--to-offsite-courses {
        width: 25rem !important;
    }

    .ic-cart-page__navigation__button--back--to-online-courses {
        width: 25.5rem !important;
    }

    .ic-cart-page__navigation__button--back--to-video-courses {
        width: 29.5rem !important;
    }

    .ic-cart-page__navigation__button--back--to-attendees {
        width: 25.5rem !important;
    }

    .ic-cart-page__navigation__button--continue-to-invoicing {
        width: 28rem !important;
    }

    .ic-cart-page__navigation__button--continue-to-confirmation {
        width: 28rem !important;
    }

}

@media screen and (width > 820px) and (width <= 920px) {

    .ic-small-desktop--display-none {
        visibility: hidden;
        display: none !important;
    }

    .ic-small-desktop--display-inline {
        visibility: visible;
        display: inline !important;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p:first-of-type:not(:only-child) {
        padding-right: var(--ic-var__content-padding);
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p:last-of-type:not(:only-child) {
        padding-left: var(--ic-var__content-padding);
    }

    #ic-product-page__lecturers-grid:not(.ic-product-page__lecturers-grid--simple) .ic-product-page__lecturers-grid__list__item--with-image .ic-product-page__lecturers-grid__list__item__links-wrapper > p > a {
        height: auto;
    }

    #ic-product-page__lecturers-grid:not(.ic-product-page__lecturers-grid--simple) .ic-product-page__lecturers-grid__list__item--with-image .ic-product-page__lecturers-grid__list__item__links-wrapper:has(.ic-product-page__lecturers-grid__list__item__links-wrapper__divider) > p > a > span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item > span > span > .g-button--text__img {
        display: none;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
        width: 9rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue {
        width: 26rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue > span > .g-button--text__text {
        margin-right: 4rem !important;
    }
}

@media screen and (width > 820px) and (width <= 1024px) {

    #ic-page-menu > li:first-child {
        margin-left: -3rem;
    }

    #ic-page-menu > li:first-child a {
        padding-left: 3rem;
    }

    #ic-page-menu > li:last-child {
        margin-right: -3rem;
    }

    #ic-page-menu > li:last-child a {
        padding-right: 3rem;
    }

    #ic-products-page__description__button--help__extra-text {
        display: none;
        visibility: hidden;
    }

    #ic-playback-page__playback-grid__column--questions__textarea {
        min-height: 19.72rem;
    }
}

@media screen and (width > 820px) {

    body:has(#ic-page-menu > li.ic-page-menu__item--with-popin-menu:hover) #ic-page__overlay,
    body:has(#ic-page-menu > li.ic-page-menu__item--with-popin-menu:focus-within) #ic-page__overlay {
        visibility: visible;
        opacity: 0.5;
    }
    
    #ic-page-header__search-wrapper__form__input {
        border-right-width: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    body:has(#ic-page-header.ic-page-header--search-active) #ic-page-header-wrapper__overlay {
        visibility: visible;
        opacity: 0.5;
    }

    #ic-page-header__button--menu-toggle,
    #ic-page-header__button--search {
        display: none;
    }

    /*
    removed after sub-menu changes:
    body.ic-body--sub-menu-visible #ic-page-menu-wrapper::after {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 6rem;
        box-shadow: var(--g-shadow-1);
        clip-path: inset(-2rem 0 1rem 0);
        pointer-events: none;
    }
    */

    #ic-page-menu > li > a {
        color: white;
    }

    #ic-page-menu > li.g-active > a {
        background-color: var(--ic-button--hover--blue--background);
    }

    .ic-page-menu__popin-menu-wrapper {
        position: absolute;
        box-shadow: var(--g-shadow-1);
    }

    #ic-page-menu:has( > li.ic-page-menu__item--with-popin-menu:hover) > li.g-active:not(:hover),
    #ic-page-menu:has( > li.ic-page-menu__item--with-popin-menu:focus-within) > li.g-active:not(:hover) {
        z-index: 0;
    }

    #ic-page-menu:has( > li.ic-page-menu__item--with-popin-menu:hover) > li.g-active > a,
    #ic-page-menu:has( > li.ic-page-menu__item--with-popin-menu:focus-within) > li.g-active > a {
        background-color: transparent;
    }

    #ic-page-menu > li.ic-page-menu__item--with-popin-menu.g-active:hover > a,
    #ic-page-menu > li.ic-page-menu__item--with-popin-menu.g-active:focus-within > a {
        background-color: var(--ic-button--hover--blue--background) !important;
    }

    #ic-page-menu > li.ic-page-menu__item--with-popin-menu:focus-within > a,
    #ic-page-menu > li.ic-page-menu__item--with-popin-menu:hover > a {
        position: relative;
        background-color: var(--ic-button--hover--blue--background) !important;
        z-index: 1;
    }

    #ic-page-menu > li:focus-within > .ic-page-menu__popin-menu-wrapper,
    #ic-page-menu > li:hover > .ic-page-menu__popin-menu-wrapper {
        visibility: visible;
        opacity: 1;
    }

    .ic-page-menu__popin-menu-wrapper .g-button {
        height: 8rem;
    }

    #ic-page-header__search-wrapper__suggestions__labels-wrapper:has(+ #ic-page-header__search-wrapper__suggestions__results:empty) {
        border-bottom: none;
    }

    .ic-sub-categories-list:not(.ic-sub-categories-list--full-width):after {
        content: '';
        flex-grow: 99999999999;
    }

    .ic-page-container-wrapper .ic-buttons-group:not(.ic-buttons-group--full-width) > a:only-child,
    .ic-page-container-wrapper .ic-buttons-group:not(.ic-buttons-group--full-width) > .g-button:only-child {
        width: 40%;
        max-width: 40rem;
    }

    #ic-subscribe-form__group--topics textarea {
        height: 15.3rem;
    }

    #ic-contact-form__column--send__button {
        width: 40%;
        max-width: 40rem;
    }

    #ic-product-page__heading-grid-wrapper:has(+ .ic-page__sticky-breadcrumbs--visible) #ic-product-page__heading-grid__term-box-wrapper {
        visibility: hidden;
    }

    .ic-products-list--video-courses__item-wrapper:only-child {
        grid-column: -1 / 1;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__item__image-container {
        padding-right: 0;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__item__text-wrapper {
        padding-top: 2.5rem;
        padding-left: var(--ic-var__content-padding);
        padding-right: var(--ic-var__content-padding);
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__info,
    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        padding-bottom: 0.5rem;
    }

}

@media screen and (width <= 820px), print {

    :root {
        --ic-var__content-padding: 3rem;
        --ic-var__content-padding--menu-like: 3rem;
        --ic-var__content-padding--subnav-like: 3rem;
        --ic-var__page-padding--horizontal: 3rem;
    }

    .ic-mobile--display-inline {
        visibility: visible;
        display: inline !important;
    }

    html {
        font-size: 9.375px; /* font-size = 15px */
    }

    #ic-home-page__section--products__grid__products__item--offsite-course {
        grid-row: 1;
        grid-column: 2;
    }

    .ic-h1-heading {
        margin-top: 0;
    }

    .ic-h1-heading--mobile-small-spacing {
        margin-bottom: 1rem;
    }

    .g-button > span {
        padding: 0 var(--ic-var__content-padding);
    }

    .ic-button--offset > span > .g-button--text__text {
        margin-right: var(--ic-var__content-padding);
    }

    .ic-button--offset--reverse > span > .g-button--text__text {
        margin-left: var(--ic-var__content-padding);
        margin-right: 0;
    }

    .ic-button--offset > span > .g-button--text__img {
        right: var(--ic-var__content-padding);
    }

    .ic-button--offset--reverse > span > .g-button--text__img {
        left: var(--ic-var__content-padding);
    }

    .ic-button--offset {
        width: 100% !important;
    }

    .ic-button--offset.ic-button--offset--centered--mobile > span > .g-button--text__text {
        margin-right: 0;
    }

    .ic-button--offset--reverse.ic-button--offset--centered--mobile > span > .g-button--text__text {
        margin-left: 0;
    }

    .ic-buttons-group.ic-buttons-group--mobile-small-spacing {
        margin-top: 2rem;
    }

    .ic-buttons-group:not(.ic-buttons-group--full-width) > a,
    .ic-buttons-group:not(.ic-buttons-group--full-width) > .g-button {
        width: 50% !important;
        min-width: 28rem;
    }

    .ic-buttons-group:not(.ic-buttons-group--tablet-vertical) > a:not(:only-child),
    .ic-buttons-group:not(.ic-buttons-group--tablet-vertical) > .g-button:not(:only-child) {
        min-width: 0 !important;
    }

    .ic-buttons-group.ic-buttons-group--tablet-vertical {
        flex-direction: column;
    }

    .ic-buttons-group.ic-buttons-group--tablet-vertical > a,
    .ic-buttons-group.ic-buttons-group--tablet-vertical > .g-button {
        margin: 0 auto;
    }

    .ic-h2-heading.ic-h2-heading--no-extra-spacing--mobile + div {
        margin-top: auto;
    }

    .ic-simple-pager__button:only-child .g-mobile--min--display-none {
        display: inline !important;
        visibility: visible !important;
    }

    .ic-page-container {
        padding-left: var(--ic-var__page-padding--horizontal);
        padding-right: var(--ic-var__page-padding--horizontal);
    }

    .ic-page-container-wrapper {
        padding: 4rem 0;
    }

    .ic-page-container-wrapper--mobile--min--none-spacing {
        padding-bottom: 0
    }

    #ic-page__overlay--without-submenu__loader {
        width: 6rem;
        height: 6rem;
    }

    #ic-page__overlay--without-submenu__loader:after {
        width: 6rem;
        height: 6rem;
    }

    main .ic-page-container-wrapper:first-child,
    main .ic-page-container-wrapper--first-child {
        padding-top: 18.6rem;
    }

    main .ic-page-container-wrapper.ic-page-container-wrapper--no-spacing:first-child,
    main .ic-page-container-wrapper--first-child.ic-page-container-wrapper--no-spacing {
        padding-top: 14.6rem;
    }

    body.ic-body--condensed-mobile-header main .ic-page-container-wrapper:first-child,
    body.ic-body--condensed-mobile-header main .ic-page-container-wrapper--first-child {
        padding-top: 12.1rem;
    }

    body.ic-body--condensed-mobile-header main .ic-page-container-wrapper.ic-page-container-wrapper--no-spacing:first-child,
    body.ic-body--condensed-mobile-header main .ic-page-container-wrapper--first-child.ic-page-container-wrapper--no-spacing {
        padding-top: 8.1rem;
    }

    .ic-page-anchor {
        top: -18.6rem;
    }

    body.ic-body--sub-menu-visible .ic-page-anchor {
        top: -20.9rem;
    }

    body.ic-body--sub-menu-visible main .ic-page-container-wrapper:first-child,
    body.ic-body--sub-menu-visible main .ic-page-container-wrapper--first-child {
        margin-top: 0;
        padding-top: 27.4rem; /* fake value !!! - needs to be specified based on sub-menu height */
    }

    body.ic-body--sub-menu-visible.ic-body--condensed-mobile-header main .ic-page-container-wrapper:first-child,
    body.ic-body--sub-menu-visible.ic-body--condensed-mobile-header main .ic-page-container-wrapper--first-child {
        padding-top: 20.9rem; /* fake value !!! - needs to be specified based on sub-menu height */
    }

    .ic-page__description-styling-wrapper:not(:last-child) p,
    .ic-page__description:not(:last-child) {
        margin-bottom: 4rem;
    }

    .ic-page-container--breadcrumbs {
        height: 2.4rem;
        margin-top: -4rem;
        overflow-x: auto;
        overflow-y: hidden;
        z-index: 0 !important;
    }

    header:has(.ic-page-container--breadcrumbs),
    section:has(.ic-page-container--breadcrumbs) {
        position: relative;
        z-index: 0;
    }

    header:has(.ic-page-container--breadcrumbs):before,
    section:has(.ic-page-container--breadcrumbs):before {
        position: absolute;
        top: 14.6rem;
        left: 0;
        display: block;
        content: '';
        width: var(--ic-var__content-padding);
        height: 6.4rem;
        background: rgb(235,244,252);
        background: linear-gradient(90deg, rgba(235,244,252,1) 0%, rgba(235,244,252,0) 100%);
        z-index: 1;
        pointer-events: none;
    }

    header:has(.ic-page-container--breadcrumbs):after,
    section:has(.ic-page-container--breadcrumbs):after {
        position: absolute;
        top: 14.6rem;
        right: 0;
        display: block;
        content: '';
        width: var(--ic-var__content-padding);
        height: 6.4rem;
        background: rgb(235,244,252);
        background: linear-gradient(90deg, rgba(235,244,252,0) 0%, rgba(235,244,252,1) 100%);
        pointer-events: none;
    }

    body.ic-body--condensed-mobile-header header:has(.ic-page-container--breadcrumbs):before,
    body.ic-body--condensed-mobile-header section:has(.ic-page-container--breadcrumbs):before,
    body.ic-body--condensed-mobile-header header:has(.ic-page-container--breadcrumbs):after,
    body.ic-body--condensed-mobile-header section:has(.ic-page-container--breadcrumbs):after {
        top: 8.1rem;
    }

    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible header:has(.ic-page-container--breadcrumbs):before,
    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible section:has(.ic-page-container--breadcrumbs):before,
    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible header:has(.ic-page-container--breadcrumbs):after,
    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible section:has(.ic-page-container--breadcrumbs):after {
        top: 16.9rem;
    }

    .ic-page-container--breadcrumbs__wrapper > p:last-child {
        overflow: initial;
        padding-right: 2rem;
    }

    #ic-page__sticky-breadcrumbs-background,
    #ic-page__sticky-breadcrumbs {
        display: none;
    }

    #ic-page__sticky-breadcrumbs-shadow {
        top: 0;
        position: relative;
        box-shadow: none;
        border-bottom: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-cookies-bar {
        animation-duration: 0s !important;
    }

    #ic-cookies-bar__content-wrapper {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    #ic-page-header-wrapper {
        height: 14.1rem;
        z-index: 7;
    }

    body.ic-body--condensed-mobile-header #ic-page-header-wrapper {
        height: 7.6rem;
    }

    #ic-page-header {
        grid-template-columns: 1fr auto;
        margin-top: 0.8rem;
    }

    body.ic-body--condensed-mobile-header #ic-page-header-wrapper #ic-page-header {
        grid-template-rows: auto 0;
    }

    #ic-page-header__logo-wrapper {
        height: 6rem;
        padding-right: 1rem;
        margin-right: 0;
        padding-left: 1rem;
        margin-left: -1rem;
    }

    #ic-page-header__search-wrapper {
        grid-row: 2;
        grid-column: 1/6;
        width: 100%;
        height: 4.5rem;
        margin-top: 0.8rem;
    }

    body.ic-body--condensed-mobile-header #ic-page-header__search-wrapper {
        visibility: hidden;
        opacity: 0;
    }

    body.ic-body--condensed-mobile-header #ic-page-header.ic-page-header--search-active #ic-page-header__search-wrapper {
        grid-row: 1;
        visibility: visible;
        opacity: 1;
    }

    body.ic-body--condensed-mobile-header #ic-page-header.ic-page-header--search-active #ic-page-header__logo-wrapper,
    body.ic-body--condensed-mobile-header #ic-page-header.ic-page-header--search-active .ic-page-header__button {
        visibility: hidden;
        opacity: 0;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper {
        position: fixed;
        top: 14.6rem;
        left: 0;
        width: 100%;
        grid-template-rows: 1fr auto;
        height: calc(100vh - 14.6rem);
        height: calc(100dvh - 14.6rem);
        max-height: none;
        border-radius: 0;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper::after {
        display: block;
        content: '';
        position: fixed;
        top: 14.1rem;
        left: 0;
        width: 100%;
        height: 0.5rem;
        box-shadow: var(--g-shadow-1--top-only);
        clip-path: inset(0.5rem -2rem -2rem -2rem);
    }

    body.ic-body--condensed-mobile-header #ic-page-header__search-wrapper__suggestions-wrapper {
        top: 8.1rem;
        height: calc(100vh - 8.1rem);
        height: calc(100dvh - 8.1rem);
    }

    body.ic-body--condensed-mobile-header #ic-page-header.ic-page-header--search-active #ic-page-header__search-wrapper__suggestions-wrapper {
        visibility: visible;
        opacity: 1;
    }

    body.ic-body--condensed-mobile-header #ic-page-header #ic-page-header__search-wrapper__suggestions-wrapper::after {
        top: 7.6rem;
    }

    .ic-page-header__search-wrapper__suggestions__results__section-heading-wrapper {
        padding: var(--ic-var__content-padding);
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    #ic-page-header__search-wrapper__suggestions__labels-wrapper {
        padding: 1.4rem calc(var(--ic-var__content-padding) - 0.6rem);
    }

    .ic-page-header__search-wrapper__suggestions__results__section__item > span {
        padding: 0 var(--ic-var__content-padding) !important
    }

    #ic-page-header__search-wrapper__suggestions-wrapper__actions {
        padding: var(--ic-var__content-padding);
        padding-bottom: calc(var(--ic-var__content-padding) + env(safe-area-inset-bottom));
        border-top: none;
        box-shadow: var(--g-shadow-1--on-white);
        z-index: 1;
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper {
        padding: 4rem var(--ic-var__content-padding);
        grid-template-columns: 12rem 1fr;
        column-gap: var(--ic-var__content-padding);
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__image {
        grid-row: 1 / 3;
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2) 0;
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__heading {
        font-size: 2.2rem;
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__text > span {
        display: inline-block;
    }

    #ic-page__overlay--without-submenu {
        top: 14.6rem;
        height: calc(100vh - 14.6rem);
        height: calc(100dvh - 14.6rem);
    }

    body.ic-body--condensed-mobile-header #ic-page__overlay--without-submenu {
        top: 8.1rem;
        height: calc(100vh - 8.1rem);
        height: calc(100dvh - 8.1rem);
    }

    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible #ic-page__overlay--without-submenu {
        top: 16.9rem;
        height: calc(100vh - 16.9rem);
        height: calc(100dvh - 16.9rem);
    }

    #ic-page-header__search-wrapper__form__input {
        height: 4.5rem;
    }

    #ic-page-header__search-wrapper__form__input-icon {
        margin: -0.15rem 0;
    }

    #ic-page-header__search-wrapper__form__button--cancel {
        height: 4.1rem;
    }

    #ic-page-header__search-wrapper__form__search-button {
        display: none;
    }

    #ic-page-header.ic-page-header--search-active #ic-page-header__search-wrapper__form__close-button {
        display: block;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper .g-working:after {
        top: 30%;
    }

    .ic-page-header__button {
        height: 6rem;
    }

    .ic-page-header__button > span {
        padding: 0;
    }

    .ic-page-header__button .g-button--text__img {
        margin: 0;
    }

    .ic-page-header__button .g-button--text__text,
    .ic-page-header__button .g-button--double-lined__text-wrapper {
        display: none !important;
    }

    .ic-page-header__button .ic-button--text__bubble {
        left: 1rem;
        bottom: 1.2rem;
    }

    .ic-page-header__button:focus .ic-button--text__bubble,
    .ic-page-header__button:hover .ic-button--text__bubble,
    .ic-page-header__button:active .ic-button--text__bubble {
        box-shadow: 0 0 0 0.3rem var(--g-input--focus--hover--background);
    }

    #ic-page-header__button--account {
        margin-left: 0;
    }

    /* after account button removed: */
    #ic-page-header__button--search {
        width: 4.2rem !important; /* random value, looks visually better */
    }

    #ic-page-header__button--shopping-cart {
        margin-right: 0;
    }

    #ic-page-menu-border {
        margin-top: 14.1rem;
        z-index: 6;
    }

    body.ic-body--condensed-mobile-header #ic-page-menu-border {
        margin-top: 7.6rem;
    }

    #ic-page-menu-border:has(+ #ic-page-menu-wrapper.g-active) {
        box-shadow: var(--g-shadow-1);
    }

    #ic-page-menu > li > a:focus,
    #ic-page-menu > li > a:hover,
    #ic-page-menu > li > a:active {
        background-color: var(--g-input--focus--hover--background);
    }

    #ic-page-menu > li.g-active > a {
        color: var(--g-text-color--grey);
    }

    #ic-page-menu > li.g-active > a:focus,
    #ic-page-menu > li.g-active > a:hover,
    #ic-page-menu > li.g-active > a:active {
        color: var(--g-text-color--link--hover);
    }

    #ic-page-menu-wrapper {
        visibility: hidden;
        position: fixed !important;
        top: 0;
        overflow: hidden;
        height: 100%;
        max-height: 0;
        margin-top: 0;
        background-color: white;
        overscroll-behavior: contain;
        background-color: var(--ic-color--background--blue);
        transition: all var(--g-animation-time--quick) linear;
    }

    #ic-page-menu-wrapper.g-active {
        visibility: visible;
        max-height: 100vh;
        max-height: 100dvh;
    }

    #ic-page-menu-wrapper.ic-page-menu-wrapper--open {
        transition-property: none;
        overflow-y: auto;
    }

    #ic-page-menu-wrapper > .ic-page-container {
        padding: 0;
        padding-top: 14.6rem;
        background-color: white;
        box-shadow: var(--g-shadow-1)
    }

    body.ic-body--condensed-mobile-header #ic-page-menu-wrapper > .ic-page-container {
        padding-top: 8.1rem;
    }

    #ic-page-menu {
        flex-direction: column;
        min-height: calc(100vh - 13.8rem - 17.6rem - env(safe-area-inset-bottom));
        min-height: calc(100dvh - 13.8rem - 17.6rem - env(safe-area-inset-bottom));
    }

    body.ic-body--condensed-mobile-header #ic-page-menu {
        min-height: calc(100vh - 13.8rem - 11.1rem - env(safe-area-inset-bottom));
        min-height: calc(100dvh - 13.8rem - 11.1rem - env(safe-area-inset-bottom));
    }

    #ic-page-menu > li:first-child {
        margin-left: 0;
    }

    #ic-page-menu > li:last-child {
        margin-right: 0;
    }

    #ic-page-menu > li:not(:first-child) {
        border-left: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-page-menu > li > a {
        padding: 0 var(--ic-var__page-padding--horizontal);
        font-weight: 500;
        letter-spacing: 0.02em;
    }

    #ic-page-menu > li > a > .g-button--text__img {
        display: block;
    }

    #ic-page-menu > li > ul {
        position: relative;
        width: auto;
        box-shadow: none;
        clip-path: none;
        background-color: inherit; /* use to be none but thats not valid */
    }

    #ic-page-sub-menu-wrapper {
        position: fixed;
        top: 0 !important;
        width: 100%;
    }

    body.ic-body--condensed-mobile-header #ic-page-sub-menu-wrapper {
        padding-top: 7.6rem;
    }

    #ic-page-menu > li.ic-page-menu__item--with-popin-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #ic-page-menu > li.ic-page-menu__item--with-popin-menu > a {
        width: calc(100% - 1.5rem - 2 * var(--ic-var__page-padding--horizontal));
        max-width: calc(100% - 6rem);
        box-sizing: border-box;
    }

    #ic-page-menu > li.ic-page-menu__item--with-popin-menu .ic-page-menu__item--with-popin-menu__reveal-button {
        display: block;
    }

    .ic-page-menu__popin-menu-wrapper {
        width: 100%;
        max-height: 0;
        border-radius: 0;
        opacity: 1;
    }

    .ic-page-menu__item--with-popin-menu__reveal-button.g-active + .ic-page-menu__popin-menu-wrapper {
        visibility: visible;
        max-height: 12.4rem;
    }

    .ic-page-menu__popin-menu-wrapper li {
        border-top: 0.2rem solid var(--g-color--grey-2);
        border-bottom: none !important;
    }

    .ic-page-menu__popin-menu-wrapper .g-button > span {
        padding: 0 calc(2 * var(--ic-var__page-padding--horizontal));
    }

    #ic-page-menu-wrapper__mobile-infobox {
        display: block;
        position: sticky;
        top: calc(100vh - 16.8rem - env(safe-area-inset-bottom));
        top: calc(100dvh - 16.8rem - env(safe-area-inset-bottom));
        height: 10.8rem;
        padding: 3rem var(--ic-var__page-padding--horizontal);
        padding-bottom: calc(3rem + env(safe-area-inset-bottom));
    }

    #ic-page-menu-wrapper__mobile-infobox .ic-page-footer__grid__contacts-list li:not(:first-child) {
        margin-top: 1.5rem;
    }

    #ic-page-footer__grid {
        grid-template-columns: 1fr 1fr;
        column-gap: var(--ic-var__content-gap--horizontal);
    }

    #ic-floater {
        padding: 2rem 0;
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }

    body:has(#ic-floater) #ic-page-footer__grid {
        padding-bottom: calc(6rem + 2 * 2rem);
    }

    #ic-page-footer__grid__column--topics {
        grid-column: 1;
        grid-row: 1/3;
    }

    #ic-page-footer__grid__column--products {
        grid-column: 1;
        grid-row: 3/4;
    }

    #ic-page-footer__grid__column--places {
        grid-column: 1;
        grid-row: 4;
    }

    #ic-page-footer__grid__column--account-and-links {
        grid-column: 2;
        grid-row: 2/5;
    }

    #ic-page-footer__grid__column--about-us {
        grid-column: 2;
        grid-row: 1/2;
    }

    #ic-page-footer__grid__column--social {
        grid-column: 2;
        grid-row: 4;
        margin-top: 3rem; /* fake value !!! needs to be changed if content is changed */
    }

    .ic-page-footer__grid__column--payments__list__item {
        width: calc(3.6rem * 1.5);
        height: calc(2rem * 1.5);
    }

    .ic-page-footer__grid__column--payments__list__item__image {
        width: calc(6rem * 1.5);
        height: calc(6rem * 1.5);
    }

    .ic-modal__container {
        max-width: calc(100vw - 2 * (var(--ic-var__content-padding)));
        max-height: calc(100vh - 2 * (var(--ic-var__content-padding)) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - 2 * (var(--ic-var__content-padding)) - env(safe-area-inset-bottom));
    }

    .ic-modal__container__content {
        max-height: calc(100vh - 2 * (var(--ic-var__content-padding)) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - 2 * (var(--ic-var__content-padding)) - env(safe-area-inset-bottom));
    }

    .ic-modal__container__content .ic-content-box__section__part:first-child .ic-h2-heading {
        padding-right: calc(5.4rem - var(--ic-var__content-padding) + var(--ic-var__content-padding));
    }

    .ic-content-box__section {
        padding: 2rem;
    }

    .ic-content-box__section.ic-content-box__section--mobile-larger-padding {
        padding: var(--ic-var__content-padding);
    }

    .ic-modal__container__content .ic-content-box__section {
        padding: var(--ic-var__content-padding);
    }

    .ic-content-box__section__part {
        margin-bottom: 4rem;
    }

    .ic-content-box__section__part.ic-content-box__section__part--top-spacing {
        margin-top: 4rem;
    }

    .ic-content-box__section__part--mobile-small-spacing {
        margin-bottom: 2rem;
    }

    .ic-inputs-group:not(.ic-inputs-group--mobile-single-line) {
        flex-wrap: wrap;
    }

    .ic-inputs-group__section--mobile-small-spacing {
        padding: 0 0.5rem;
    }

    .ic-inputs-group:not(.ic-inputs-group--mobile-single-line) .ic-inputs-group__section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ic-inputs-group:last-child:not(.ic-inputs-group--not-last-line) .ic-inputs-group__section:not(:last-child),
    .ic-inputs-group.ic-inputs-group--last-line .ic-inputs-group__section:not(:last-child),
    .ic-inputs-group__section:not(.ic-inputs-group__section--bottom-bordered) {
        margin-bottom: 2rem;
    }

    .ic-inputs-group.ic-inputs-group--mobile-last-line .ic-inputs-group__section {
        margin-bottom: 0 !important;
    }

    .ic-inputs-group:not(:last-child) .ic-inputs-group__section--bottom-bordered {
        margin-bottom: 2rem;
    }

    .ic-inputs-group.ic-inputs-group--mobile-not-last-line .ic-inputs-group__section--bottom-bordered {
        margin-bottom: 2rem !important;
    }

    .ic-inputs-group:not(:last-child) .ic-inputs-group__section--bottom-bordered .ic-text-block-input,
    .ic-inputs-group.ic-inputs-group--not-last-line.ic-inputs-group__section--bottom-bordered .ic-text-block-input {
        margin-bottom: 2rem;
    }

    .ic-inputs-group .ic-inputs-group__section--mobile-not-last-line.ic-inputs-group__section--bottom-bordered {
        margin-bottom: 2rem;
        border-bottom: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-inputs-group .ic-inputs-group__section--mobile-not-last-line.ic-inputs-group__section--bottom-bordered .ic-text-block-input {
        margin-bottom: 2rem;
    }

    .ic-inputs-group .ic-inputs-group__section--mobile-last-line {
        margin-bottom: 0 !important;
        border-bottom: none !important;
    }

    .ic-inputs-group .ic-inputs-group__section--mobile-last-line.ic-inputs-group__section .ic-text-block-input {
        margin-bottom: 0 !important;
    }

    #ic-home-page__section--products__grid {
        grid-template-columns: auto;
        grid-template-rows: auto;
    }

    #ic-home-page__section--products__grid__heading {
        grid-column: auto;
        grid-row: auto;
        padding-top: 0;
    }

    #ic-home-page__section--products__grid__heading__h1 {
        font-size: 3.6rem;
        font-size: min(calc(100vw / 13), 4rem);
    }

    #ic-home-page__section--products__grid__information {
        max-width: min(83vw, 43rem);
        grid-column: auto;
        grid-row: auto;
        grid-template-columns: auto 1fr auto 1fr auto;
        padding: 2rem 0 4rem 0;
    }

    #ic-home-page__section--products__grid__products {
        grid-column: auto;
        grid-row: auto;
    }

    #ic-home-page__section--products__grid__products > .g-button > span > .g-button--text__img {
        margin-top: 0;
    }

    #ic-home-page__section--products__grid__products > .g-button > span > .g-button--text__text {
        max-width: inherit;
        overflow: visible;
        font-size: 1.6rem;
        line-height: 1.438; /* line height is 2.3rem for 1.6rem font-size */
        margin-bottom: 0.2rem;
    }

    #ic-home-page__section--main-content__grid__text-wrapper {
        padding-bottom: 4rem;
    }

    .ic-home-page__section--products__grid__text {
        font-size: 2.4rem;
    }

    #ic-home-page__section--main-content__grid__form > .ic-content-box > .ic-content-box__section {
        padding: 4rem var(--ic-var__page-padding--horizontal);
    }

    #ic-custom-made-page__description__button {
        width: 50%;
    }

    #ic-products-page__description {
        grid-template-columns: auto;
    }

    #ic-products-page__description.ic-products-page__description--with-button:not(.ic-products-page__description--with-image) {
        grid-template-columns: auto;
    }

    #ic-products-page__description.ic-products-page__description--with-button:not(.ic-products-page__description--with-image) > p {
        padding-right: 0;
    }

    #ic-products-page__description.ic-products-page__description--with-button > #ic-products-page__description__button--help {
        width: 50% !important;
    }

    #ic-products-page__description.ic-products-page__description--with-button:not(.ic-products-page__description--with-image) > #ic-products-page__description__button--help {
        grid-row: 2;
        margin-right: auto;
    }

    #ic-products-page__description__text--1 {
        display: none;
    }

    /*
    .ic-sub-categories-list > .g-button {
        width: calc(50% - 0.5rem);
        flex-grow: 0;
    }

    .ic-sub-categories-list > .g-button:only-child {
        width: 50%;
    }
    instead of above:
    */
    .ic-sub-categories-list > .g-button {
        max-width: calc(50% - 0.5rem);
    }

    .ic-sub-categories-list__button--all {
        max-width: none !important;
        width: 50% !important;
        flex-grow: 0 !important;
        margin: 3rem 25% 0 25%;
    }

    .ic-sub-categories-list__button--all > span > .g-button--text__img {
        right: 2rem;
    }

    .ic-products-list {
        grid-template-columns: 1fr 1fr;
    }

    .ic-products-list__item {
        display: grid;
        grid-template-columns: 1fr 24rem;
        grid-template-rows: auto auto 1fr;
        padding: 2rem var(--ic-var__content-padding);
        border-left-width: 0.5rem;
    }

    .ic-products-list__item__column {
        padding: 0;
    }

    .ic-products-list__item__column--info__text--large {
        font-size: 1.6rem;
    }

    .ic-products-list__item__column--info {
        grid-row: 2/4;
        grid-column: 1;
        margin-top: 2rem;
        padding-right: 2rem;
        border-right: 0.2rem solid var(--g-color--grey-3);
    }

    .ic-products-list__item__column--main {
        grid-row: 1;
        grid-column: 1/3;
        padding-bottom: 2rem;
        border-bottom: 0.2rem solid var(--g-color--grey-3);
        border-left: none;
        border-right: none;
    }

    .ic-products-list__item__column--pricing {
        grid-row: 2;
        grid-column: 2;
        margin-top: 2rem;
        padding-left: var(--ic-var__content-padding);
    }

    .ic-products-list__item__column--link {
        grid-row: 3;
        grid-column: 2;
        padding-left: var(--ic-var__content-padding);
    }

    .ic-products-list__item__column--link > .g-button {
        margin-top: 0.6rem;
    }

    .ic-products-list__item__column--link > .g-button > span {
        padding: 0;
    }

    .ic-products-list--video-courses__item-wrapper:not(:only-child) .ic-products-list--video-courses__details__info {
        grid-row: 1;
        grid-column: 1;
    }

    .ic-products-list--video-courses__item-wrapper:not(:only-child) .ic-products-list--video-courses__details__offer {
        grid-row: 1;
        grid-column: 1;
        padding-left: 0;
        border-left: none;
    }

    .ic-products-list--video-courses__item-wrapper:not(:only-child) .ic-products-list--video-courses__details__offer__heading {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: end;
        height: 8rem;
        gap: 0;
    }

    .ic-products-list--video-courses__details__offer__button > span {
        padding: 0;
    }

    .ic-products-list--video-courses__item-wrapper:only-child {
        grid-column: -1 / 1;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__item {
        grid-template-columns: 1fr;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: 22rem;
        margin-top: 0;
        padding-top: 0;
        padding-left: var(--ic-var__content-padding);
        border-top: none;
        border-left: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-empty-list-wrapper {
        grid-template-columns: 16rem 1fr;
        column-gap: 4rem;
    }

    #ic-empty-list-wrapper__image {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    #ic-empty-list-wrapper__buttons-group {
        justify-content: left;
        grid-column: 1 / 3;
    }

    .ic-products-list--video-courses__details {
        grid-template-columns: 1fr;
        gap: 0;
    }

    #ic-contact-us-page__contacts-list {
        flex-direction: column;
    }

    #ic-contact-us-page__contacts-list > a {
        flex-shrink: 1;
    }

    #ic-contact-us-page__contacts-list > a > span {
        justify-content: left;
        padding: 0 calc(var(--ic-var__content-padding) + 0.5rem);
    }

    #ic-contact-us-page__section--main-content__grid__about-us {
        padding-bottom: 4rem;
    }

    #ic-contact-us-page__section--main-content__grid__form > .ic-content-box > .ic-content-box__section {
        padding: 4rem var(--ic-var__page-padding--horizontal);
    }

    #ic-contact-form__part--inputs__inputs-group--others {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    #ic-contact-form__part--inputs__inputs-group--others .ic-inputs-group__section {
        width: 100%;
        padding: 0;
    }

    #ic-subscribe-form__column--inputs {
        display: block;
    }

    #ic-subscribe-form__column--inputs .ic-inputs-group__section {
        margin-bottom: 2rem;
    }

    #ic-subscribe-form__group--topics .ic-inputs-group__section {
        margin-bottom: 0;
    }

    .ic-faq-page__online-courses {
        display: flex;
        flex-direction: column-reverse;
        gap: 4rem;
    }

    .ic-faq-topics-list {
        grid-template-columns: 1fr;
    }

    .ic-questions-list-wrapper--two-columns {
        grid-template-columns: 1fr;
    }

    .ic-questions-list {
        margin-bottom: 0!important;
    }

    .ic-questions-list-wrapper:last-child .ic-questions-list:last-of-type,
    .ic-questions-list--last-of-type {
        margin-bottom: -2rem !important;
    }

    .ic-questions-list.ic-questions-list--not-top-bordered--mobile li:first-child {
        margin-top: -2rem;
        border-top: none;
    }

    #ic-custom-made-page__description {
        grid-template-columns: auto;
        gap: 2rem;
    }

    #ic-custom-made-page__topics-wrapper {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .ic-article-list__item-wrapper > a {
        padding: var(--ic-var__content-gap--vertical) 0;
    }

    .ic-article-list__item {
        padding-left: 0;
        border-left: none;
    }

    .ic-article-list__info--in-heading {
        gap: 2rem;
    }

    .ic-page-anchor--product-page {
        top: -24.6rem;
    }

    body.ic-body--condensed-mobile-header .ic-page-anchor--product-page {
        top: -18.1rem;
    }

    #ic-product-page__heading-grid {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        min-height: auto !important;
        gap: 2rem;
    }

    #ic-product-page__heading-grid__column--heading {
        grid-row: auto;
        grid-column: auto;
    }

    #ic-product-page__heading-grid__column--texts {
        grid-row: auto;
        grid-column: auto;
    }

    #ic-product-page__heading-grid__column--term-box {
        grid-row: auto;
        grid-column: auto;
        width: 50%;
    }

    #ic-product-page__heading-grid__term-box-wrapper {
        position: relative;
        height: auto;
        margin-top: 2rem;
    }

    #ic-product-page__heading-grid.ic-product-page__heading-grid--no-terms #ic-product-page__heading-grid__term-box-wrapper > .g-label {
        display: none;
    }

    #ic-product-page__heading-grid__term-box__list {
        width: 100%;
    }

    #ic-product-page__heading-grid__term-box__list li {
        width: 100%;
    }

    #ic-product-page__heading-grid__term-box__list li > p span {
        display: inline-block !important;
        visibility: visible !important;
    }

    #ic-product-page__navigation-container-wrapper > .ic-page-container {
        overflow-x: auto;
        overflow-y: hidden;
        height: 6rem;
    }

    #ic-product-page__navigation-container-wrapper {
        top: 14.4rem;
    }

    body.ic-body--condensed-mobile-header main #ic-product-page__navigation-container-wrapper {
        top: 7.9rem;
    }

    #ic-product-page__navigation-container-wrapper:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: var(--ic-var__content-padding);
        height: 6rem;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        z-index: 1;
        pointer-events: none;
    }

    #ic-product-page__navigation-container-wrapper:after {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        content: '';
        width: var(--ic-var__content-padding);
        height: 6rem;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        pointer-events: none;
    }

    #ic-product-page__lecturers-grid {
        grid-template-columns: auto;
        gap: 4rem;
    }

    #ic-product-page__lecturers-grid__column--send-question {
        margin-bottom: 0;
    }

    .ic-product-page__lecturers-grid__list__item:not(:first-child) {
        padding-top: 2rem;
        margin-top: 2rem;
    }

    #ic-product-page__accreditations-grid {
        grid-template-columns: auto !important;
        gap: 4rem;
    }

    #ic-product-page__accreditations-grid__column--about {
        margin-bottom: 0;
    }

    #ic-product-page__accreditations-grid__accreditation-box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .ic-product-page__accreditations-grid__accreditation-list__accreditation-number {
        display: inline-block;
    }

    .ic-terms-list__item {
        display: grid;
        grid-template-columns: 1fr 21rem;
        grid-template-rows: 5.5rem 5.7rem auto;
    }

    .ic-terms-list__item > div {
        padding: 0;
    }

    .ic-terms-list__item__column--date-and-city {
        grid-column: 1;
        grid-row: 1 / 3;
        margin-right: var(--ic-var__content-padding);
        padding-right: var(--ic-var__content-padding) !important;
        border-right: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-terms-list__item__column--lecturer {
        grid-column: 1;
        grid-row: 3;
        margin-right: var(--ic-var__content-padding);
        padding-right: var(--ic-var__content-padding) !important;
        border-left: none;
        border-right: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-terms-list__item__column--lecturer > p:first-child {
        margin-top: 2rem;
        padding-top: 2rem;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-terms-list__item__column--price {
        grid-column: 2;
        grid-row: 1;
        padding-bottom: 0 !important;
        border-left: none;
    }

    .ic-terms-list__item__column--amount {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
        margin-left: 0;
    }

    .ic-terms-list__item__column--order {
        grid-column: 2;
        grid-row: 3;
        margin-top: 1.7rem;
    }

    .ic-terms-list__item__column--order__button {
        position: relative;
        top: 0;
    }

    #ic-product-page__questions-wrapper.ic-product-page__questions-wrapper--with-video {
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }

    #ic-product-page--video-course__sticky-breadcrumbs-wrapper__actions #ic-page__sticky-breadcrumbs__button {
        width: 20rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr 29rem; /* 2rem bigger than courses */
        grid-template-rows: auto;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper {
        grid-row: 1;
        grid-column: 1 / 3;
        border-right: none;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper:after {
        width: 100%;
        height: calc(100% + 0.2rem);
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 25rem; /* order button + 4rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper {
        grid-row: 2;
        grid-column: 1;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper .ic-content-box__section__part__row__column .ic-inputs-group:first-child {
        padding-top: 0;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__text-info {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__date {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__length {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__accreditation {
        grid-row: 4;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper__download {
        grid-row: 3;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper {
        grid-row: 2;
        grid-column: 2;
        border-top: none;
        border-left: 0.2rem solid var(--g-color--grey-2);
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--promos {
        grid-template-columns: 1fr 1fr;
        row-gap: 2rem;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item {
        padding: 0 var(--ic-var__content-padding);
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--availability {
        grid-column: 1;
        grid-row: 1;
        padding-left: 0;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--access {
        grid-column: 2;
        grid-row: 2;
        padding-right: 0;
        border-left: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--place {
        grid-column: 1;
        grid-row: 2;
        padding-left: 0;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--help {
        grid-column: 2;
        grid-row: 1;
        padding-right: 0;
        border-left: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-product-page--video-course__heading-grid__column--content__column--promos .ic-columns-divider {
        display: none;
    }

    #ic-pre-cart-page__heading-grid__column--product-wrapper {
        grid-template-columns: 1fr;
        padding: 2rem 0;
    }

    #ic-pre-cart-page__heading-grid__column--product-wrapper__product {
        padding-right: var(--ic-var__content-padding);
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions {
        margin: 0;
        padding: 2rem var(--ic-var__content-padding);
        padding-bottom: 0;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
        width: 16rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back .g-button--text__img {
        display: block;
        left: 3rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back .g-button--text__text {
        margin-left: 3rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue {
        width: 30rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue .g-button--text__img {
        right: 3rem;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue .g-button--text__text {
        margin-right: 3rem;
    }

    .ic-page-cart__menu__item:not(.ic-page-cart__menu__item--heading):not(.ic-page-cart__menu__item--divider):not(.ic-page-cart__menu__item--finish).g-button--disabled {
        flex-shrink: 1;
    }

    .ic-page-cart__menu__item--finish > span .g-button--text__img > span {
        background-position-x: calc((20 - 1 + (0.5 - (50 / 5417) * 20)) * (5% + 5% / ((5417/ 100 - 1))));
        background-position-y: calc((7 - 1 + (0.5 - (50 / 5417) * 20)) * (5% + 5% / ((5417 / 100 - 1))));
    }

    .ic-page-cart__menu__item--heading > span .g-button--text__text,
    .ic-page-cart__menu__item--finish > span .g-button--text__text {
        display: none;
    }

    .ic-page-cart__menu__item--heading > span .g-button--text__img,
    .ic-page-cart__menu__item--finish > span .g-button--text__img {
        margin-right: -1.7rem;
    }

    .ic-cart-page__containers-wrapper {
        gap: 1rem;
    }

    .ic-cart-page__page-container-wrapper {
        padding: 0;
    }

    .ic-cart-page__page-container-wrapper .ic-page-container {
        padding: 0;
    }

    .ic-cart-page__container--attendees {
        border-radius: 0;
        /* box-shadow: none;
        border-bottom: 0.2rem solid var(--g-color--grey-0); */
    }

    /*
    .ic-cart-page__container--attendees:not(:has(~.ic-cart-page__container--attendees:not(.g-display--none))) {
        border-bottom: 0.2rem solid var(--g-color--grey-2);
    }*/

    .ic-cart-page__container--attendees > .ic-content-box {
        border-radius: 0;
    }

    .ic-cart-page__container--attendees .ic-content-box__section {
        padding: 4rem var(--ic-var__content-padding);
    }

    .ic-cart-page__navigation {
        padding: 0 var(--ic-var__content-padding) 4rem var(--ic-var__content-padding);
    }

    #ic-floater .ic-cart-page__navigation {
        padding: 0;
    }

    .ic-cart-page__container__column--header {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .ic-cart-page__container__column--header__heading-wrapper {
        grid-row: 1;
        grid-column: 1;
    }

    .ic-cart-page__container__column--header__info-wrapper {
        grid-row: 2;
        grid-column: 1;
        display: grid;
        grid-template-columns: 1fr auto;
        padding-left: 0;
        margin-top: 2rem;
    }

    .ic-cart-page__container__column--header__info-wrapper__count-and-price {
        width: 100%;
        justify-content: space-between;
    }

    .ic-cart-page__container__column--header__info-wrapper__count-and-price__count {
        width: 17rem;
    }

    .ic-cart-page__container__column--header__info-wrapper__count-and-price__price__amounts__sub-amount {
        min-width: 0;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated {
        flex-wrap: wrap;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
        box-sizing: border-box;
        width: calc(100% - 13.8rem);
        order: 1;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc(100% - 21.2rem);
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--accreditation {
        order: 2;
        box-sizing: border-box;
        width: 7.4rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--accreditation {
        order: 3;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--supper {
        order: 2;
        box-sizing: border-box;
        width: 7.4rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--delete {
        order: 3;
        box-sizing: border-box;
        width: 6.4rem;
        padding-right: 0;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--delete {
        order: 4;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        box-sizing: border-box;
        width: 33.33%;
        min-width: auto;
        order: 4;
        padding-left: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        order: 5;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        box-sizing: border-box;
        width: calc(100% - 33.33%);
        order: 5;
        padding-right: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        order: 6;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course {
        flex-wrap: wrap;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course .ic-cart-page__container__row--person__inputs-group__section--name {
        order: 1;
        box-sizing: border-box;
        width: calc((100% - 6.4rem));
    }

    .ic-cart-page__container__row--person__inputs-group--online-course .ic-cart-page__container__row--person__inputs-group__section--delete {
        order: 2;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course .ic-cart-page__container__row--person__inputs-group__section--email {
        order: 3;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
        order: 1;
        box-sizing: border-box;
        width: calc(100% - 13.8rem);
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--email {
        order: 4;
        box-sizing: border-box;
        width: 100%;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--accreditation {
        order: 2;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--delete {
        order: 3;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        order: 5;
        box-sizing: border-box;
        width: 33.33%;
        padding-left: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        order: 6;
        box-sizing: border-box;
        width: calc(100% - 33.33%);
        padding-right: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course {
        flex-wrap: wrap;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course .ic-cart-page__container__row--person__inputs-group__section--name {
        order: 1;
        box-sizing: border-box;
        width: calc(100% - 6.4rem);
    }

    .ic-cart-page__container__row--person__inputs-group--video-course .ic-cart-page__container__row--person__inputs-group__section--email {
        order: 3;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course .ic-cart-page__container__row--person__inputs-group__section--delete {
        order: 2;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
        order: 1;
        box-sizing: border-box;
        width: calc(100% - 13.8rem);
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--email {
        order: 4;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--accreditation {
        order: 2;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        order: 5;
        box-sizing: border-box;
        width: 33.33%;
        padding-left: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        order: 6;
        box-sizing: border-box;
        width: calc(100% - 33.33%);
        padding-right: 0;
        padding-top: 2rem;
    }

    .ic-cart-page__navigation__button--continue-to-invoicing {
        width: 50% !important;
        min-width: 26rem;
    }

    .ic-cart-page__navigation__button--continue-to-confirmation {
        width: 50% !important;
        min-width: 26rem;
    }

    .ic-cart-page__navigation__button--back {
        flex-shrink: 0;
        width: auto !important;
        max-width: inherit;
    }

    .ic-cart-page__navigation__button--back > span > .g-button--text__img {
        display: none;
    }

    .ic-cart-page__navigation__button--back > span > .g-button--text__text {
        margin-left: 0;
    }

    .ic-cart-page__empty-list-wrapper {
        padding: 4rem var(--ic-var__content-padding);
    }

    .ic-cart-page__container--customer,
    .ic-cart-page__container--customer > .ic-content-box {
        border-radius: 0;
    }

    #ic-cart-page__ares-button {
        display: none;
    }

    #ic-cart-page__ares-button--mobile {
        display: block;
    }

    .ic-cart-page__container__column--tax-info__section--fill {
        width: 0;
    }

    #ic-cart-page__container__column--tax-info__section--fill__notification--error {
        position: fixed;
        top: auto;
        bottom: calc(2rem + env(safe-area-inset-bottom));
        left: 0;
        width: 100%;
        z-index: 5;
    }

    #ic-cart-page__container__column--tax-info__section--fill__notification--error > div {
        padding: 0 var(--ic-var__page-padding--horizontal) !important;
    }

    #ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select {
        right: calc(var(--ic-var__page-padding--horizontal) - 0.4rem);
        box-shadow: 0 0 0 0.3rem white;
    }

    #ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:focus,
    #ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:hover,
    #ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:active {
        border-color: white !important;
        box-shadow: 0 0 0 0.2rem var(--g-button--hover--grey--background), 0 0 0 0.5rem white;
    }

    .ic-cart-page__container__column--phone-number {
        width: calc(50% - var(--ic-var__content-padding));
    }

    .ic-radio__logos-wrapper--gopay {
        width: 8.2rem;
    }

    .ic-radio__logo-wrapper--gopay {
        order: 66;
        display: none !important;
    }

    body.ic-cart-page--customer #ic-floater .g-button {
        transition: all var(--g-animation-time--quick) linear;
        transition-property: box-shadow;
    }

    body.ic-cart-page--customer:has(.ic-cart-page__container__column--tax-info__section--fill__notification--error--visible) #ic-floater .g-button {
        box-shadow: none;
    }

    .ic-cart-page__container--customer .ic-content-box__section {
        padding: 4rem var(--ic-var__content-padding);
    }

    .ic-cart-page__container__row--invoice-details {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: calc(2 * var(--ic-var__content-padding));
    }

    .ic-cart-page__container__column--company {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .ic-cart-page__container__column--tax-info {
        grid-column: 1 / 3;
        grid-row: 2 / 4;
        margin-top: 4rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: calc(2 * var(--ic-var__content-padding));
    }

    .ic-cart-page__container__column--tax-info__inputs-group--tin-number {
        grid-column: 1;
        grid-row: 1;
    }

    .ic-cart-page__container__column--tax-info__inputs-group--vat-number {
        grid-column: 1;
        grid-row: 2;
    }

    .ic-cart-page__container__column--tax-info__inputs-group--order-number {
        grid-column: 2;
        grid-row: 1;
    }

    .ic-cart-page__container__column--recipient-checkbox {
        grid-column: 2;
        grid-row: 3;
    }

    #ic-cart-page__container__column--recipient-info {
        grid-column: 1 / 3;
        grid-row: 4;
    }

    #ic-cart-page__container__column--recipient-info > div > .ic-inputs-group:first-child {
        margin-top: 2rem;
    }

    .ic-cart-page__container__row--contact-details {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        row-gap: 2rem;
    }

    .ic-cart-page__invoicing-summary__column--client {
        grid-column: 1;
        grid-row: 1;
    }

    .ic-cart-page__invoicing-summary__column--contact {
        grid-column: 2;
        grid-row: 1;
    }

    .ic-cart-page__invoicing-summary__column--note {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .ic-cart-page__ordered-products-wrapper__item {
        border-left-width: 0.5rem;
    }

    .ic-cart-page__ordered-products-wrapper__item .ic-content-box__section__part__row  {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    .ic-cart-page__payment-summary-wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 4rem;
    }

    .ic-cart-page__payment-summary-wrapper .ic-content-box__section {
        padding: var(--ic-var__content-padding);
    }

    #ic-playback-page main .ic-page-container-wrapper:first-child,
    #ic-playback-page main .ic-page-container-wrapper--first-child {
        padding-bottom: 0;
    }

    #ic-playback-page .ic-page-container {
        padding-left: var(--ic-var__content-padding);
        padding-right: var(--ic-var__content-padding);
    }

    #ic-playback-page-header > .ic-page-container {
        height: 6rem;
        margin: 0.8rem 0;
    }

    .ic-playback-page__playback-grid__column .ic-content-box__section {
        padding: 2rem var(--ic-var__content-padding);
    }

    #ic-playback-page-header__heading__texts__description {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }

    #ic-playback-page-header__heading__texts__h1 {
        font-size: 1.6rem;
        line-height: 2.3rem;
        margin-bottom: -0.2rem;
    }

    #ic-playback-page #ic-page-header__logo-wrapper {
        padding: 0;
        margin-left: 2rem;
    }

    #ic-playback-page #ic-page-header__logo-wrapper__text-wrapper {
        display: none;
    }

    #ic-playback-page #ic-page-header__logo-wrapper__image {
        position: relative;
        top: 0;
        width: 4.8rem;
        height: 4.8rem;
        margin-right: 0;
        transform: none;
    }

    #ic-playback-page main .ic-page-container {
        padding: 0;
    }

    #ic-playback-page__playback-grid {
        grid-template-columns: auto !important;
        box-shadow: none;
        border-radius: 0;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-playback-page__playback-grid__player-wrapper {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: initial;
        max-width: initial;
        height: initial;
    }

    #ic-playback-page__playback-grid__player-wrapper .ic-container {
        width: calc(100% - 2 * var(--ic-var__content-padding));
        max-width: initial;
        margin: var(--ic-var__content-padding);
    }

    .ic-playback-page__playback-grid__column {
        border-left: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-playback-page__playback-grid__column--chapters {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #ic-playback-page__playback-grid__column--chapters .ic-content-box {
        position: initial;
        height: initial;
        overflow-y: inherit;
        padding: 2rem 0;
    }

    #ic-playback-page__playback-grid__column--questions {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #ic-playback-page__playback-grid__column--questions .ic-content-box {
        padding: 2rem 0;
    }

    #ic-playback-page__playback-grid__column--questions__textarea {
        height: 16.6rem;
    }

    #ic-playback-page__playback-grid__column--questions__content-box__section--chat .ic-content-box__section__part:first-child {
        height: calc(100% - 8rem);
        margin-bottom: 2rem;
    }

    #ic-playback-page__playback-grid__column--information {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #ic-playback-page__playback-grid__column--information .ic-content-box {
        padding: 2rem 0;
    }

    #ic-playback-page__entry-container {
        box-shadow: none;
        border-radius: 0;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    #ic-playback-page__entry-container .ic-content-box {
        border-radius: 0;
    }

    #ic-playback-page__entry-wrapper {
        aspect-ratio: auto;
    }

    #ic-playback-page__entry {
        width: 100%;
        padding: 6rem 2rem;
    }

    #ic-playback-page__entry .g-button {
        width: 100%;
        margin-top: 2rem;
        margin-right: 0;
    }

    .video-js--ic__error {
        padding: 0 calc(2 * var(--ic-var__content-padding));
    }

}

@media screen and (width > 480px) and (width <= 1024px), print {

    .ic-products-list--hide-last-odd-item .ic-products-list--video-courses__item-wrapper:last-of-type:nth-of-type(odd):not(:only-child) {
        display: none;
    }
}

@media screen and (width > 480px) and (width <= 820px), print {

    .ic-sub-categories-list__button--all > span > .g-button--text__text {
        margin-right: 1rem !important;
    }

    .ic-terms-list__item__column--amount .ic-counter__button-wrapper,
    .ic-terms-list__item__column--amount .ic-counter__button-wrapper .ic-counter__button,
    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__counter-wrapper .ic-counter__button-wrapper,
    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__counter-wrapper .ic-counter__button-wrapper .ic-counter__button {
        width: 7rem;
    }

    body.ic-product-page--video-course--order-not-visible.ic-product-page--video-course--video-not-visible #ic-floater {
        visibility: visible;
        opacity: 1;
    }

    #ic-product-page__accreditations-grid__column--list__auto-accreditation .g-mobile--max--display-none {
        display: inline !important;
        visibility: visible !important;
    }

    #ic-product-page__accreditations-grid__column--list__auto-accreditation .g-mobile--max--display-inline {
        display: none !important;
        visibility: hidden !important;
    }

}

@media screen and (width > 480px) and (width <= 624px) {

    html {
        font-size: 8.75px; /* font-size = 14px */
    }

}

@media screen and (width <= 480px) {

    :root {
        --ic-var__content-padding: 2rem;
        --ic-var__content-padding--menu-like: 2rem;
        --ic-var__content-padding--subnav-like: 2rem;
        --ic-var__content-gap--vertical: 2rem;
        --ic-var__page-padding--horizontal: 2rem;
    }

    body.ic-product-page--video-course--table-not-visible.ic-product-page--video-course--video-not-visible #ic-floater {
        visibility: visible;
        opacity: 1;
    }

    .ic-mobile--min-2--display-block {
        visibility: visible;
        display: block !important;
    }

    .ic-mobile--min-2--display-inline {
        visibility: visible;
        display: inline !important;
    }

    .ic-mobile--min-2--display-none {
        visibility: hidden;
        display: none !important;
    }

    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible #ic-page__overlay--without-submenu {
        top: 15.9rem;
        height: calc(100vh - 15.9rem);
        height: calc(100dvh - 15.9rem);
    }

    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible header:has(.ic-page-container--breadcrumbs):before,
    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible section:has(.ic-page-container--breadcrumbs):before,
    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible header:has(.ic-page-container--breadcrumbs):after,
    body.ic-body--condensed-mobile-header.ic-body--sub-menu-visible section:has(.ic-page-container--breadcrumbs):after {
        top: 15.9rem;
    }

    .ic-floater--video-course .ic-content-box__section__part__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .ic-floater--video-course__order-wrapper {
        position: relative;
        width: auto;
    }

    .ic-h1-heading {
        font-size: 2.8rem !important;
        line-height: 3.8rem !important;
    }

    .ic-h1-heading--with-image:after {
        top: 0.1rem !important;
        transform: translate(-1.2rem, -1.2rem) !important;
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) 0 !important;
    }

    .ic-h1-heading--with-image > span {
        padding-left: 5.1rem !important;
    }

    .ic-h1-heading--with-image--article:after {
        background-position: var(--ic-h1-heading--with-image--article--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--cancel:after {
        background-position: var(--ic-h1-heading--with-image--cancel--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--cart--added:after {
        background-position: var(--ic-h1-heading--with-image--cart--added--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--checkmark:after {
        background-position: var(--ic-h1-heading--with-image--checkmark--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--clock:after {
        background-position: var(--ic-h1-heading--with-image--clock--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--contact:after {
        background-position: var(--ic-h1-heading--with-image--contact--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--content:after {
        background-position: var(--ic-h1-heading--with-image--content--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--course:after {
        background-position: var(--ic-h1-heading--with-image--course--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--info:after {
        background-position: var(--ic-h1-heading--with-image--info--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--online-course:after {
        background-position: var(--ic-h1-heading--with-image--online-course--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--question:after {
        background-position: var(--ic-h1-heading--with-image--question--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--satisfaction:after {
        background-position: var(--ic-h1-heading--with-image--satisfaction--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--search:after {
        background-position: var(--ic-h1-heading--with-image--search--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--subscribe:after {
        background-position: var(--ic-h1-heading--with-image--subscribe--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--tailor-made:after {
        background-position: var(--ic-h1-heading--with-image--tailor-made--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--topic:after {
        background-position: var(--ic-h1-heading--with-image--topic--small-and-smaller) !important;
    }

    .ic-h1-heading--with-image--video-course:after {
        background-position: var(--ic-h1-heading--with-image--video-course--small-and-smaller) !important;
    }

    .ic-h2-heading--with-image > span {
        padding-left: 5.1rem !important;
    }

    .ic-h2-heading.ic-h2-heading--mobile-min-no-spacing {
        margin-bottom: 0 !important;
    }

    body.ic-subscribe-page:has(#ic-floater.ic-floater--mobile-visible) #ic-page-footer__grid {
        padding-bottom: calc(13rem + 2 * 2rem);
    }

    .ic-buttons-group {
        flex-direction: column;
        margin-top: 2rem;
    }

    .ic-buttons-group.ic-buttons-group--mobile-reverse {
        flex-direction: column-reverse;
    }

    .ic-buttons-group.ic-buttons-group--mobile-horizontal {
        flex-direction: row;
    }

    .ic-buttons-group > a,
    .ic-buttons-group > .g-button,
    .ic-buttons-group:not(.ic-buttons-group--full-width) > a,
    .ic-buttons-group:not(.ic-buttons-group--full-width) > .g-button {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ic-content-box__section__part {
        margin-bottom: 2rem;
    }

    .ic-content-box__section__part.ic-content-box__section__part--mobile-large-spacing {
        margin-bottom: 4rem;
    }

    .ic-content-box__section__part.ic-content-box__section__part--top-spacing {
        margin-top: 2rem;
    }

    .ic-inputs-group:last-child:not(.ic-inputs-group--not-last-line) .ic-inputs-group__section:not(:last-child),
    .ic-inputs-group.ic-inputs-group--last-line .ic-inputs-group__section:not(:last-child),
    .ic-inputs-group__section:not(.ic-inputs-group__section--bottom-bordered) {
        margin-bottom: 1rem;
    }

    .ic-inputs-group__section {
        padding: 0 0.5rem;
    }

    .ic-page__description-styling-wrapper:not(:last-child) p,
    .ic-page__description:not(:last-child) {
        margin-bottom: 2rem;
    }

    /* after account button removed: 
    #ic-page-header__logo-wrapper__image {
        position: absolute;
        top: 1.9rem; use to be 1.95rem
        width: 2.6rem; use to be 2rem
        height: 2.6rem; use to be 2rem
        transform: translateY(-50%);
    }
    */

    #ic-page-header__logo-wrapper__text-wrapper__heading {
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding-left: 3.6rem;
        /* after account button removed: */
        padding-left: 0;
    }

    #ic-page-header__logo-wrapper__text-wrapper__subheading {
        line-height: 2.2rem;
    }

    .ic-page-header__button {
        width: 5.1rem !important; /* so that distance between images is 1.5rem */
        height: 6rem;
    }

    #ic-page-header:not(:has(.ic-page-header__button:nth-child(6))) .ic-page-header__button {
        width: 5.6rem !important; /* so that distance between images is 2rem */
    }

    #ic-page-header__button--account {
        width: 4.5rem !important; /* so that distance between images is 1.5rem */
        margin-left: 0;
    }

    #ic-page-header:not(:has(.ic-page-header__button:nth-child(6))) #ic-page-header__button--account {
        width: 5rem !important; /* so that distance between images is 2rem */
    }

    /* after account button removed: */
    #ic-page-header:not(:has(.ic-page-header__button:nth-child(6))) #ic-page-header__button--search {
        width: 4.2rem !important; /* random value, looks visually better */
    }

    #ic-page-header__button--menu-toggle {
        margin-right: -0.75rem;
    }

    #ic-page-header:not(:has(.ic-page-header__button:nth-child(6))) #ic-page-header__button--menu-toggle {
        margin-right: -1rem;
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper {
        grid-template-columns: 8rem 1fr;
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__image {
        grid-row: 1;
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1);
    }

    #ic-page-header__search-wrapper__suggestions__results #ic-empty-list-wrapper__heading {
        margin-bottom: 0;
    }

    #ic-page-header__search-wrapper__suggestions__labels-wrapper .ic-sub-categories-list {
        max-height: 5.4rem /* one row */
    }

    #ic-page-header__search-wrapper__suggestions-wrapper__actions .ic-buttons-group {
        flex-direction: row;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper__actions__video-courses-button {
        width: 6rem !important;
        flex-shrink: 0;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper__actions__video-courses-button > span {
        padding: 0 !important;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper__actions__video-courses-button .g-button--text__img {
        margin-left: 0;
    }

    #ic-page-header__search-wrapper__suggestions-wrapper__actions__video-courses-button .g-button--text__text {
        display: none;
    }

    body.ic-body--sub-menu-visible .ic-page-anchor {
        top: -19.9rem;
    }

    body.ic-body--sub-menu-visible main .ic-page-container-wrapper:first-child,
    body.ic-body--sub-menu-visible main .ic-page-container-wrapper--first-child {
        margin-top: 0;
        padding-top: 26.4rem; /* fake value !!! - needs to be specified based on sub-menu height */
    }

    body.ic-body--sub-menu-visible.ic-body--condensed-mobile-header main .ic-page-container-wrapper:first-child,
    body.ic-body--sub-menu-visible.ic-body--condensed-mobile-header main .ic-page-container-wrapper--first-child {
        padding-top: 19.9rem; /* fake value !!! - needs to be specified based on sub-menu height */
    }

    #ic-page-menu {
        flex-direction: column;
        min-height: calc(100vh - 13.8rem - 14.6rem - env(safe-area-inset-bottom));
        min-height: calc(100dvh - 13.8rem - 14.6rem - env(safe-area-inset-bottom));
    }

    body.ic-body--condensed-mobile-header #ic-page-menu {
        min-height: calc(100vh - 13.8rem - 8.1rem - env(safe-area-inset-bottom));
        min-height: calc(100dvh - 13.8rem - 8.1rem - env(safe-area-inset-bottom));
    }

    #ic-page-menu-wrapper__mobile-infobox {
        top: calc(100vh - 13.8rem - env(safe-area-inset-bottom));
        top: calc(100dvh - 13.8rem - env(safe-area-inset-bottom));
        height: 9.8rem;
        padding: 2rem var(--ic-var__page-padding--horizontal);
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }

    #ic-page-menu-wrapper__mobile-infobox .ic-page-footer__grid__contacts-list li:not(:first-child) {
        margin-top: 1rem;
    }

    #ic-products-filter--mobile .ic-content-box__section {
        padding: 2rem 0 1.5rem 0;
    }

    #ic-page-footer__grid {
        grid-template-columns: 1fr;
    }

    #ic-page-footer__grid__column--topics {
        grid-column: auto;
        grid-row: auto;
    }

    #ic-page-footer__grid__column--products {
        grid-column: auto;
        grid-row: auto;
    }

    #ic-page-footer__grid__column--places {
        grid-column: auto;
        grid-row: auto;
    }

    #ic-page-footer__grid__column--account-and-links {
        grid-column: auto;
        grid-row: auto;
    }

    #ic-page-footer__grid__column--about-us {
        grid-column: auto;
        grid-row: auto;
    }

    #ic-page-footer__grid__column--social {
        grid-column: auto;
        grid-row: auto;
        margin-top: 0;
    }

    .ic-page-footer__grid__column--payments__list {
        display: grid;
        grid-template-columns: auto auto auto auto;
        row-gap: 4rem;
    }

    .ic-modal__container {
        max-width: calc(100vw - var(--ic-var__content-padding));
        max-height: calc(100vh - var(--ic-var__content-padding) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    }

    .ic-modal__container__content {
        max-height: calc(100vh - var(--ic-var__content-padding) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - var(--ic-var__content-padding) - env(safe-area-inset-bottom));
    }

    .ic-modal__image {
        width: 50%;
        padding-bottom: 50%;
        margin-bottom: 2rem;
    }

    .ic-modal__container__content .ic-content-box__section__part:first-child .ic-h2-heading {
        font-size: 2.2rem;
        line-height: 3.8rem; /* use to be 1.5 */
        margin-bottom: 1rem;
    }

    .ic-home-page__section--products__grid__text {
        font-size: 2rem;
        /*
        use to be:
        font-size: 1.8rem;
        line-height: 1.277;  line-height = 2.3rem */
    }

    #ic-products-page__description {
        display: block;
    }

    #ic-products-page__description.ic-products-page__description--with-button:not(.ic-products-page__description--with-image) > p {
        padding-right: 0;
    }

    #ic-products-page__description.ic-products-page__description--with-button #ic-products-page__description__button--help {
        clear: both;
        width: 100% !important;
        margin-top: 2rem;
    }

    .ic-sub-categories-list.ic-sub-categories-list--full-width > .g-button {
        width: calc(50% - 0.5rem);
        flex-grow: 0;
    }

    .ic-sub-categories-list__button--all {
        margin: 1rem auto 0 auto;
        width: 100% !important;
    }

    .ic-products-list {
        grid-template-columns: 1fr;
    }

    .ic-products-list__item {
        grid-template-columns: 1fr 1fr;
    }

    .ic-products-list--video-courses__details {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .ic-products-list--video-courses__details__info {
        grid-row: auto !important;
        grid-column: auto !important;
        padding-right: 2rem;
    }

    .ic-products-list--video-courses__details__offer {
        grid-row: auto !important;
        grid-column: auto !important;
        margin-top: 0;
        padding-top: 0;
        padding-left: 2rem !important;
        border-top: none;
        border-left: 0.2rem solid var(--g-color--grey-2) !important;
    }

    .ic-products-list--video-courses__details__offer__heading {
        flex-direction: row !important;
        justify-content: start !important;
        align-items: start !important;
        height: auto !important;
        gap: 0.5ch !important;
    }

    .ic-products-list--video-courses__details__info__heading {
        padding-bottom: 0.2rem !important;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .ic-products-list--video-courses__item-wrapper:only-child .ic-products-list--video-courses__details__offer {
        width: auto;
    }

    #ic-subscribe-page__error {
        margin-top: -1rem;
    }

    #ic-subscribe-page__form .ic-content-box__section__part__row {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        row-gap: 4rem;
    }

    #ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-inputs-group .ic-inputs-group__section,
    #ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-subscribe-page__form__labels-section .ic-inputs-group__section {
        margin-bottom: 1rem !important;
    }

    #ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-inputs-group:last-child .ic-inputs-group__section:last-child,
    #ic-subscribe-page__form .ic-content-box__section__part__row__column > .ic-subscribe-page__form__labels-section:last-child .ic-inputs-group__section:last-child {
        margin-bottom: 0 !important;
    }

    #ic-empty-list-wrapper {
        grid-template-columns: 8rem 1fr;
        column-gap: var(--ic-var__content-padding);
    }

    #ic-empty-list-wrapper__image {
        grid-column: 1;
        grid-row: 1;
    }

    #ic-empty-list-wrapper__heading {
        grid-row: 1;
        grid-column: 2;
        font-size: 1.8rem;
        line-height: 1.5;
        margin-bottom: 0;
        align-content: center;
        align-self: center;
    }

    #ic-empty-list-wrapper__heading.ic-empty-list-wrapper__heading--mobile-larger {
        font-size: 2.2rem;
    }

    #ic-empty-list-wrapper__heading span span {
        display: inline-block;
    }

    #ic-empty-list-wrapper__image {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_sl)) * 1);
    }

    #ic-empty-list-wrapper__text {
        grid-row: 2;
        grid-column: 1 / 3;
        margin-top: 2rem;
    }

    #ic-empty-list-wrapper__buttons-group {
        grid-row: 4;
        grid-column: 1 / 3;
    }

    .ic-product-page__lecturers-grid__list__item {
        display: block;
    }

    .ic-product-page__lecturers-grid__list__item__img-wrapper {
        display: block;
        float: left;
        width: 11.4rem;
        height: 11.4rem; /* bottom edge is 0.4rem less than top */
        shape-outside: circle();
        shape-margin: 0;
        margin-right: 2.5rem !important;
    }

    #ic-products-page__description .ic-product-page__lecturers-grid__list__item__img-wrapper {
        width: 12.8rem;
        height: 12.8rem; /* bottom edge is 0.4rem less than top */
    }

    #ic-product-page__heading-grid__column--term-box {
        width: 100%;
    }

    #ic-product-page__heading-grid__term-box-wrapper {
        margin-top: 0;
    }

    /*
    use to be, instead new below:
    .ic-product-page__lecturers-grid__list__item__links-wrapper {
        clear: both;
        margin-top: 0;
        padding-top: 1rem;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p:first-of-type:not(:only-child) {
        box-sizing: border-box;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p > a {
        height: auto;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper:has(.ic-product-page__lecturers-grid__list__item__links-wrapper__divider) > p > a {
        width: fit-content;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper:has(.ic-product-page__lecturers-grid__list__item__links-wrapper__divider) > p > a > span {
        display: block !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p:last-of-type:not(:only-child) {
        flex-grow: 1;
    }
    */

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p:first-of-type:not(:only-child) {
        max-width: calc(100% - 14.4rem);
        padding-right: 1.2rem;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper > p:last-of-type:not(:only-child) {
        padding-left: 1.2rem;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper:has(.ic-product-page__lecturers-grid__list__item__links-wrapper__divider) > p:first-child > a > span > span {
        display: none;
        visibility: hidden;
    }

    .ic-product-page__lecturers-grid__list__item__links-wrapper:has(.ic-product-page__lecturers-grid__list__item__links-wrapper__divider) > p:last-child > a > span:last-child {
        display: none;
        visibility: hidden;
    }

    .ic-terms-list__item {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        column-gap: var(--ic-var__content-padding);
    }

    .ic-terms-list__item__column--date-and-city {
        grid-column: 1 / 3;
        grid-row: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: var(--ic-var__content-padding);
        align-items: center; /* because of video courses */
        margin-right: 0;
        padding-bottom: 2rem !important;
        padding-right: 0 !important;
        border-right: none;
    }

    .ic-terms-list__item__column--date-and-city__venue {
        grid-column: 2;
        grid-row: 2;
        padding-top: 0 !important;
    }

    .ic-terms-list__item__column--date-and-city__time {
        grid-column: 1;
        grid-row: 2;
    }

    .ic-terms-list__item__column--date-and-city__summary {
        padding-bottom: 0;
    }

    .ic-terms-list__item__column--lecturer {
        grid-column: 1 / 3;
        grid-row: 2;
        margin-right: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        border-left: none;
        border-right: none;
        border-top: 0.2rem solid var(--g-color--grey-2);
        border-bottom: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-terms-list__item__column--lecturer > p:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .ic-terms-list__item__column--price {
        grid-column: 1;
        grid-row: 3;
        margin-top: 2rem;
    }

    .ic-terms-list__item__column--price p:last-child {
        white-space: normal;
    }

    .ic-terms-list__item__column--amount {
        grid-column: 2;
        grid-row: 3;
    }

    .ic-terms-list__item__column--amount .ic-counter,
    .ic-terms-list__item__column--amount > div.g-button {
        display: flex;
        margin-top: calc(2rem - 0.45rem);
        margin-bottom: -0.45rem;
    }

    .ic-terms-list__item__column--order {
        grid-column: 1 / 3;
        grid-row: 4;
        margin-top: 2rem;
    }

    .ic-terms-list__item--video-course .ic-terms-list__item__column--order > .ic-button--offset--tight > span > .g-button--text__img {
        display: inherit;
        right: var(--ic-var__content-padding) !important;
    }

    #ic-product-page__accreditations-grid__column--list__auto-accreditation .g-button .g-button--text__img {
        margin: -0.65rem 0.5rem -0.65rem -1rem;
    }

    #ic-product-page__questions-wrapper.ic-product-page__questions-wrapper--with-video {
        row-gap: 0;
    }

    #ic-product-page__questions-wrapper:not(.ic-product-page__questions-wrapper--with-video) {
        margin-bottom: 2rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper {
        grid-row: 1;
        grid-column: 1;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--video-wrapper__button {
        width: 23rem; /* order button + 2rem */
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--info-wrapper {
        grid-row: 2;
        grid-column: 1;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper {
        grid-row: 3;
        grid-column: 1;
        border-left: none;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__part--order {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__row--price {
        grid-column: 1;
        grid-row: 1;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__row--actions-wrapper {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        margin-top: 0;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__counter-wrapper {
        grid-column: 2;
        grid-row: 1;
        margin-top: 0;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__counter-wrapper .ic-counter {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--table__column--order-wrapper__actions__order-button-wrapper {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    #ic-product-page--video-course__heading-grid__column--content__column--promos {
        grid-template-columns: 1fr 1fr;
        column-gap: 2rem;
        row-gap: 1.5rem; /* different to other margins */
        margin-top: 4rem;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item {
        height: 2.6rem;
        padding: 0;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item > .g-button {
        height: 2.6rem;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item .g-button--double-lined__secondary-text {
        display: none;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--availability {
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--access {
        border-left: none;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--place {
        border-bottom: none;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item--help {
        border-left: none;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
        width: auto !important;
        flex-shrink: 0;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions--standalone .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back {
        min-width: 25%;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back .g-button--text__img {
        display: none;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__back .g-button--text__text {
        margin-left: 0 !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue {
        width: 100% !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue .g-button--text__img {
        right: 2rem !important;
    }

    .ic-pre-cart-page__heading-grid__column--product-wrapper__actions__continue .g-button--text__text {
        margin-right: 3rem !important;
    }

    .ic-page-cart__menu__item:not(.ic-page-cart__menu__item--heading):not(.ic-page-cart__menu__item--divider):not(.ic-page-cart__menu__item--finish) > span .g-button--text__img {
        display: none;
    }

    .ic-page-cart__menu__item .g-button--double-lined__text-wrapper {
        align-items: center;
    }

    #ic-subscribe-form__column--inputs .ic-inputs-group__section {
        margin-bottom: 1rem;
    }

    #ic-subscribe-form__group--topics .ic-inputs-group__section {
        margin-bottom: 0;
    }

    .ic-faq-topics-list {
        grid-template-columns: 1fr;
    }

    #ic-custom-made-page__description__button {
        width: 100%;
    }

    .ic-cart-page__container__part--persons__button--accreditation {
        right: calc(2rem + 5.4rem + 1rem + 2.7rem);
    }

    .ic-cart-page__container__row--person {
        padding: 2rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc(100% - 12.3rem);
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc(100% - 18.7rem);
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--accreditation {
        width: 6.4rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated.ic-cart-page__container__row--person__inputs-group--course--has-supper .ic-cart-page__container__row--person__inputs-group__section--supper {
        width: 6.4rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--delete {
        width: 5.9rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        width: 50%;
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        width: 50%;
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc((100% - 5.9rem));
    }

    .ic-cart-page__container__row--person__inputs-group--online-course .ic-cart-page__container__row--person__inputs-group__section--email {
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc(100% - 12.3rem);
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        width: 50%;
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--online-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        width: 50%;
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc((100% - 5.9rem));
    }

    .ic-cart-page__container__row--person__inputs-group--video-course .ic-cart-page__container__row--person__inputs-group__section--email {
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--name {
        width: calc(100% - 12.3rem);
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--date-of-birth {
        width: 50%;
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--person__inputs-group--video-course--accreditated .ic-cart-page__container__row--person__inputs-group__section--place-of-birth {
        width: 50%;
        padding-top: 1rem;
    }

    .ic-cart-page__container__column--actions > div {
        gap: 1rem;
    }

    .ic-cart-page__container__column--actions > div > .g-button:first-child:not(:only-child) {
        width: 100% !important;
    }

    .ic-cart-page__container__column--actions > div > .g-button:only-child {
        width: calc(100% - 15.5rem) !important; /* cca equals to 100% minus clerk button */
    }

    .ic-cart-page__container__column--actions > div > .g-button:not(:first-child) {
        width: auto !important;
        flex-shrink: 0;
    }

    .ic-cart-page__container__column--header__info-wrapper__count-and-price__count {
        width: 16.5rem; /* hack, same width as other coutners on standard iPhone resolution */
    }

    .ic-cart-page__navigation {
        margin-top: 2rem;
    }

    .ic-cart-page__navigation__button--back {
        display: none;
    }

    .ic-cart-page__navigation__next-wrapper {
        width: 100%;
        grid-template-columns: 1fr auto;
    }

    .ic-cart-page__navigation__button--continue-to-invoicing {
        width: 26rem !important;
    }

    .ic-cart-page__navigation__button--continue-to-invoicing {
        width: 27rem !important;
    }

    .ic-cart-page__empty-list-wrapper {
        grid-template-columns: 6rem 1fr !important;
    }

    .ic-cart-page__empty-list-wrapper #ic-empty-list-wrapper__image {
        margin: -1.2rem;
        background-image: url(/img/layout/ic-frontend_web_icons_m.svg);
        background-size: 2000%;
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 15) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5);
    }

    .ic-cart-page__empty-list-wrapper h2 {
        margin-left: -2.9rem;
        font-size: 2.8rem !important;
        line-height: 3.8rem !important;
    }

    #ic-cart-page__modal--ares__row--error {
        padding-top: 1rem;
    }

    .ic-cart-page__container__row--invoice-details {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .ic-cart-page__container__column--company {
        grid-column: 1;
        grid-row: 1;
    }

    .ic-cart-page__container__column--tax-info {
        grid-template-columns: 1fr;
        column-gap: 0;
        margin-top: 2rem;
    }

    .ic-cart-page__container__column--tax-info__inputs-group--order-number {
        grid-column: 1;
        grid-row: 3;
        margin-top: 1rem;
    }

    .ic-cart-page__container__column--recipient-checkbox {
        grid-column: 1;
        grid-row: 4;
        margin-top: 2rem;
    }

    #ic-cart-page__container__column--recipient-info {
        grid-column: 1;
        grid-row: 5;
        margin-top: 0;
        margin-bottom: -1rem;
    }

    #ic-cart-page__container__column--recipient-info > div > .ic-inputs-group:first-child {
        margin-top: 1rem;
    }

    .ic-cart-page__container__row--contact-details {
        row-gap: 1rem;
    }

    .ic-cart-page__container__column--phone-number {
        width: 100%;
    }

    .ic-cart-page__invoicing-summary__row {
        grid-template-rows: auto;
    }

    .ic-cart-page__container--bank-transfer__row {
        grid-template-columns: 1fr 11.5rem; /* Safari fix */
    }

    .ic-cart-page__container--bank-transfer__column--account {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .ic-cart-page__container--bank-transfer__column--details {
        grid-column: 1;
        grid-row: 2;
    }

    .ic-cart-page__container--bank-transfer__column--qr {
        grid-column: 2;
        grid-row: 2;
    }

    .ic-cart-page__invoicing-summary__column--client {
        grid-column: 1;
        grid-row: 1;
    }

    .ic-cart-page__invoicing-summary__column--contact {
        grid-column: 1;
        grid-row: 2;
    }

    .ic-cart-page__invoicing-summary__column--contact  .ic-inputs-group:first-child {
        margin-top: 2rem;
        padding-top: 2rem !important;
        border-top: 0.2rem solid var(--g-color--grey-2);
    }

    .ic-cart-page__invoicing-summary__column--note {
        grid-column: 1;
        grid-row: 3;
    }

    .ic-radio-wrapper {
        column-gap: 2rem;
    }

    .ic-radio__texts__header {
        column-gap: 1rem;
    }

    .ic-radio__img-wrapper {
        display: none !important;
    }

    .ic-radio__logos-wrapper {
        padding-left: 0;
    }

    .ic-radio__logos-wrapper--gopay {
        width: 3.6rem;
    }

    #ic-playback-page__playback-grid__column--chapters .ic-content-box {
        padding: 0;
    }

    #ic-playback-page__playback-grid__column--questions .ic-content-box {
        padding: 0;
    }

    #ic-playback-page__playback-grid__column--questions__content-box__section--chat .ic-content-box__section__part:first-child {
        height: calc(100% - 7rem);
        margin-bottom: 1rem;
    }

    #ic-playback-page__playback-grid__column--information .ic-content-box {
        padding-top: 0;
    }

    .video-js--ic.vjs-has-started .vjs-big-play-button {
        top: calc(50% - 5.6rem / 2);
    }

    .video-js--ic .vjs-b-p-b {
        top: calc(50% - 5.6rem / 2);
    }

    .video-js--ic__error {
        padding: 0 var(--ic-var__content-padding);
    }

    #ic-error-message-wrapper {
        grid-template-columns: 1fr;
    }

    #ic-error-message-wrapper__image {
        display: none;
    }

    #ic-error-message-wrapper__h2 {
        grid-row: 1;
        grid-column: 1;
        font-size: 1.8rem;
    }

    #ic-error-message-wrapper__text {
        grid-row: 2;
        grid-column: 1;
    }

}

@media screen and (width <= 400px) {

    html {
        font-size: 8.75px; /* font-size = 14px */
    }
}


/* NON-TOUCH DEVICES
----------------------------------------------------------*/

@media screen and (hover: hover) {

    /* Fixes for scrolbar overlay on desktop: */
        .ic-modal__container__content {
            position: relative;
        }

        .ic-modal__close-button {
            position: sticky;
            float: right;
            margin-left: -5.4rem;
        }

    .ic-terms-list__item .ic-counter__input {
        background-color: white !important;
    }

    /* make sure play/pause button visible on desktop: */
        .video-js--ic:not(.video-js--ic--live) .vjs-play-control {
            display: block !important;
        }

}


/* TOUCH DEVICES
----------------------------------------------------------*/

@media screen and (hover: none) {

    /* disables double tap zoom on clickable elements in iOS: */
    * {
        touch-action: manipulation; 
    }

    /* hide small play button on iOS: */
    .video-js--ic .vjs-play-control {
        display: none;
    }

    /* keep UI visible when paused on iOS: */
        .vjs-has-started.vjs-paused .vjs-control-bar {
            opacity: 1;
            visibility: visible;
        }

        .vjs-has-started.vjs-paused .vjs-tech {
            opacity: 0.66;
        }

    /* control bar otherwise visible on iOS playbak start: */
    .vjs-has-started.vjs-playing:not(.vjs-touch-active):not(.vjs-ad-playing):not(.vjs-casting) .vjs-control-bar {
        opacity: 0;
        visibility: hidden;
    }

}

@media screen and (hover: none) and (width > 820px) {

    .ic-page-menu__item--with-popin-menu__pseudo-anchor {
        display: block !important;
    }

    .ic-page-menu__item--with-popin-menu__pseudo-anchor + a {
        display: none !important;
    }

    #ic-page-menu > li.ic-page-menu__item--with-popin-menu:focus-within > a {
        background-color: var(--ic-button--hover--blue--background) !important;
    }

    #ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:hover:not(:active) {
        border-color: var(--g-color--grey-4) !important;
        box-shadow: 0 0 0 0.2rem var(--g-button--hover--grey--background), 0 0 0 0.5rem var(--g-color--grey-4);
    }

}

@media screen and (hover: none) and (width <= 820px) {

    #ic-page-header__logo-wrapper:focus,
    #ic-page-header__logo-wrapper:hover,
    #ic-page-header__logo-wrapper:active {
        background-color: var(--g-input--focus--hover--background);
    }

    .ic-page-header__button:focus,
    .ic-page-header__button:hover,
    .ic-page-header__button:active {
        background-color: var(--g-input--focus--hover--background);
    }

    #ic-cart-page__container__column--tax-info__section--fill__notification--error .ic-products-filter--desktop__button--cancel-select:hover:not(:active) {
        border-color: white !important;
        box-shadow: 0 0 0 0.2rem var(--g-button--hover--grey--background), 0 0 0 0.5rem white;
    }
}

@media screen and (hover: none), print {

    .ic-radio-wrapper:hover:not(:active) {
        background-color: white !important;
    }

    .ic-inputs-group__section-input-with-text__button:hover:not(:active) {
        color: var(--g-text-color--link);
    }

    .ic-inputs-group__section-input-with-text__button:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
    }

    .ic-button--attendee--add:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
    }

    .ic-button--attendee--subtract:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
    }

    .ic-button--available:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12);
    }

    .ic-button--calendar:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--cancel--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9);
    }

    .ic-button--close:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--contact:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--contact--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
    }

    .ic-button--course:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--download:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--email:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--email--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 18) 0;
    }

    .ic-button--help:hover:not(:active) > span > .g-button--text__img {
        background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--invoice--large:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--label:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--lecturer:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--online-course:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--online-course--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
    }

    .ic-button--order--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 7);
    }

    .ic-button--pay:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--phone:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--phone--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) 0;
    }

    .ic-button--place:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 9) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--question--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
    }

    .ic-button--search:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--send:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8);
    }

    .ic-button--stop:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 13);
    }

    .ic-button--video-course:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    .ic-button--video-course--large:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 16) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3);
    }

    .ic-multi-select-dropdown-wrapper__selector:hover:not(:active) {
        background-color: white !important;
    }

    .ic-multi-select-dropdown label:hover:not(:active),
    .ic-multi-select-dropdown label:focus-within:not(:active) {
        background-color: white;
    }

    .ic-page-container--breadcrumbs__wrapper__home:hover:not(:active) > span {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
    }

    #ic-page__sticky-breadcrumbs p:last-child a:hover:not(:active) {
        color: var(--g-text-color--grey);
    }

    .ic-page-header__button:hover:not(:active) .ic-button--text__bubble {
        box-shadow: 0 0 0 0.3rem white;
    }

    .g-button:hover:not(:active) .ic-button--text__bubble {
        background-color: var(--g-color--red);
    }

    #ic-cookies-bar__content-wrapper__buttons-wrapper__button--deny:not(:active) {
        background-color: transparent;
    }

    #ic-page-header__logo-wrapper:hover:not(:active) {
        background-color: white;
    }

    .ic-page-header__button:hover:not(:active) {
        background-color: white;
    }

    .ic-cart-page__container__part--persons__button--accreditation:hover:not(:active) {
        background-color: var(--g-color--grey-4) !important;
    }

    #ic-playback-page #ic-page-header__logo-wrapper:focus,
    #ic-playback-page #ic-page-header__logo-wrapper:hover,
    #ic-playback-page #ic-page-header__logo-wrapper:active {
        background-color: inherit;
    }

    .ic-page-header__button:hover:not(:active) {
        color: var(--g-text-color--link);
    }

    .ic-page-header__button:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--g-color--red);
    }

    #ic-page-header__button--search:hover:not(:active) .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 14) 0;
    }

    #ic-page-header__button--account:hover:not(:active) .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) 0;
    }

    #ic-page-header__button--shopping-cart:hover:not(:active) .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) 0;
    }

    #ic-page-header__button--menu-toggle:hover:not(:active):not(.g-active) .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6) 0;
    }

    #ic-page-header__search-wrapper__form__button--cancel:hover:not(:active) > .g-button--text__img {
        background-color: var(--g-color--grey-02);
    }

    #ic-page-menu > li:not(.g-active) > a:hover:not(:active) {
        background-color: inherit;
    }

    .ic-page-menu__item--with-popin-menu__reveal-button:hover:not(:active) {
        background-color: white;
    }

    .ic-page-menu__item--with-popin-menu__reveal-button:hover:not(:active):not(.g-active) .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
    }

    .ic-page-menu__popin-menu-wrapper .g-button:hover:not(:active) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    .ic-page-menu__popin-menu-wrapper .g-button:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--g-text-color--grey) !important
    }

    .ic-page-menu__popin-menu-wrapper .g-button:not(:active) .g-button--text__img {
        background-position: 0 0 !important;
    }

    #ic-page-menu > li > a.ic-page-menu__item__link--news:hover:not(:active) > .g-button--text__img {
        background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    #ic-page-menu > li.g-active > a.ic-page-menu__item__link--news:hover:not(:active) > .g-button--text__img {
        background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
    }

    #ic-page-menu > li > a.ic-page-menu__item__link--course:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    #ic-page-menu > li.g-active > a.ic-page-menu__item__link--course:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
    }

    #ic-page-menu > li > a.ic-page-menu__item__link--video-course:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    #ic-page-menu > li.g-active > a.ic-page-menu__item__link--video-course:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
    }

    #ic-page-menu > li > a.ic-page-menu__item__link--tailor-made:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    #ic-page-menu > li.g-active > a.ic-page-menu__item__link--tailor-made:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
    }

    #ic-page-menu > li > a.ic-page-menu__item__link--faq:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    #ic-page-menu > li.g-active > a.ic-page-menu__item__link--faq:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
    }

    #ic-page-menu > li > a.ic-page-menu__item__link--contact:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 4);
    }

    #ic-page-menu > li.g-active > a.ic-page-menu__item__link--contact:hover:not(:active) > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 5) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 6);
    }

    .ic-page-header__search-wrapper__suggestions__results__section__item:hover:not(:active) {
        background-color: white;
    }

    .ic-page-header__search-wrapper__suggestions__results__section__item:hover:not(:active) {
        color: var(--g-text-color--link);
    }

    .ic-page-header__search-wrapper__suggestions__results__section__item:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--g-text-color--grey) !important;
    }

    .ic-page-footer__grid__contacts-list .g-button:not(.g-button--disabled):hover:not(:active) {
        color: var(--g-text-color--link);
    }

    .ic-page-footer__grid__socials-list__facebook:hover:not(:active) > span {
        background-color: #1877F2; /* because of iOS */
    }

    .ic-page-footer__grid__socials-list__facebook:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 8) 0;
    }

    .ic-page-footer__grid__socials-list__linkedin:hover:not(:active) > span {
        background-color: #006EB8; /* because of iOS */
    }

    .ic-page-footer__grid__socials-list__linkedin:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 10) 0;
    }

    .ic-page-footer__grid__socials-list__youtube:hover:not(:active) > span {
        background-color: #FF0000; /* because of iOS */
    }

    .ic-page-footer__grid__socials-list__youtube:hover:not(:active) > span .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 12) 0;
    }

    .ic-modal__close-button:hover:not(:active) {
        background-color: var(--g-color--grey-2);
    }

    #ic-home-page__section--products__grid__products > .g-button:hover:not(:active) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    #ic-home-page__section--products__grid__products > .g-button:hover:not(:active) > span > .g-button--text__img {
        background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2);
    }

    #ic-home-page__section--products__grid__products__item--contact.g-button:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 3) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
    }

    #ic-home-page__section--products__grid__products__item--offsite-course.g-button:hover:not(:active) > span > .g-button--text__img {
        background-position: 0 calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
    }

    #ic-home-page__section--products__grid__products__item--online-course.g-button:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
    }

    #ic-home-page__section--products__grid__products__item--video-course.g-button:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 2) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 17);
    }

    .ic-article-list__info__item--location--link:hover:not(:active):after {
        background-position-x: calc((19 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
        background-position-y: calc((5 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    }

    #ic-products-filter--desktop select:focus:not(:hover) {
        background-color: white;
        /* only for fitler select - could be resolved globally ? */
    }

    .ic-products-filter--desktop__button--cancel-select:hover:not(:active) {
        background-color: var(--g-color--orange) !important;
        border-color: var(--g-button--hover--orange--border) !important;
        box-shadow: 0 0 0 0.3rem var(--g-color--grey-4);
    }

    #ic-products-filter--mobile__button:hover:not(:active) {
        background-color: white;
    }

    .ic-products-filter__cancel-button:hover:not(:active) {
        background-color: white !important;
    }

    .ic-products-filter__cancel-button--next-to-option:hover:not(:active) {
        background-color: white !important;
    }

    .ic-modal__container .ic-products-filter select.g-active:hover:not(:active) {
        border-color: var(--g-color--orange) !important;
    }

    /* only for fitler select - could be resolved globally?: */
        .ic-modal__container .ic-products-filter select:focus:not(:hover) {
            background-color: white !important;
            border-color: var(--g-color--grey-2) !important;
        }

        .ic-modal__container .ic-products-filter select.g-active:focus:not(:hover) {
            background-color: white !important;
            border-color: var(--g-color--orange) !important;
        }

        .ic-modal__container .ic-products-filter select.g-active:focus:not(:hover) {
            background-color: white !important;
        }

    #ic-products-page__description__button--help:hover:not(:active) {
        color: var(--g-text-color--link);
        border-color: var(--ic-color--blue);
    }

    #ic-product-page__navigation > li.g-active > a:hover:not(:active) > p > span {
        color: var(--g-text-color--grey);
    }

    .ic-sub-categories-list .g-button:not(.ic-sub-categories-list__button--all):hover:not(:active) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    .ic-products-list__item:hover:not(:active) {
        background-color: white;
    }

    .ic-products-list__item:hover:has(.g-button:hover) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    .ic-products-list--video-courses__item:hover:not(:active) {
        background-color: white;
    }

    .ic-products-list--video-courses__item:hover:not(:active) .ic-products-list--video-courses__item__image-wrapper:after {
        box-shadow: inset 0 0 0 0.2rem var(--ic-color--blue);
    }

    .ic-products-list--video-courses__item:hover:not(:active) .ic-products-list--video-courses__item__image-wrapper__button .g-button--text__img {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWQxNTE1OWQ1LWIxMjItNDllZS1hOTg1LWJiOTE5ZmIzY2IwNSI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtMjU4ZGQ2OWEtNjlhMy00ZTVkLTg2NmMtYzVlNmFiMjliMmRkIj48ZyBpZD0idXVpZC1jZWM4YWQ2MC02OTgwLTRhMzktYWYyYS00ZjI3MDE2MWQxYjQiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjYiIGZpbGw9IiMxOTE5MTkiLz48cGF0aCBkPSJtNTAsMjBjMTYuNTQyLDAsMzAsMTMuNDU4LDMwLDMwcy0xMy40NTgsMzAtMzAsMzAtMzAtMTMuNDU4LTMwLTMwLDEzLjQ1OC0zMCwzMC0zMG0wLTZjLTE5Ljg4MiwwLTM2LDE2LjExOC0zNiwzNnMxNi4xMTgsMzYsMzYsMzYsMzYtMTYuMTE4LDM2LTM2UzY5Ljg4MiwxNCw1MCwxNGgwWiIgZmlsbD0iIzAwNmViOCIvPjxwYXRoIGQ9Im02My41MDQsNDguMzM2bC0xOC4zOTQtMTIuMjYzYy0xLjMyOS0uODg2LTMuMTA5LjA2Ny0zLjEwOSwxLjY2NHYyNC41MjZjMCwxLjU5NywxLjc4LDIuNTUsMy4xMDksMS42NjRsMTguMzk0LTEyLjI2M2MxLjE4Ny0uNzkyLDEuMTg3LTIuNTM3LDAtMy4zMjhaIiBmaWxsPSIjMDA2ZWI4Ii8+PC9nPjwvZz48L3N2Zz4=");
    }

    .ic-products-list--video-courses__item:hover:has(.g-button:hover) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    .ic-products-list--video-courses__item:hover:has(.g-button:hover) .ic-products-list--video-courses__item__image-wrapper:after {
        box-shadow: inset 0 0 0 0.2rem var(--ic-color--blue);
    }

    .ic-products-list--video-courses__item:hover:has(.g-button:hover) .ic-products-list--video-courses__item__image-wrapper__button .g-button--text__img {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxnIGlkPSJ1dWlkLWQxNTE1OWQ1LWIxMjItNDllZS1hOTg1LWJiOTE5ZmIzY2IwNSI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiLz48L2c+PGcgaWQ9InV1aWQtMjU4ZGQ2OWEtNjlhMy00ZTVkLTg2NmMtYzVlNmFiMjliMmRkIj48ZyBpZD0idXVpZC1jZWM4YWQ2MC02OTgwLTRhMzktYWYyYS00ZjI3MDE2MWQxYjQiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjYiIGZpbGw9IiMxOTE5MTkiLz48cGF0aCBkPSJtNTAsMjBjMTYuNTQyLDAsMzAsMTMuNDU4LDMwLDMwcy0xMy40NTgsMzAtMzAsMzAtMzAtMTMuNDU4LTMwLTMwLDEzLjQ1OC0zMCwzMC0zMG0wLTZjLTE5Ljg4MiwwLTM2LDE2LjExOC0zNiwzNnMxNi4xMTgsMzYsMzYsMzYsMzYtMTYuMTE4LDM2LTM2UzY5Ljg4MiwxNCw1MCwxNGgwWiIgZmlsbD0iIzAwNmViOCIvPjxwYXRoIGQ9Im02My41MDQsNDguMzM2bC0xOC4zOTQtMTIuMjYzYy0xLjMyOS0uODg2LTMuMTA5LjA2Ny0zLjEwOSwxLjY2NHYyNC41MjZjMCwxLjU5NywxLjc4LDIuNTUsMy4xMDksMS42NjRsMTguMzk0LTEyLjI2M2MxLjE4Ny0uNzkyLDEuMTg3LTIuNTM3LDAtMy4zMjhaIiBmaWxsPSIjMDA2ZWI4Ii8+PC9nPjwvZz48L3N2Zz4=");
    }

    .ic-products-list-wrapper--low-contrast .ic-products-list__item__column--link > .g-button:hover:not(:active),
    .ic-products-list-wrapper--low-contrast .ic-products-list--video-courses__details__offer > .g-button:hover:not(:active) {
        background-color: transparent !important;
    }

    .ic-products-list--video-courses__item__image-wrapper__button:hover:not(:active) {
        background-color: white !important;
        border-color: white !important;
    }

    .ic-contacts-list > a:hover:not(:active) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    .ic-contacts-list > .ic-contacts-list__item--phone:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--g-text-color--grey) !important;
    }

    .ic-contacts-list > .ic-contacts-list__item--questions:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--ic-color--blue) !important;
    }

    .ic-faq-topics-list > a:hover:not(:active) {
        color: var(--g-text-color--link);
        background-color: white;
    }

    .ic-faq-topics-list > a:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--g-text-color--grey) !important;
    }

    .ic-faq-topics-list > .ic-faq-topics-list__item--contact:hover:not(:active) {
        border: 0.2rem solid var(--ic-color--blue);
        color: var(--ic-color--blue) !important;
    }

    .ic-faq-topics-list > .ic-faq-topics-list__item--contact:hover:not(:active) .g-button--double-lined__secondary-text {
        color: var(--ic-color--blue) !important;
    }

    .ic-questions-list > li > .g-button:hover:not(:active) {
        color: var(--g-text-color--link);
    }

    .ic-questions-list > li > .g-button:hover:not(:active) > span > .g-button--text__img {
        background-position: calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 11) calc((100% / var(--ic-var__icons-count--frontend_web_icons_m)) * 1);
    }

    #ic-custom-made-page__description__button:hover:not(:active) {
        color: var(--g-text-color--link);
        border-color: var(--ic-color--blue);
    }

    .ic-terms-list__item:hover:hover:not(:active) {
        background-color: white;
    }

    .ic-terms-list__item:hover:hover:has(.g-button:hover),
    .ic-terms-list__item:hover:hover:has(input:hover),
    .ic-terms-list__item:hover:hover:has(a:hover),
    .ic-terms-list__item:hover:hover:has(.g-link:hover) {
        background-color: white;
    }

    .ic-product-page--video-course__heading-grid__column--content__column--promos__item > a.g-button:hover:not(:active) {
        color: var(--g-text-color--link);
    }

    a.ic-page-cart__menu__item:hover:not(:active) {
        color: var(--g-text-color--link);
    }

    .ic-playback-page__playback-grid__column:not(.g-block-ui) .ic-playback-page__playback-grid__column--chapters__list__item.g-active:hover:not(:active) {
        color: var(--g-text-color--link--hover);
    }

    .ic-playback-page__playback-grid__column--chapters__list__item:hover:not(:active) .ic-playback-page__playback-grid__column--chapters__list__item__time__icon {
        background-position-x: calc((14 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    }

    .ic-playback-page__playback-grid__column:not(.g-block-ui) .ic-playback-page__playback-grid__column--chapters__list__item.g-active:hover:not(:active) .ic-playback-page__playback-grid__column--chapters__list__item__time__icon {
        background-position-x: calc((16 - 1 + (0.5 - (50 / 5000 ) * 20)) * (5% + 5% / ((5000 / 100 - 1))));
    }

    #ic-playback-page__playback-grid__column--chapters__list li > button:hover:not(:active) {
        background-color: white;
    }

    .ic-playback-page__materials-list .g-button:hover:not(:active) {
        color: var(--g-text-color--link);
        background-color: white;
        border-color: white;
    }

    div:has(.video-js--ic__poster:hover:not(:active)) .ic-button--play--white.g-color--orange {
        background-color: var(--g-color--orange);
    }

    .video-js--ic .vjs-button:hover:not(:active) {
        background-color: var(--g-color--dark-grey) !important;
    }

    .video-js--ic .vjs-big-play-button:hover:not(:active) {
        background-color: var(--g-color--orange);
    }

    .video-js--ic .vjs-b-p-b:hover:not(:active) {
        background-color: var(--g-color--dark-grey);
    }

    .video-js--ic .vjs-menu .vjs-menu-content li:hover:not(:active) {
        background-color: var(--g-color--dark-grey);
    }
}

@media screen and (hover: none) and (width <= 820px) {

    #ic-page-menu > li.g-active > a:hover:not(:active) {
        color: var(--g-text-color--grey);
        background-color: inherit;
    }

    .g-button--outline.g-color--grey.ic-products-filter__cancel-button:hover:not(:active) {
        background-color: white !important;
        border: 0.2rem solid var(--g-color--orange) !important;
    }

}


/* FIREFOX
----------------------------------------------------------*/

@supports(-moz-appearance:none) {

    .ic-products-filter select.ic-select--offseted {
        text-indent: -1.05rem;
    }

    .ic-products-filter--desktop__section--date select {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2)) * 2 + 3.5rem) / 2);
    }

    .ic-products-filter--desktop__section--date select.ic-select--offseted {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2)) * 2 + 3.5rem - 2.1rem) / 2);
    }

    .ic-products-filter--desktop__section--lecturer select {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--lecturer)) / 2)) * 2 + 3.5rem) / 2);
    }

    .ic-products-filter--desktop__section--lecturer select.ic-select--offseted {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--lecturer)) / 2)) * 2 + 3.5rem - 2.1rem) / 2);
    }

    .ic-products-filter--desktop__section--place select {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--place)) / 2)) * 2 + 3.5rem) / 2);
    }

    .ic-products-filter--desktop__section--place select.ic-select--offseted {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--place)) / 2)) * 2 + 3.5rem - 2.1rem) / 2);
    }

    .ic-products-filter--desktop__section--topic select {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2)) * 2 + 3.5rem) / 2);
    }

    .ic-products-filter--desktop__section--topic select.ic-select--offseted {
        text-indent: calc(((2rem - ((6rem - var(--ic-var__icon-width--frontend_web_icons_m--topic)) / 2)) * 2 + 3.5rem - 2.1rem) / 2);
    }

    .ic-products-filter select option:not(.g-not-bold) {
        font-weight: bold;
    }
}


/* PRINT
----------------------------------------------------------*/

@media print {

    /* COPIED OVER FOR G-SHARED_WEB: */

        .g-mobile--min--display-none {
            visibility: hidden;
            display: none !important;
        }

        .g-mobile--min--display-block {
            visibility: visible;
            display: block !important;
        }

        .g-mobile--min--display-inline {
            visibility: visible;
            display: inline !important;
        }

        .g-mobile--min--display-inherit {
            visibility: visible;
            display: inherit !important;
        }

        .g-mobile--min--display-none--fluid {
            visibility: hidden;
            pointer-events: none;
        }

        .g-mobile--min--display-block--fluid {
            visibility: visible;
            pointer-events: auto;
        }

        .g-text-color--grey--mobile {
            color: var(--g-text-color--grey) !important;
        }

    @page {
        size: A4 portrait;
        margin: 5mm;
        padding: 0;
    }

    html {
        font-size: 7.5px; /* font-size = 12px */
    }

    label, .g-label {
        page-break-after: avoid !important;
    }

    .ic-h2-heading {
        page-break-after: avoid !important;
    }

    .g-button:not(.ic-questions-list__button) {
        page-break-inside: avoid !important;
    }

    .ic-inputs-group__section {
        page-break-inside: avoid !important;
    }

    #ic-page-header-wrapper {
        position: absolute !important;
    }

    #ic-page-menu-border {
        position: absolute !important;
    }

    #ic-page-sub-menu-wrapper {
        position: absolute !important;
    }

    #ic-product-page__navigation-container-wrapper {
        position: static !important;
    }

    #ic-floater {
        display: none !important;
    }

    .ic-products-list__item-wrapper,
    .ic-products-list--video-courses__item-wrapper,
    .ic-terms-list__item {
        page-break-inside: avoid !important;
    }

    .ic-generic-video-wrapper {
        page-break-inside: avoid !important;
    }

    .ic-questions-list-wrapper--two-columns {
        display: block;
    }

    .ic-questions-list > li > div {
        display: none;
    }

    .ic-questions-list > li.g-active > div {
        display: block;
    }

    #ic-subscribe-form__group--topics {
        display: block !important;
    }
}