@charset "utf-8"; :root { --color-grey-50: #f2f0f0; --color-grey-50-rgb: 242, 240, 240; --color-grey-97: #f7f7f7; --color-grey-97-rgb: 247, 247, 247; --color-grey-100: #e6e6e6; --color-grey-100-rgb: 230, 230, 230; --color-grey-200: #cdcdcd; --color-grey-200-rgb: 205, 205, 205; --color-grey-300: #b3b3b3; --color-grey-300-rgb: 179, 179, 179; --color-grey-400: #9a9a9a; --color-grey-400-rgb: 154, 154, 154; --color-grey-500: grey; --color-grey-500-rgb: 128, 128, 128; --color-grey-600: #6d6d6d; --color-grey-600-rgb: 109, 109, 109; --color-grey-700: #4b4b4b; --color-grey-700-rgb: 75, 75, 75; --color-grey-800: #303030; --color-grey-800-rgb: 48, 48, 48; --color-grey-900: #121212; --color-grey-900-rgb: 18, 18, 18; --color-highlight-50: #fefae5; --color-highlight-50-rgb: 254, 250, 229; --color-highlight-100: #fef4cc; --color-highlight-100-rgb: 254, 244, 204; --color-highlight-200: #fcea99; --color-highlight-200-rgb: 252, 234, 153; --color-highlight-300: #fce066; --color-highlight-300-rgb: 252, 224, 102; --color-highlight-400: #fad633; --color-highlight-400-rgb: 250, 214, 51; --color-highlight-500: #f9cb00; --color-highlight-500-rgb: 249, 203, 0; --color-highlight-600: #c7a300; --color-highlight-600-rgb: 199, 163, 0; --color-highlight-700: #967a00; --color-highlight-700-rgb: 150, 122, 0; --color-highlight-800: #635100; --color-highlight-800-rgb: 99, 81, 0; --color-highlight-900: #322800; --color-highlight-900-rgb: 50, 40, 0; --color-primary-50: #e5f9f7; --color-primary-50-rgb: 229, 249, 247; --color-primary-100: #ccf3ef; --color-primary-100-rgb: 204, 243, 239; --color-primary-200: #99e8e0; --color-primary-200-rgb: 153, 232, 224; --color-primary-300: #66ddd1; --color-primary-300-rgb: 102, 221, 209; --color-primary-400: #33d2c2; --color-primary-400-rgb: 51, 210, 194; --color-primary-500: #00c6b2; --color-primary-500-rgb: 0, 198, 178; --color-primary-600: #009f8f; --color-primary-600-rgb: 0, 159, 143; --color-primary-700: #00776b; --color-primary-700-rgb: 0, 119, 107; --color-primary-800: #004f47; --color-primary-800-rgb: 0, 79, 71; --color-primary-900: #002723; --color-primary-900-rgb: 0, 39, 35; --color-secondary-50: #e5f0fc; --color-secondary-50-rgb: 229, 240, 252; --color-secondary-100: #cce3f8; --color-secondary-100-rgb: 204, 227, 248; --color-secondary-200: #99c6f1; --color-secondary-200-rgb: 153, 198, 241; --color-secondary-300: #66aaec; --color-secondary-300-rgb: 102, 170, 236; --color-secondary-400: #338de5; --color-secondary-400-rgb: 51, 141, 229; --color-secondary-500: #0071de; --color-secondary-500-rgb: 0, 113, 222; --color-secondary-600: #005ab2; --color-secondary-600-rgb: 0, 90, 178; --color-secondary-700: #004486; --color-secondary-700-rgb: 0, 68, 134; --color-secondary-800: #002d58; --color-secondary-800-rgb: 0, 45, 88; --color-secondary-900: #00172c; --color-secondary-900-rgb: 0, 23, 44; --color-white: #fff; --color-black: #000; --color-yellow: #f2c91b; --color-red: #e81818; --color-green: #77b502; --color-blue: #0091c6; --color-purple: #9404c9; --color-warning: var(--color-yellow); --color-error: var(--color-red); --color-success: var(--color-green); --color-info: var(--color-blue); --color-success-bg: #f4f9eb; --color-info-bg: #ebf6fb; --color-error-bg: #feecec; --color-filter-purple: var(--color-purple); --color-filter-purple-chip-bg: #f7ebfb; --color-filter-red: var(--color-error); --color-filter-red-chip-bg: var(--color-error-bg); --color-filter-light-blue: var(--color-info); --color-filter-light-blue-chip-bg: var(--color-info-bg); --color-filter-green: var(--color-success); --color-filter-green-chip-bg: var(--color-success-bg); --color-filter-dark-blue: var(--color-secondary-700); --color-filter-dark-blue-chip-bg: var(--color-secondary-50); --color-filter-orange: #d98e00; --color-filter-orange-chip-bg: #fcf6eb; --color-option-purple: #910cc1; --color-option-blue: #003a72; --color-option-light-blue: #0091c6; --color-option-green: #77b502; --color-option-red: #e81818; --color-option-orange: #dd9c1f; --color-forms-editor-badge-primary: #ccf3ef; --color-forms-editor-badge-secondary: #e6e6e6; --color-forms-editor-alert-primary: #cce3f8; --color-forms-editor-alert-warning: #fef4cc; --color-forms-editor-alert-danger: #fecccc } @media(min-width:1024px) { .mt-lg-0 { margin-top: 0 } .mt-lg-2 { margin-top: 2px } .mt-lg-4 { margin-top: 4px } .mt-lg-8 { margin-top: 8px } .mt-lg-12 { margin-top: 9pt } .mt-lg-16 { margin-top: 1pc } .mt-lg-20 { margin-top: 20px } .mt-lg-24 { margin-top: 24px } .mt-lg-32 { margin-top: 2pc } .mt-lg-40 { margin-top: 40px } .mt-lg-48 { margin-top: 3pc } .mt-lg-64 { margin-top: 4pc } .mt-lg-80 { margin-top: 5pc } .mt-lg-96 { margin-top: 6pc } .mt-lg-128 { margin-top: 8pc } } @media(max-width:1023px) { .mt-sm-0 { margin-top: 0 } .mt-sm-2 { margin-top: 2px } .mt-sm-4 { margin-top: 4px } .mt-sm-8 { margin-top: 8px } .mt-sm-12 { margin-top: 9pt } .mt-sm-16 { margin-top: 1pc } .mt-sm-20 { margin-top: 20px } .mt-sm-24 { margin-top: 24px } .mt-sm-32 { margin-top: 2pc } .mt-sm-40 { margin-top: 40px } .mt-sm-48 { margin-top: 3pc } .mt-sm-64 { margin-top: 4pc } .mt-sm-80 { margin-top: 5pc } .mt-sm-96 { margin-top: 6pc } .mt-sm-128 { margin-top: 8pc } } .mb-0 { margin-bottom: 0 } .mb-2 { margin-bottom: 2px } .mb-4 { margin-bottom: 4px } .mb-8 { margin-bottom: 8px } .mb-12 { margin-bottom: 9pt } .mb-16 { margin-bottom: 1pc } .mb-20 { margin-bottom: 20px } .mb-24 { margin-bottom: 24px } .mb-32 { margin-bottom: 2pc } .mb-40 { margin-bottom: 40px } .mb-48 { margin-bottom: 3pc } .mb-64 { margin-bottom: 4pc } .mb-80 { margin-bottom: 5pc } .mb-96 { margin-bottom: 6pc } .mb-128 { margin-bottom: 8pc } .c-lecturers__title, .cmp-carousel--with-logos .cmp-carousel__title, .cmp-navigation__item-link, .cmp-navigation__item-link .link--l, .cmp-navigation__item-link .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--button-linkstyle .text__link, .cmp-quotes__quote, .contacttiles__teaser-title, .errorpage__title, .event-calendar__title, .event-calendar__title-link, .eventlocation__building-name, .eventlocation__title, .herostudyformats__title, .heroteaser__dynamic-content-title, .heroteaser__title, .info__section-title, .link--xxl, .locationteaser__description-title, .magazineteaser__description-pretitle, .magazineteaser__description-title, .product-finder__title, .product-instance-info__column-title, .product-instance-info__title, .productdescriptiontexts__content-title, .productheader__title, .productstudycost__title, .promo__title, .reduced-event-calendar__title, .socialmedia__title, .studyentry__title, .summary__item-title, .summarymanual__items-text-title, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link, .text__content-title, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } .c-lecturers__title, .cmp-carousel--with-logos .cmp-carousel__title, .cmp-navigation__item-link, .cmp-navigation__item-link .link--l, .cmp-navigation__item-link .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--button-linkstyle .text__link, .cmp-quotes__quote, .contacttiles__teaser-title, .errorpage__title, .event-calendar__title, .event-calendar__title-link, .eventlocation__building-name, .eventlocation__title, .herostudyformats__title, .heroteaser__dynamic-content-title, .heroteaser__title, .info__section-title, .link--xxl, .locationteaser__description-title, .magazineteaser__description-pretitle, .magazineteaser__description-title, .product-finder__title, .product-instance-info__column-title, .product-instance-info__title, .productdescriptiontexts__content-title, .productheader__title, .productstudycost__title, .promo__title, .reduced-event-calendar__title, .socialmedia__title, .studyentry__title, .summary__item-title, .summarymanual__items-text-title, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link, .text__content-title, h1, h2, h3, h4, h5, h6 { font-family: Neue-Haas-Grotesk-Display-Pro, Helvetica, Arial, sans-serif; font-weight: 700; margin: 24px 0 8px; overflow-wrap: break-word } .c-lecturers__title:first-child, .cmp-carousel--with-logos .cmp-carousel__title:first-child, .cmp-navigation__item-link .link--l:first-child, .cmp-navigation__item-link .text--button-linkstyle .text__link:first-child, .cmp-navigation__item-link:first-child, .cmp-quotes__quote:first-child, .contacttiles__teaser-title:first-child, .errorpage__title:first-child, .event-calendar__title-link:first-child, .event-calendar__title:first-child, .eventlocation__building-name:first-child, .eventlocation__title:first-child, .herostudyformats__title:first-child, .heroteaser__dynamic-content-title:first-child, .heroteaser__title:first-child, .info__section-title:first-child, .link--xxl:first-child, .locationteaser__description-title:first-child, .magazineteaser__description-pretitle:first-child, .magazineteaser__description-title:first-child, .product-finder__title:first-child, .product-instance-info__column-title:first-child, .product-instance-info__title:first-child, .productdescriptiontexts__content-title:first-child, .productheader__title:first-child, .productstudycost__title:first-child, .promo__title:first-child, .reduced-event-calendar__title:first-child, .socialmedia__title:first-child, .studyentry__title:first-child, .summary__item-title:first-child, .summarymanual__items-text-title:first-child, .text--button-linkstyle .cmp-navigation__item-link .text__link:first-child, .text__content-title:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 } .c-lecturers__title:last-child, .cmp-carousel--with-logos .cmp-carousel__title:last-child, .cmp-navigation__item-link .link--l:last-child, .cmp-navigation__item-link .text--button-linkstyle .text__link:last-child, .cmp-navigation__item-link:last-child, .cmp-quotes__quote:last-child, .contacttiles__teaser-title:last-child, .errorpage__title:last-child, .event-calendar__title-link:last-child, .event-calendar__title:last-child, .eventlocation__building-name:last-child, .eventlocation__title:last-child, .herostudyformats__title:last-child, .heroteaser__dynamic-content-title:last-child, .heroteaser__title:last-child, .info__section-title:last-child, .link--xxl:last-child, .locationteaser__description-title:last-child, .magazineteaser__description-pretitle:last-child, .magazineteaser__description-title:last-child, .product-finder__title:last-child, .product-instance-info__column-title:last-child, .product-instance-info__title:last-child, .productdescriptiontexts__content-title:last-child, .productheader__title:last-child, .productstudycost__title:last-child, .promo__title:last-child, .reduced-event-calendar__title:last-child, .socialmedia__title:last-child, .studyentry__title:last-child, .summary__item-title:last-child, .summarymanual__items-text-title:last-child, .text--button-linkstyle .cmp-navigation__item-link .text__link:last-child, .text__content-title:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0 } .cmp-carousel--with-logos .cmp-carousel__title, .cmp-quotes__quote, .errorpage__title, .herostudyformats__title, .heroteaser__dynamic-content-title, .heroteaser__title, .productdescriptiontexts__content-title, .productheader__title, .promo__title, .text__content-title, h1 { font-size: 60px; line-height: 72px } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__title, .cmp-quotes__quote, .errorpage__title, .herostudyformats__title, .heroteaser__dynamic-content-title, .heroteaser__title, .productdescriptiontexts__content-title, .productheader__title, .promo__title, .text__content-title, h1 { font-size: 28px; line-height: 36px } } .c-lecturers__title, .contacttiles__teaser-title, .event-calendar__title, .event-calendar__title-link, .info__section-title, .link--xxl, .locationteaser__description-title, .magazineteaser__description-pretitle, .magazineteaser__description-title, .product-finder__title, .product-instance-info__column-title, .product-instance-info__title, .reduced-event-calendar__title, .socialmedia__title, .studyentry__title, h2 { font-size: 42px; line-height: 3pc } @media(max-width:1023px) { .c-lecturers__title, .contacttiles__teaser-title, .event-calendar__title, .event-calendar__title-link, .info__section-title, .link--xxl, .locationteaser__description-title, .magazineteaser__description-pretitle, .magazineteaser__description-title, .product-finder__title, .product-instance-info__column-title, .product-instance-info__title, .reduced-event-calendar__title, .socialmedia__title, .studyentry__title, h2 { font-size: 24px; line-height: 36px } } .eventlocation__title, .productstudycost__title, h3 { font-size: 28px; line-height: 36px } @media(max-width:1023px) { .eventlocation__title, .productstudycost__title, h3 { font-size: 20px; line-height: 28px } } .cmp-navigation__item-link, .cmp-navigation__item-link .link--l, .cmp-navigation__item-link .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--button-linkstyle .text__link, .eventlocation__building-name, .summary__item-title, .summarymanual__items-text-title, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link, h4 { font-size: 24px; line-height: 36px } @media(max-width:1023px) { .cmp-navigation__item-link, .cmp-navigation__item-link .link--l, .cmp-navigation__item-link .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--button-linkstyle .text__link, .eventlocation__building-name, .summary__item-title, .summarymanual__items-text-title, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link, h4 { font-size: 1pc; line-height: 24px } } h5 { font-size: 20px; line-height: 28px } @media(max-width:1023px) { h5 { font-size: 14px; line-height: 20px } } h6 { font-size: 1pc; line-height: 24px } @media(max-width:1023px) { h6 { font-size: 9pt; line-height: 18px } } p { margin-bottom: 24px } p:last-child { margin-bottom: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch } body, html { height: 100%; margin: 0; padding: 0; width: 100% } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; hyphenate-limit-chars: auto 3 auto; backface-visibility: hidden; background-color: var(--color-white); color: var(--color-grey-900); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 1pc; line-height: 24px } @media(max-width:1023px) { body { font-size: 1pc; line-height: 24px } } body.avoid-scroll { overflow: hidden } input { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif } a { text-decoration: none; transition: all .15s ease-in } b, strong { font-weight: 700 } sup { font-size: smaller; vertical-align: super } em, i { font-style: italic } .cmp-empty-content { background: transparent !important; border: none !important; height: auto !important; margin: 0 !important; padding: 0 !important } .candidatefilter__selected-reset, .chip__button, .cmp-accordion__button, .cmp-carousel__button, .cmp-search__close-search, .cmp-search__open-search, .dropdown__option, .dropdown__reset, .dropdown__save, .event-calendar__active-filters-reset, .event-card__details-toggle-description, .header__actions-close, .header__actions-hamburger, .header__actions-search, .heroteaser__scroll-down, .infotiles__expandable, .product-finder__active-filters-clipboard, .product-finder__active-filters-reset, .reduced-event-calendar__active-filters-reset { background-color: transparent; background-image: none; border: none; color: inherit; cursor: pointer; font: inherit; text-align: inherit; text-decoration: none; text-transform: inherit; touch-action: inherit; user-select: inherit; vertical-align: inherit; white-space: inherit } .button, .cmp-quotes__content--square .cmp-quotes__link, .errorpage__link, .event-calendar__footer-button, .header__quick-links-button, .product-finder__filter-section .modal-overlay__footer .modal__reset, .product-finder__filter-section .modal-overlay__footer .modal__save, .product-finder__filter-section-button, .product-finder__footer-button, .promo__button, .reduced-event-calendar__footer-button, .text--background-color .text__link, .text--background-color:is(.text--blue) .text__link, .text--background-color:is(.text--blue):is(.text--button-primary) .text__link, .text--background-color:is(.text--button-inverted) .text__link, .text--background-color:is(.text--button-primary) .text__link, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link, .text--blue .text__link, .text--blue:is(.text--button-inverted) .text__link, .text--blue:is(.text--button-outlined) .text__link, .text--blue:is(.text--button-primary) .text__link, .text--button-inverted .text__link, .text--button-outlined .text__link, .text--button-primary .text__link, .text--neon .text__link, .text--neon:is(.text--button-primary) .text__link { align-items: center; background-image: none; border: 2px solid transparent; border-radius: 1pc; color: var(--color-white); cursor: pointer; display: inline-block; flex: 0 1 auto; font-size: 20px; font-weight: 700; line-height: 28px; max-width: 100%; padding: 14px 22px; position: relative; text-align: center; text-decoration: none; text-transform: none; touch-action: manipulation; transition: all .15s ease-in; user-select: none; vertical-align: middle; white-space: nowrap } @media(max-width:1023px) { .button, .cmp-quotes__content--square .cmp-quotes__link, .errorpage__link, .event-calendar__footer-button, .header__quick-links-button, .product-finder__filter-section .modal-overlay__footer .modal__reset, .product-finder__filter-section .modal-overlay__footer .modal__save, .product-finder__filter-section-button, .product-finder__footer-button, .promo__button, .reduced-event-calendar__footer-button, .text--background-color .text__link, .text--background-color:is(.text--blue) .text__link, .text--background-color:is(.text--blue):is(.text--button-primary) .text__link, .text--background-color:is(.text--button-inverted) .text__link, .text--background-color:is(.text--button-primary) .text__link, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link, .text--blue .text__link, .text--blue:is(.text--button-inverted) .text__link, .text--blue:is(.text--button-outlined) .text__link, .text--blue:is(.text--button-primary) .text__link, .text--button-inverted .text__link, .text--button-outlined .text__link, .text--button-primary .text__link, .text--neon .text__link, .text--neon:is(.text--button-primary) .text__link { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .button, .cmp-quotes__content--square .cmp-quotes__link, .errorpage__link, .event-calendar__footer-button, .header__quick-links-button, .product-finder__filter-section .modal-overlay__footer .modal__reset, .product-finder__filter-section .modal-overlay__footer .modal__save, .product-finder__filter-section-button, .product-finder__footer-button, .promo__button, .reduced-event-calendar__footer-button, .text--background-color .text__link, .text--background-color:is(.text--blue) .text__link, .text--background-color:is(.text--blue):is(.text--button-primary) .text__link, .text--background-color:is(.text--button-inverted) .text__link, .text--background-color:is(.text--button-primary) .text__link, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link, .text--blue .text__link, .text--blue:is(.text--button-inverted) .text__link, .text--blue:is(.text--button-outlined) .text__link, .text--blue:is(.text--button-primary) .text__link, .text--button-inverted .text__link, .text--button-outlined .text__link, .text--button-primary .text__link, .text--neon .text__link, .text--neon:is(.text--button-primary) .text__link { width: 100% } } .button:disabled, .cmp-quotes__content--square .cmp-quotes__link:disabled, .errorpage__link:disabled, .event-calendar__footer-button:disabled, .header__quick-links-button:disabled, .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled, .product-finder__filter-section .modal-overlay__footer .modal__save:disabled, .product-finder__filter-section-button:disabled, .product-finder__footer-button:disabled, .promo__button:disabled, .reduced-event-calendar__footer-button:disabled, .text--background-color .text__link:disabled, .text--blue .text__link:disabled, .text--button-inverted .text__link:disabled, .text--button-outlined .text__link:disabled, .text--button-primary .text__link:disabled, .text--neon .text__link:disabled { cursor: not-allowed } .button--neon-primary, .download .cmp-download__button, .errorpage__link, .product-finder__filter-section .modal-overlay__footer .modal__save, .product-finder__filter-section-button, .product-finder__footer-button, .promo--neon .promo__button, .text--background-color:is(.text--button-primary) .text__link, .text--button-primary .text__link, .text--neon:is(.text--button-primary) .text__link { background-color: var(--color-primary-500); border-color: var(--color-primary-500); color: var(--color-white) } .button--neon-primary:hover, .download .cmp-download__button:hover, .errorpage__link:hover, .product-finder__filter-section .modal-overlay__footer .modal__save:hover, .product-finder__filter-section-button:hover, .product-finder__footer-button:hover, .promo--neon .promo__button:hover, .text--button-primary .text__link:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600) } .button--neon-primary:active, .download .cmp-download__button:active, .errorpage__link:active, .product-finder__filter-section .modal-overlay__footer .modal__save:active, .product-finder__filter-section-button:active, .product-finder__footer-button:active, .promo--neon .promo__button:active, .text--button-primary .text__link:active { background-color: var(--color-primary-700); border-color: var(--color-primary-700) } .button--neon-primary-disabled, .button--neon-primary-disabled:active, .button--neon-primary-disabled:focus, .button--neon-primary-disabled:hover, .button--neon-primary:disabled, .button--neon-primary:disabled:active, .button--neon-primary:disabled:focus, .button--neon-primary:disabled:hover, .download .cmp-download__button:disabled, .download .cmp-download__button:disabled:active, .download .cmp-download__button:disabled:focus, .download .cmp-download__button:disabled:hover, .errorpage__link:disabled, .errorpage__link:disabled:active, .errorpage__link:disabled:focus, .errorpage__link:disabled:hover, .product-finder__filter-section .modal-overlay__footer .modal__save:disabled, .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:active, .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:focus, .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:hover, .product-finder__filter-section-button:disabled, .product-finder__filter-section-button:disabled:active, .product-finder__filter-section-button:disabled:focus, .product-finder__filter-section-button:disabled:hover, .product-finder__footer-button:disabled, .product-finder__footer-button:disabled:active, .product-finder__footer-button:disabled:focus, .product-finder__footer-button:disabled:hover, .promo--neon .promo__button:disabled, .promo--neon .promo__button:disabled:active, .promo--neon .promo__button:disabled:focus, .promo--neon .promo__button:disabled:hover, .text--button-primary .text__link:disabled, .text--button-primary .text__link:disabled:active, .text--button-primary .text__link:disabled:focus, .text--button-primary .text__link:disabled:hover { background-color: var(--color-primary-200); border-color: var(--color-primary-200) } .button--neon-outlined, .c-lecturers__cta .button, .c-lecturers__cta .errorpage__link, .c-lecturers__cta .event-calendar__footer-button, .c-lecturers__cta .header__quick-links-button, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save, .c-lecturers__cta .product-finder__filter-section-button, .c-lecturers__cta .product-finder__footer-button, .c-lecturers__cta .promo__button, .c-lecturers__cta .reduced-event-calendar__footer-button, .c-lecturers__cta .text--blue .text__link, .c-lecturers__cta .text--button-inverted .text__link, .c-lecturers__cta .text--button-primary .text__link, .cmp-quotes__content--square .cmp-quotes__link, .event-calendar__footer-button, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save, .product-finder__filter-section .modal-overlay__footer .modal__reset, .reduced-event-calendar__footer-button, .text--background-color .text__link, .text--blue .c-lecturers__cta .text__link, .text--button-inverted .c-lecturers__cta .text__link, .text--button-outlined .text__link, .text--button-primary .c-lecturers__cta .text__link, .text--neon .text__link { background-color: transparent; border-color: var(--color-primary-500); color: var(--color-primary-500) } .button--neon-outlined:hover, .c-lecturers__cta .button:hover, .c-lecturers__cta .errorpage__link:hover, .c-lecturers__cta .header__quick-links-button:hover, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:hover, .c-lecturers__cta .product-finder__filter-section-button:hover, .c-lecturers__cta .product-finder__footer-button:hover, .c-lecturers__cta .promo__button:hover, .c-lecturers__cta .text--blue .text__link:hover, .c-lecturers__cta .text--button-inverted .text__link:hover, .c-lecturers__cta .text--button-primary .text__link:hover, .cmp-quotes__content--square .cmp-quotes__link:hover, .event-calendar__footer-button:hover, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save:hover, .product-finder__filter-section .modal-overlay__footer .modal__reset:hover, .reduced-event-calendar__footer-button:hover, .text--background-color .text__link:hover, .text--blue .c-lecturers__cta .text__link:hover, .text--button-inverted .c-lecturers__cta .text__link:hover, .text--button-outlined .text__link:hover, .text--button-primary .c-lecturers__cta .text__link:hover, .text--neon .text__link:hover { background-color: var(--color-primary-50); border-color: var(--color-primary-600); color: var(--color-primary-600) } .button--neon-outlined:active, .c-lecturers__cta .button:active, .c-lecturers__cta .errorpage__link:active, .c-lecturers__cta .header__quick-links-button:active, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:active, .c-lecturers__cta .product-finder__filter-section-button:active, .c-lecturers__cta .product-finder__footer-button:active, .c-lecturers__cta .promo__button:active, .c-lecturers__cta .text--blue .text__link:active, .c-lecturers__cta .text--button-inverted .text__link:active, .c-lecturers__cta .text--button-primary .text__link:active, .cmp-quotes__content--square .cmp-quotes__link:active, .event-calendar__footer-button:active, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save:active, .product-finder__filter-section .modal-overlay__footer .modal__reset:active, .reduced-event-calendar__footer-button:active, .text--background-color .text__link:active, .text--blue .c-lecturers__cta .text__link:active, .text--button-inverted .c-lecturers__cta .text__link:active, .text--button-outlined .text__link:active, .text--button-primary .c-lecturers__cta .text__link:active, .text--neon .text__link:active { background-color: var(--color-primary-100); border-color: var(--color-primary-700); color: var(--color-primary-700) } .button--neon-outlined-disabled, .button--neon-outlined-disabled:active, .button--neon-outlined-disabled:focus, .button--neon-outlined-disabled:hover, .button--neon-outlined:disabled, .button--neon-outlined:disabled:active, .button--neon-outlined:disabled:focus, .button--neon-outlined:disabled:hover, .c-lecturers__cta .button:disabled, .c-lecturers__cta .button:disabled:active, .c-lecturers__cta .button:disabled:focus, .c-lecturers__cta .button:disabled:hover, .c-lecturers__cta .errorpage__link:disabled, .c-lecturers__cta .errorpage__link:disabled:active, .c-lecturers__cta .errorpage__link:disabled:focus, .c-lecturers__cta .errorpage__link:disabled:hover, .c-lecturers__cta .header__quick-links-button:disabled, .c-lecturers__cta .header__quick-links-button:disabled:active, .c-lecturers__cta .header__quick-links-button:disabled:focus, .c-lecturers__cta .header__quick-links-button:disabled:hover, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:active, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:focus, .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:hover, .c-lecturers__cta .product-finder__filter-section-button:disabled, .c-lecturers__cta .product-finder__filter-section-button:disabled:active, .c-lecturers__cta .product-finder__filter-section-button:disabled:focus, .c-lecturers__cta .product-finder__filter-section-button:disabled:hover, .c-lecturers__cta .product-finder__footer-button:disabled, .c-lecturers__cta .product-finder__footer-button:disabled:active, .c-lecturers__cta .product-finder__footer-button:disabled:focus, .c-lecturers__cta .product-finder__footer-button:disabled:hover, .c-lecturers__cta .promo__button:disabled, .c-lecturers__cta .promo__button:disabled:active, .c-lecturers__cta .promo__button:disabled:focus, .c-lecturers__cta .promo__button:disabled:hover, .c-lecturers__cta .text--blue .text__link:disabled, .c-lecturers__cta .text--blue .text__link:disabled:active, .c-lecturers__cta .text--blue .text__link:disabled:focus, .c-lecturers__cta .text--blue .text__link:disabled:hover, .c-lecturers__cta .text--button-inverted .text__link:disabled, .c-lecturers__cta .text--button-inverted .text__link:disabled:active, .c-lecturers__cta .text--button-inverted .text__link:disabled:focus, .c-lecturers__cta .text--button-inverted .text__link:disabled:hover, .c-lecturers__cta .text--button-primary .text__link:disabled, .c-lecturers__cta .text--button-primary .text__link:disabled:active, .c-lecturers__cta .text--button-primary .text__link:disabled:focus, .c-lecturers__cta .text--button-primary .text__link:disabled:hover, .cmp-quotes__content--square .cmp-quotes__link:disabled, .cmp-quotes__content--square .cmp-quotes__link:disabled:active, .cmp-quotes__content--square .cmp-quotes__link:disabled:focus, .cmp-quotes__content--square .cmp-quotes__link:disabled:hover, .event-calendar__footer-button:disabled, .event-calendar__footer-button:disabled:active, .event-calendar__footer-button:disabled:focus, .event-calendar__footer-button:disabled:hover, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save:disabled, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save:disabled:active, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save:disabled:focus, .product-finder__filter-section .modal-overlay__footer .c-lecturers__cta .modal__save:disabled:hover, .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled, .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:active, .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:focus, .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:hover, .reduced-event-calendar__footer-button:disabled, .reduced-event-calendar__footer-button:disabled:active, .reduced-event-calendar__footer-button:disabled:focus, .reduced-event-calendar__footer-button:disabled:hover, .text--background-color .text__link:disabled, .text--background-color .text__link:disabled:active, .text--background-color .text__link:disabled:focus, .text--background-color .text__link:disabled:hover, .text--blue .c-lecturers__cta .text__link:disabled, .text--blue .c-lecturers__cta .text__link:disabled:active, .text--blue .c-lecturers__cta .text__link:disabled:focus, .text--blue .c-lecturers__cta .text__link:disabled:hover, .text--button-inverted .c-lecturers__cta .text__link:disabled, .text--button-inverted .c-lecturers__cta .text__link:disabled:active, .text--button-inverted .c-lecturers__cta .text__link:disabled:focus, .text--button-inverted .c-lecturers__cta .text__link:disabled:hover, .text--button-outlined .text__link:disabled, .text--button-outlined .text__link:disabled:active, .text--button-outlined .text__link:disabled:focus, .text--button-outlined .text__link:disabled:hover, .text--button-primary .c-lecturers__cta .text__link:disabled, .text--button-primary .c-lecturers__cta .text__link:disabled:active, .text--button-primary .c-lecturers__cta .text__link:disabled:focus, .text--button-primary .c-lecturers__cta .text__link:disabled:hover, .text--neon .text__link:disabled, .text--neon .text__link:disabled:active, .text--neon .text__link:disabled:focus, .text--neon .text__link:disabled:hover { background-color: transparent; border-color: var(--color-primary-200); color: var(--color-primary-200) } .button--neon-inverted, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link, .text--button-inverted .text__link { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-primary-500) } .button--neon-inverted:hover, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link:hover, .text--button-inverted .text__link:hover { background-color: var(--color-primary-50); border-color: var(--color-primary-50); color: var(--color-primary-600) } .button--neon-inverted:active, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link:active, .text--button-inverted .text__link:active { background-color: var(--color-primary-100); border-color: var(--color-primary-100); color: var(--color-primary-700) } .button--neon-inverted-disabled, .button--neon-inverted:disabled, .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link:disabled, .text--button-inverted .text__link:disabled { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-primary-200) } .button--neon-inverted-disabled:active, .button--neon-inverted-disabled:focus, .button--neon-inverted-disabled:hover, .button--neon-inverted:disabled:active, .button--neon-inverted:disabled:focus, .button--neon-inverted:disabled:hover, .text--button-inverted .text__link:disabled:active, .text--button-inverted .text__link:disabled:focus, .text--button-inverted .text__link:disabled:hover { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-primary-200) } .button--blue-primary, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link, .download--blue .cmp-download__button, .formreference--blue .button, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link, .formreference--blue .errorpage__link, .formreference--blue .event-calendar__footer-button, .formreference--blue .header__quick-links-button, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save, .formreference--blue .product-finder__filter-section-button, .formreference--blue .product-finder__footer-button, .formreference--blue .promo__button, .formreference--blue .reduced-event-calendar__footer-button, .formreference--blue .text--background-color .text__link, .formreference--blue .text--background-color:is(.text--neon):is(.text--button-inverted) .text__link, .formreference--blue .text--blue .text__link, .formreference--blue .text--button-inverted .text__link, .formreference--blue .text--button-outlined .text__link, .formreference--blue .text--button-primary .text__link, .formreference--blue .text--neon .text__link, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save, .promo--blue .promo__button, .text--background-color .formreference--blue .text__link, .text--background-color:is(.text--blue):is(.text--button-primary) .text__link, .text--background-color:is(.text--neon):is(.text--button-inverted) .formreference--blue .text__link, .text--blue .formreference--blue .text__link, .text--blue:is(.text--button-primary) .text__link, .text--button-inverted .formreference--blue .text__link, .text--button-outlined .formreference--blue .text__link, .text--button-primary .formreference--blue .text__link, .text--neon .formreference--blue .text__link { background-color: var(--color-secondary-500); border-color: var(--color-secondary-500); color: var(--color-white) } .button--blue-primary:hover, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link:hover, .download--blue .cmp-download__button:hover, .formreference--blue .button:hover, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link:hover, .formreference--blue .errorpage__link:hover, .formreference--blue .event-calendar__footer-button:hover, .formreference--blue .header__quick-links-button:hover, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset:hover, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save:hover, .formreference--blue .product-finder__filter-section-button:hover, .formreference--blue .product-finder__footer-button:hover, .formreference--blue .promo__button:hover, .formreference--blue .reduced-event-calendar__footer-button:hover, .formreference--blue .text--background-color .text__link:hover, .formreference--blue .text--blue .text__link:hover, .formreference--blue .text--button-inverted .text__link:hover, .formreference--blue .text--button-outlined .text__link:hover, .formreference--blue .text--button-primary .text__link:hover, .formreference--blue .text--neon .text__link:hover, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset:hover, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save:hover, .promo--blue .promo__button:hover, .text--background-color .formreference--blue .text__link:hover, .text--blue .formreference--blue .text__link:hover, .text--blue:is(.text--button-primary) .text__link:hover, .text--button-inverted .formreference--blue .text__link:hover, .text--button-outlined .formreference--blue .text__link:hover, .text--button-primary .formreference--blue .text__link:hover, .text--neon .formreference--blue .text__link:hover { background-color: var(--color-secondary-600); border-color: var(--color-secondary-600) } .button--blue-primary:active, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link:active, .download--blue .cmp-download__button:active, .formreference--blue .button:active, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link:active, .formreference--blue .errorpage__link:active, .formreference--blue .event-calendar__footer-button:active, .formreference--blue .header__quick-links-button:active, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset:active, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save:active, .formreference--blue .product-finder__filter-section-button:active, .formreference--blue .product-finder__footer-button:active, .formreference--blue .promo__button:active, .formreference--blue .reduced-event-calendar__footer-button:active, .formreference--blue .text--background-color .text__link:active, .formreference--blue .text--blue .text__link:active, .formreference--blue .text--button-inverted .text__link:active, .formreference--blue .text--button-outlined .text__link:active, .formreference--blue .text--button-primary .text__link:active, .formreference--blue .text--neon .text__link:active, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset:active, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save:active, .promo--blue .promo__button:active, .text--background-color .formreference--blue .text__link:active, .text--blue .formreference--blue .text__link:active, .text--blue:is(.text--button-primary) .text__link:active, .text--button-inverted .formreference--blue .text__link:active, .text--button-outlined .formreference--blue .text__link:active, .text--button-primary .formreference--blue .text__link:active, .text--neon .formreference--blue .text__link:active { background-color: var(--color-secondary-700); border-color: var(--color-secondary-700) } .button--blue-primary-disabled, .button--blue-primary:disabled, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link:disabled, .download--blue .cmp-download__button:disabled, .formreference--blue .button:disabled, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link:disabled, .formreference--blue .errorpage__link:disabled, .formreference--blue .event-calendar__footer-button:disabled, .formreference--blue .header__quick-links-button:disabled, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save:disabled, .formreference--blue .product-finder__filter-section-button:disabled, .formreference--blue .product-finder__footer-button:disabled, .formreference--blue .promo__button:disabled, .formreference--blue .reduced-event-calendar__footer-button:disabled, .formreference--blue .text--background-color .text__link:disabled, .formreference--blue .text--blue .text__link:disabled, .formreference--blue .text--button-inverted .text__link:disabled, .formreference--blue .text--button-outlined .text__link:disabled, .formreference--blue .text--button-primary .text__link:disabled, .formreference--blue .text--neon .text__link:disabled, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset:disabled, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save:disabled, .promo--blue .promo__button:disabled, .text--background-color .formreference--blue .text__link:disabled, .text--blue .formreference--blue .text__link:disabled, .text--blue:is(.text--button-primary) .text__link:disabled, .text--button-inverted .formreference--blue .text__link:disabled, .text--button-outlined .formreference--blue .text__link:disabled, .text--button-primary .formreference--blue .text__link:disabled, .text--neon .formreference--blue .text__link:disabled { background-color: var(--color-secondary-200); border-color: var(--color-secondary-200) } .button--blue-primary-disabled:active, .button--blue-primary-disabled:focus, .button--blue-primary-disabled:hover, .button--blue-primary:disabled:active, .button--blue-primary:disabled:focus, .button--blue-primary:disabled:hover, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link:disabled:active, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link:disabled:focus, .cmp-quotes__content--square .formreference--blue .cmp-quotes__link:disabled:hover, .download--blue .cmp-download__button:disabled:active, .download--blue .cmp-download__button:disabled:focus, .download--blue .cmp-download__button:disabled:hover, .formreference--blue .button:disabled:active, .formreference--blue .button:disabled:focus, .formreference--blue .button:disabled:hover, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link:disabled:active, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link:disabled:focus, .formreference--blue .cmp-quotes__content--square .cmp-quotes__link:disabled:hover, .formreference--blue .errorpage__link:disabled:active, .formreference--blue .errorpage__link:disabled:focus, .formreference--blue .errorpage__link:disabled:hover, .formreference--blue .event-calendar__footer-button:disabled:active, .formreference--blue .event-calendar__footer-button:disabled:focus, .formreference--blue .event-calendar__footer-button:disabled:hover, .formreference--blue .header__quick-links-button:disabled:active, .formreference--blue .header__quick-links-button:disabled:focus, .formreference--blue .header__quick-links-button:disabled:hover, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:active, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:focus, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:hover, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:active, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:focus, .formreference--blue .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:hover, .formreference--blue .product-finder__filter-section-button:disabled:active, .formreference--blue .product-finder__filter-section-button:disabled:focus, .formreference--blue .product-finder__filter-section-button:disabled:hover, .formreference--blue .product-finder__footer-button:disabled:active, .formreference--blue .product-finder__footer-button:disabled:focus, .formreference--blue .product-finder__footer-button:disabled:hover, .formreference--blue .promo__button:disabled:active, .formreference--blue .promo__button:disabled:focus, .formreference--blue .promo__button:disabled:hover, .formreference--blue .reduced-event-calendar__footer-button:disabled:active, .formreference--blue .reduced-event-calendar__footer-button:disabled:focus, .formreference--blue .reduced-event-calendar__footer-button:disabled:hover, .formreference--blue .text--background-color .text__link:disabled:active, .formreference--blue .text--background-color .text__link:disabled:focus, .formreference--blue .text--background-color .text__link:disabled:hover, .formreference--blue .text--blue .text__link:disabled:active, .formreference--blue .text--blue .text__link:disabled:focus, .formreference--blue .text--blue .text__link:disabled:hover, .formreference--blue .text--button-inverted .text__link:disabled:active, .formreference--blue .text--button-inverted .text__link:disabled:focus, .formreference--blue .text--button-inverted .text__link:disabled:hover, .formreference--blue .text--button-outlined .text__link:disabled:active, .formreference--blue .text--button-outlined .text__link:disabled:focus, .formreference--blue .text--button-outlined .text__link:disabled:hover, .formreference--blue .text--button-primary .text__link:disabled:active, .formreference--blue .text--button-primary .text__link:disabled:focus, .formreference--blue .text--button-primary .text__link:disabled:hover, .formreference--blue .text--neon .text__link:disabled:active, .formreference--blue .text--neon .text__link:disabled:focus, .formreference--blue .text--neon .text__link:disabled:hover, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset:disabled:active, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset:disabled:focus, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__reset:disabled:hover, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save:disabled:active, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save:disabled:focus, .product-finder__filter-section .modal-overlay__footer .formreference--blue .modal__save:disabled:hover, .promo--blue .promo__button:disabled:active, .promo--blue .promo__button:disabled:focus, .promo--blue .promo__button:disabled:hover, .text--background-color .formreference--blue .text__link:disabled:active, .text--background-color .formreference--blue .text__link:disabled:focus, .text--background-color .formreference--blue .text__link:disabled:hover, .text--blue .formreference--blue .text__link:disabled:active, .text--blue .formreference--blue .text__link:disabled:focus, .text--blue .formreference--blue .text__link:disabled:hover, .text--blue:is(.text--button-primary) .text__link:disabled:active, .text--blue:is(.text--button-primary) .text__link:disabled:focus, .text--blue:is(.text--button-primary) .text__link:disabled:hover, .text--button-inverted .formreference--blue .text__link:disabled:active, .text--button-inverted .formreference--blue .text__link:disabled:focus, .text--button-inverted .formreference--blue .text__link:disabled:hover, .text--button-outlined .formreference--blue .text__link:disabled:active, .text--button-outlined .formreference--blue .text__link:disabled:focus, .text--button-outlined .formreference--blue .text__link:disabled:hover, .text--button-primary .formreference--blue .text__link:disabled:active, .text--button-primary .formreference--blue .text__link:disabled:focus, .text--button-primary .formreference--blue .text__link:disabled:hover, .text--neon .formreference--blue .text__link:disabled:active, .text--neon .formreference--blue .text__link:disabled:focus, .text--neon .formreference--blue .text__link:disabled:hover { background-color: var(--color-secondary-200); border-color: var(--color-secondary-200) } .button--blue-outlined, .cmp-quotes--blue .cmp-quotes__link, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link, .lecturersoverview--blue .c-lecturers__cta .button, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link, .lecturersoverview--blue .c-lecturers__cta .errorpage__link, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button, .lecturersoverview--blue .c-lecturers__cta .promo__button, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link, .lecturersoverview--blue .c-lecturers__cta .text--blue .text__link, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link, .text--background-color:is(.text--blue) .text__link, .text--blue .lecturersoverview--blue .c-lecturers__cta .text__link, .text--blue .text__link, .text--blue:is(.text--button-outlined) .text__link, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link, [class*="--blue"] .event-calendar__footer-button, [class*="--blue"] .product-finder__footer-button, [class*="--blue"] .reduced-event-calendar__footer-button { background-color: transparent; border-color: var(--color-secondary-500); color: var(--color-secondary-500) } .button--blue-outlined:hover, .cmp-quotes--blue .cmp-quotes__link:hover, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:hover, .lecturersoverview--blue .c-lecturers__cta .button:hover, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:hover, .lecturersoverview--blue .c-lecturers__cta .errorpage__link:hover, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:hover, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:hover, .lecturersoverview--blue .c-lecturers__cta .promo__button:hover, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link:hover, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link:hover, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link:hover, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link:hover, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link:hover, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset:hover, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save:hover, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link:hover, .text--blue .text__link:hover, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link:hover, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link:hover, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link:hover, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link:hover, [class*="--blue"] .event-calendar__footer-button:hover, [class*="--blue"] .product-finder__footer-button:hover, [class*="--blue"] .reduced-event-calendar__footer-button:hover { background-color: var(--color-secondary-50); border-color: var(--color-secondary-600); color: var(--color-secondary-600) } .button--blue-outlined:active, .cmp-quotes--blue .cmp-quotes__link:active, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:active, .lecturersoverview--blue .c-lecturers__cta .button:active, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:active, .lecturersoverview--blue .c-lecturers__cta .errorpage__link:active, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:active, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:active, .lecturersoverview--blue .c-lecturers__cta .promo__button:active, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link:active, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link:active, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link:active, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link:active, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link:active, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset:active, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save:active, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link:active, .text--blue .text__link:active, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link:active, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link:active, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link:active, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link:active, [class*="--blue"] .event-calendar__footer-button:active, [class*="--blue"] .product-finder__footer-button:active, [class*="--blue"] .reduced-event-calendar__footer-button:active { background-color: var(--color-secondary-100); border-color: var(--color-secondary-700); color: var(--color-secondary-700) } .button--blue-outlined-disabled, .button--blue-outlined-disabled:active, .button--blue-outlined-disabled:focus, .button--blue-outlined-disabled:hover, .button--blue-outlined:disabled, .button--blue-outlined:disabled:active, .button--blue-outlined:disabled:focus, .button--blue-outlined:disabled:hover, .cmp-quotes--blue .cmp-quotes__link:disabled, .cmp-quotes--blue .cmp-quotes__link:disabled:active, .cmp-quotes--blue .cmp-quotes__link:disabled:focus, .cmp-quotes--blue .cmp-quotes__link:disabled:hover, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:disabled, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:disabled:active, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:disabled:focus, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .button:disabled, .lecturersoverview--blue .c-lecturers__cta .button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:disabled, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .errorpage__link:disabled, .lecturersoverview--blue .c-lecturers__cta .errorpage__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .errorpage__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .errorpage__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:disabled, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:disabled, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:disabled, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:disabled, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .promo__button:disabled, .lecturersoverview--blue .c-lecturers__cta .promo__button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .promo__button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .promo__button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:disabled, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:disabled:active, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link:disabled, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .text--background-color .text__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link:disabled, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .text--button-inverted .text__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link:disabled, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .text--button-outlined .text__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link:disabled, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .text--button-primary .text__link:disabled:hover, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link:disabled, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link:disabled:active, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link:disabled:focus, .lecturersoverview--blue .c-lecturers__cta .text--neon .text__link:disabled:hover, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset:disabled, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset:disabled:active, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset:disabled:focus, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__reset:disabled:hover, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save:disabled, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save:disabled:active, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save:disabled:focus, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .modal__save:disabled:hover, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link:disabled, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:active, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:focus, .text--background-color .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:hover, .text--blue .text__link:disabled, .text--blue .text__link:disabled:active, .text--blue .text__link:disabled:focus, .text--blue .text__link:disabled:hover, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link:disabled, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:active, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:focus, .text--button-inverted .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:hover, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link:disabled, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:active, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:focus, .text--button-outlined .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:hover, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link:disabled, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:active, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:focus, .text--button-primary .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:hover, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link:disabled, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:active, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:focus, .text--neon .lecturersoverview--blue .c-lecturers__cta .text__link:disabled:hover, [class*="--blue"] .event-calendar__footer-button:disabled, [class*="--blue"] .event-calendar__footer-button:disabled:active, [class*="--blue"] .event-calendar__footer-button:disabled:focus, [class*="--blue"] .event-calendar__footer-button:disabled:hover, [class*="--blue"] .product-finder__footer-button:disabled, [class*="--blue"] .product-finder__footer-button:disabled:active, [class*="--blue"] .product-finder__footer-button:disabled:focus, [class*="--blue"] .product-finder__footer-button:disabled:hover, [class*="--blue"] .reduced-event-calendar__footer-button:disabled, [class*="--blue"] .reduced-event-calendar__footer-button:disabled:active, [class*="--blue"] .reduced-event-calendar__footer-button:disabled:focus, [class*="--blue"] .reduced-event-calendar__footer-button:disabled:hover { background-color: transparent; border-color: var(--color-secondary-200); color: var(--color-secondary-200) } .button--blue-inverted, .text--background-color:is(.text--button-inverted) .text__link, .text--blue:is(.text--button-inverted) .text__link { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-secondary-500) } .button--blue-inverted:hover, .text--background-color:is(.text--button-inverted) .text__link:hover, .text--blue:is(.text--button-inverted) .text__link:hover { background-color: var(--color-secondary-50); border-color: var(--color-secondary-50); color: var(--color-secondary-600) } .button--blue-inverted:active, .text--background-color:is(.text--button-inverted) .text__link:active, .text--blue:is(.text--button-inverted) .text__link:active { background-color: var(--color-secondary-100); border-color: var(--color-secondary-100); color: var(--color-secondary-700) } .button--blue-inverted-disabled, .button--blue-inverted:disabled, .text--background-color:is(.text--button-inverted) .text__link:disabled, .text--blue:is(.text--button-inverted) .text__link:disabled { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-secondary-200) } .button--blue-inverted-disabled:active, .button--blue-inverted-disabled:focus, .button--blue-inverted-disabled:hover, .button--blue-inverted:disabled:active, .button--blue-inverted:disabled:focus, .button--blue-inverted:disabled:hover, .text--background-color:is(.text--button-inverted) .text__link:disabled:active, .text--background-color:is(.text--button-inverted) .text__link:disabled:focus, .text--background-color:is(.text--button-inverted) .text__link:disabled:hover, .text--blue:is(.text--button-inverted) .text__link:disabled:active, .text--blue:is(.text--button-inverted) .text__link:disabled:focus, .text--blue:is(.text--button-inverted) .text__link:disabled:hover { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-secondary-200) } .button--highlight-primary { background-color: var(--color-primary-500); border-color: var(--color-primary-500); color: var(--color-white) } .button--highlight-primary:hover { background-color: var(--color-highlight-500); border-color: var(--color-highlight-500); color: var(--color-grey-900) } .button--highlight-secondary { background-color: var(--color-secondary-500); border-color: var(--color-secondary-500); color: var(--color-white) } .button--highlight-secondary:hover { background-color: var(--color-highlight-500); border-color: var(--color-highlight-500); color: var(--color-grey-900) } .btn-primary { background-color: orange; border-color: orange } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #996300; border-color: #996300 } .cmp-carousel__content { margin: 5pc } @media(max-width:1023px) { .cmp-carousel__content { margin: 0 } } .cmp-carousel__button { height: 4pc; padding: 0; position: absolute; top: calc(50% - 56px); width: 4pc } @media(max-width:1023px) { .cmp-carousel__button { display: none } } .cmp-carousel__button--left { left: 2pc } .cmp-carousel__button--left:hover { transform: translateX(-9pt) } .cmp-carousel__button--right { right: 2pc } .cmp-carousel__button--right:hover { transform: translateX(9pt) } .cmp-carousel__indicators { bottom: 24px; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0 } @media(max-width:1023px) { .cmp-carousel__indicators { bottom: 20px } } .cmp-carousel__indicator { background-color: var(--color-white); cursor: pointer; height: 1pc; margin: 0 6px; padding: 0; width: 1pc } .cmp-carousel__indicator:before { content: none } .cmp-carousel__indicator--active { background-color: var(--color-primary-500) } @media(max-width:1023px) { .cmp-carousel__indicator { height: 8px; margin: 0 4px; width: 8px } } .cmp-carousel__images { display: block; height: 100%; width: 100% } .cmp-carousel__images img { border-radius: 9pt; height: auto; width: 100% } @media(max-width:1023px) { .cmp-carousel__images img { border-radius: 0 } } .cmp-carousel__img-description { color: var(--color-grey-600); font-size: 1pc; height: auto; hyphens: auto; line-height: 24px; margin-top: 8px; overflow-wrap: break-word; width: 66% } @media(max-width:1023px) { .cmp-carousel__img-description { font-size: 1pc; line-height: 24px; margin-left: 1pc; margin-top: 4px; width: unset } } .cmp-carousel .slider-arrow-background { fill: var(--color-primary-500); opacity: .898 } .cmp-carousel .slider-arrow-border { fill: none; stroke: var(--color-white); stroke-width: 3px } .cmp-carousel .slider-arrow-inner { fill: var(--color-white) } .cmp-carousel--blue .slider-arrow-background { fill: var(--color-secondary-500) } .cmp-carousel--blue .cmp-carousel__indicator--active { background-color: var(--color-secondary-500) } .chip { border-radius: 20px; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 8px 9pt; text-transform: capitalize } @media(max-width:1023px) { .chip { font-size: 9pt; font-weight: 700; line-height: 18px; padding: 4px 8px } } .chip:before { content: none } .chip:last-child { margin-bottom: 0 } .chip__button { height: 1pc; margin-left: 8px; padding: 0; width: 1pc } .chip--filter { align-items: center; background: var(--color-grey-50); border: 1px solid var(--color-grey-900); display: flex; margin-right: 8px; margin-top: 9pt } .chip--filter, .chip--filter.chip--grey { color: var(--color-grey-900) } .chip--filter.chip--grey .chip__button svg { fill: var(--color-grey-900) } .chip--filter:last-of-type { margin-right: 2pc } .chip--filter .chip__button svg { fill: var(--color-grey-900) } .chip--purple { background-color: var(--color-filter-purple-chip-bg); color: var(--color-filter-purple) } .chip--purple .chip__button svg { fill: var(--color-filter-purple) } .chip--red { background-color: var(--color-filter-red-chip-bg); color: var(--color-filter-red) } .chip--red .chip__button svg { fill: var(--color-filter-red) } .chip--light-blue { background-color: var(--color-filter-light-blue-chip-bg); color: var(--color-filter-light-blue) } .chip--light-blue .chip__button svg { fill: var(--color-filter-light-blue) } .chip--green { background-color: var(--color-filter-green-chip-bg); color: var(--color-filter-green) } .chip--green .chip__button svg { fill: var(--color-filter-green) } .chip--dark-blue { background-color: var(--color-filter-dark-blue-chip-bg); color: var(--color-filter-dark-blue) } .chip--dark-blue .chip__button svg { fill: var(--color-filter-dark-blue) } .chip--orange { background-color: var(--color-filter-orange-chip-bg); color: var(--color-filter-orange) } .chip--orange .chip__button svg { fill: var(--color-filter-orange) } .chip--blue { background-color: var(--color-secondary-50); color: var(--color-secondary-600) } .chip--blue .chip__button svg { fill: var(--color-secondary-600) } .chip--neon { background-color: var(--color-primary-50); color: var(--color-primary-600) } .chip--neon .chip__button svg { fill: var(--color-primary-600) } .chip--black { background-color: var(--color-grey-50); color: var(--color-grey-900) } .chip--black .chip__button svg { fill: var(--color-grey-900) } .chip--grey { background-color: var(--color-grey-50); color: var(--color-grey-600) } .chip--grey .chip__button svg { fill: var(--color-grey-600) } .chip--yellow { background-color: var(--color-highlight-500); color: var(--color-grey-900) } .chip--yellow .chip__button svg { fill: var(--color-grey-900) } a:not([class]) { color: var(--color-grey-600); text-decoration: underline } a:not([class]):hover { text-decoration: none } a:not([class])[target=_blank], a:not([class])[target=_self] { display: inline-block } a:not([class])[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%236D6D6D'/%3E%3C/svg%3E"); display: inline-block; margin-left: 6px; width: calc(1em - 6px) } @media(max-width:1023px) { a:not([class])[target=_blank]:after { margin-left: 4px; width: calc(1em - 4px) } } a:not([class])[target=_blank]:active { color: var(--color-grey-700) } a:not([class])[target=_blank]:active[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%234B4B4B'/%3E%3C/svg%3E") } [class*="--neon"] a:not([class]) { color: var(--color-primary-500) } [class*="--neon"] a:not([class])[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%2300c6b2'/%3E%3C/svg%3E") } [class*="--neon"] a:not([class]):active { color: var(--color-primary-600) } [class*="--neon"] a:not([class]):active[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%23009F8F'/%3E%3C/svg%3E") } [class*="--blue"] a:not([class]) { color: var(--color-secondary-500) } [class*="--blue"] a:not([class])[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%230071DE'/%3E%3C/svg%3E") } [class*="--blue"] a:not([class]):active { color: var(--color-secondary-600) } [class*="--blue"] a:not([class]):active[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%23005AB2'/%3E%3C/svg%3E") } [class*="--grey"] a:not([class]) { color: var(--color-white) } [class*="--grey"] a:not([class])[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%23FFFFFF'/%3E%3C/svg%3E") } [class*="--grey"] a:not([class]):active { color: var(--color-grey-100) } [class*="--grey"] a:not([class]):active[target=_blank]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M.22,13.281a.75.75,0,0,1,0-1.061L10.937,1.5H5.249a.752.752,0,0,1,0-1.5h7.5a.737.737,0,0,1,.35.088h0c.01,0,.017.01.025.014s.006,0,.009.006l.019.012a.068.068,0,0,0,.014.008l.016.012a.052.052,0,0,0,.016.01A.085.085,0,0,0,13.21.16l.016.012a.112.112,0,0,0,.016.014.037.037,0,0,0,.012.01.317.317,0,0,0,.026.025.355.355,0,0,0,.026.027l.009.012a.075.075,0,0,1,.015.016.108.108,0,0,0,.012.016A.085.085,0,0,0,13.353.3a.137.137,0,0,0,.01.016.108.108,0,0,0,.012.016.1.1,0,0,0,.008.014.094.094,0,0,1,.012.02A.017.017,0,0,1,13.4.377L13.413.4l0,0A.745.745,0,0,1,13.5.754v7.5a.752.752,0,0,1-1.5,0V2.564L1.28,13.281a.745.745,0,0,1-.533.221A.736.736,0,0,1,.22,13.281Z' transform='translate(2.249 2.249)' fill='%23E6E6E6'/%3E%3C/svg%3E") } .c-lecturer__profile-link, .event-calendar__title-link, .link, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .text--background-color:is(.text--button-linkstyle) .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .text--blue:is(.text--button-linkstyle) .text__link, .text--button-linkstyle .text__link, .text--neon:is(.text--button-linkstyle) .text__link { align-items: center; color: var(--color-grey-900); display: inline-flex; margin-right: 20px; position: relative; text-decoration: none; transition: all .15s ease-in } .link__icon.svg { height: 9pt; position: absolute; right: -20px; transition: all .15s ease-in; width: 9pt } .link__icon.svg svg { fill: var(--color-primary-500) } .c-lecturer__profile-link:hover, .event-calendar__title-link:hover, .link:hover, .text--button-linkstyle .text__link:hover { color: var(--color-primary-500) } .c-lecturer__profile-link:hover .link__icon.svg, .event-calendar__title-link:hover .link__icon.svg, .link:hover .link__icon.svg, .text--button-linkstyle .text__link:hover .link__icon.svg { right: -22px } .c-lecturer__profile-link:hover .link__icon.svg svg, .event-calendar__title-link:hover .link__icon.svg svg, .link:hover .link__icon.svg svg, .text--button-linkstyle .text__link:hover .link__icon.svg svg { fill: var(--color-primary-500) } .c-lecturer__profile-link:active, .event-calendar__title-link:active, .link:active, .text--button-linkstyle .text__link:active { color: var(--color-primary-600) } .c-lecturer__profile-link:active .link__icon.svg, .event-calendar__title-link:active .link__icon.svg, .link:active .link__icon.svg, .text--button-linkstyle .text__link:active .link__icon.svg { right: -22px } .c-lecturer__profile-link:active .link__icon.svg svg, .event-calendar__title-link:active .link__icon.svg svg, .link:active .link__icon.svg svg, .text--button-linkstyle .text__link:active .link__icon.svg svg { fill: var(--color-primary-600) } .c-lecturer__profile-link:disabled, .event-calendar__title-link:disabled, .link--disabled, .link:disabled, .text--button-linkstyle .text__link:disabled { color: var(--color-grey-200); cursor: not-allowed } .c-lecturer__profile-link:disabled .link__icon.svg, .event-calendar__title-link:disabled .link__icon.svg, .link--disabled .link__icon.svg, .link:disabled .link__icon.svg, .text--button-linkstyle .text__link:disabled .link__icon.svg { right: -20px } .c-lecturer__profile-link:disabled .link__icon.svg svg, .event-calendar__title-link:disabled .link__icon.svg svg, .link--disabled .link__icon.svg svg, .link:disabled .link__icon.svg svg, .text--button-linkstyle .text__link:disabled .link__icon.svg svg { fill: var(--color-primary-200) } .c-lecturer__profile-link:disabled:active, .c-lecturer__profile-link:disabled:focus, .c-lecturer__profile-link:disabled:hover, .event-calendar__title-link:disabled:active, .event-calendar__title-link:disabled:focus, .event-calendar__title-link:disabled:hover, .link--disabled:active, .link--disabled:focus, .link--disabled:hover, .link:disabled:active, .link:disabled:focus, .link:disabled:hover, .text--button-linkstyle .text__link:disabled:active, .text--button-linkstyle .text__link:disabled:focus, .text--button-linkstyle .text__link:disabled:hover { color: var(--color-grey-200) } .c-lecturer__profile-link:disabled:active .link__icon.svg, .c-lecturer__profile-link:disabled:focus .link__icon.svg, .c-lecturer__profile-link:disabled:hover .link__icon.svg, .event-calendar__title-link:disabled:active .link__icon.svg, .event-calendar__title-link:disabled:focus .link__icon.svg, .event-calendar__title-link:disabled:hover .link__icon.svg, .link--disabled:active .link__icon.svg, .link--disabled:focus .link__icon.svg, .link--disabled:hover .link__icon.svg, .link:disabled:active .link__icon.svg, .link:disabled:focus .link__icon.svg, .link:disabled:hover .link__icon.svg, .text--button-linkstyle .text__link:disabled:active .link__icon.svg, .text--button-linkstyle .text__link:disabled:focus .link__icon.svg, .text--button-linkstyle .text__link:disabled:hover .link__icon.svg { right: -20px } .c-lecturer__profile-link:disabled:active .link__icon.svg svg, .c-lecturer__profile-link:disabled:focus .link__icon.svg svg, .c-lecturer__profile-link:disabled:hover .link__icon.svg svg, .event-calendar__title-link:disabled:active .link__icon.svg svg, .event-calendar__title-link:disabled:focus .link__icon.svg svg, .event-calendar__title-link:disabled:hover .link__icon.svg svg, .link--disabled:active .link__icon.svg svg, .link--disabled:focus .link__icon.svg svg, .link--disabled:hover .link__icon.svg svg, .link:disabled:active .link__icon.svg svg, .link:disabled:focus .link__icon.svg svg, .link:disabled:hover .link__icon.svg svg, .text--button-linkstyle .text__link:disabled:active .link__icon.svg svg, .text--button-linkstyle .text__link:disabled:focus .link__icon.svg svg, .text--button-linkstyle .text__link:disabled:hover .link__icon.svg svg { fill: var(--color-primary-200) } .factcards--blue .factcards__card-link, .greyinfobox--blue .greyinfobox__link, .header--blue .cmp-navigation__dropdown-link, .infotiles--blue .infotiles__link, .link--black-blue, .numberedblocks--blue .numberedblocks__listitem-link, .summary--blue .summary__item-link, .summary--blue .summary__title, .summarymanual--blue .summarymanual__items-link, .textmedia--blue .textmedia__link, [class*="--blue"] .product-finder__title-link { color: var(--color-grey-900) } .factcards--blue .factcards__card-link .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link .link__icon.svg svg, .infotiles--blue .infotiles__link .link__icon.svg svg, .link--black-blue .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link .link__icon.svg svg, .summary--blue .summary__item-link .link__icon.svg svg, .summary--blue .summary__title .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link .link__icon.svg svg, .textmedia--blue .textmedia__link .link__icon.svg svg, [class*="--blue"] .product-finder__title-link .link__icon.svg svg { fill: var(--color-secondary-500) } .factcards--blue .factcards__card-link:hover, .greyinfobox--blue .greyinfobox__link:hover, .header--blue .cmp-navigation__dropdown-link:hover, .infotiles--blue .infotiles__link:hover, .link--black-blue:hover, .numberedblocks--blue .numberedblocks__listitem-link:hover, .summary--blue .summary__item-link:hover, .summary--blue .summary__title:hover, .summarymanual--blue .summarymanual__items-link:hover, .textmedia--blue .textmedia__link:hover, [class*="--blue"] .product-finder__title-link:hover { color: var(--color-secondary-500) } .factcards--blue .factcards__card-link:hover .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link:hover .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link:hover .link__icon.svg svg, .infotiles--blue .infotiles__link:hover .link__icon.svg svg, .link--black-blue:hover .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link:hover .link__icon.svg svg, .summary--blue .summary__item-link:hover .link__icon.svg svg, .summary--blue .summary__title:hover .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link:hover .link__icon.svg svg, .textmedia--blue .textmedia__link:hover .link__icon.svg svg, [class*="--blue"] .product-finder__title-link:hover .link__icon.svg svg { fill: var(--color-secondary-500) } .factcards--blue .factcards__card-link:active, .greyinfobox--blue .greyinfobox__link:active, .header--blue .cmp-navigation__dropdown-link:active, .infotiles--blue .infotiles__link:active, .link--black-blue:active, .numberedblocks--blue .numberedblocks__listitem-link:active, .summary--blue .summary__item-link:active, .summary--blue .summary__title:active, .summarymanual--blue .summarymanual__items-link:active, .textmedia--blue .textmedia__link:active, [class*="--blue"] .product-finder__title-link:active { color: var(--color-secondary-600) } .factcards--blue .factcards__card-link:active .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link:active .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link:active .link__icon.svg svg, .infotiles--blue .infotiles__link:active .link__icon.svg svg, .link--black-blue:active .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link:active .link__icon.svg svg, .summary--blue .summary__item-link:active .link__icon.svg svg, .summary--blue .summary__title:active .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link:active .link__icon.svg svg, .textmedia--blue .textmedia__link:active .link__icon.svg svg, [class*="--blue"] .product-finder__title-link:active .link__icon.svg svg { fill: var(--color-secondary-600) } .factcards--blue .factcards__card-link:disabled, .factcards--blue .link--disabled.factcards__card-link, .greyinfobox--blue .greyinfobox__link:disabled, .greyinfobox--blue .link--disabled.greyinfobox__link, .header--blue .cmp-navigation__dropdown-link:disabled, .header--blue .link--disabled.cmp-navigation__dropdown-link, .infotiles--blue .infotiles__link:disabled, .infotiles--blue .link--disabled.infotiles__link, .link--black-blue.link--disabled, .link--black-blue:disabled, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link, .numberedblocks--blue .numberedblocks__listitem-link:disabled, .summary--blue .link--disabled.summary__item-link, .summary--blue .link--disabled.summary__title, .summary--blue .summary__item-link:disabled, .summary--blue .summary__title:disabled, .summarymanual--blue .link--disabled.summarymanual__items-link, .summarymanual--blue .summarymanual__items-link:disabled, .textmedia--blue .link--disabled.textmedia__link, .textmedia--blue .textmedia__link:disabled, [class*="--blue"] .link--disabled.product-finder__title-link, [class*="--blue"] .product-finder__title-link:disabled { color: var(--color-grey-200) } .factcards--blue .factcards__card-link:disabled .link__icon.svg svg, .factcards--blue .link--disabled.factcards__card-link .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link:disabled .link__icon.svg svg, .greyinfobox--blue .link--disabled.greyinfobox__link .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link:disabled .link__icon.svg svg, .header--blue .link--disabled.cmp-navigation__dropdown-link .link__icon.svg svg, .infotiles--blue .infotiles__link:disabled .link__icon.svg svg, .infotiles--blue .link--disabled.infotiles__link .link__icon.svg svg, .link--black-blue.link--disabled .link__icon.svg svg, .link--black-blue:disabled .link__icon.svg svg, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link:disabled .link__icon.svg svg, .summary--blue .link--disabled.summary__item-link .link__icon.svg svg, .summary--blue .link--disabled.summary__title .link__icon.svg svg, .summary--blue .summary__item-link:disabled .link__icon.svg svg, .summary--blue .summary__title:disabled .link__icon.svg svg, .summarymanual--blue .link--disabled.summarymanual__items-link .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link:disabled .link__icon.svg svg, .textmedia--blue .link--disabled.textmedia__link .link__icon.svg svg, .textmedia--blue .textmedia__link:disabled .link__icon.svg svg, [class*="--blue"] .link--disabled.product-finder__title-link .link__icon.svg svg, [class*="--blue"] .product-finder__title-link:disabled .link__icon.svg svg { fill: var(--color-secondary-200) } .factcards--blue .factcards__card-link:disabled:active, .factcards--blue .factcards__card-link:disabled:focus, .factcards--blue .factcards__card-link:disabled:hover, .factcards--blue .link--disabled.factcards__card-link:active, .factcards--blue .link--disabled.factcards__card-link:focus, .factcards--blue .link--disabled.factcards__card-link:hover, .greyinfobox--blue .greyinfobox__link:disabled:active, .greyinfobox--blue .greyinfobox__link:disabled:focus, .greyinfobox--blue .greyinfobox__link:disabled:hover, .greyinfobox--blue .link--disabled.greyinfobox__link:active, .greyinfobox--blue .link--disabled.greyinfobox__link:focus, .greyinfobox--blue .link--disabled.greyinfobox__link:hover, .header--blue .cmp-navigation__dropdown-link:disabled:active, .header--blue .cmp-navigation__dropdown-link:disabled:focus, .header--blue .cmp-navigation__dropdown-link:disabled:hover, .header--blue .link--disabled.cmp-navigation__dropdown-link:active, .header--blue .link--disabled.cmp-navigation__dropdown-link:focus, .header--blue .link--disabled.cmp-navigation__dropdown-link:hover, .infotiles--blue .infotiles__link:disabled:active, .infotiles--blue .infotiles__link:disabled:focus, .infotiles--blue .infotiles__link:disabled:hover, .infotiles--blue .link--disabled.infotiles__link:active, .infotiles--blue .link--disabled.infotiles__link:focus, .infotiles--blue .link--disabled.infotiles__link:hover, .link--black-blue.link--disabled:active, .link--black-blue.link--disabled:focus, .link--black-blue.link--disabled:hover, .link--black-blue:disabled:active, .link--black-blue:disabled:focus, .link--black-blue:disabled:hover, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link:active, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link:focus, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link:hover, .numberedblocks--blue .numberedblocks__listitem-link:disabled:active, .numberedblocks--blue .numberedblocks__listitem-link:disabled:focus, .numberedblocks--blue .numberedblocks__listitem-link:disabled:hover, .summary--blue .link--disabled.summary__item-link:active, .summary--blue .link--disabled.summary__item-link:focus, .summary--blue .link--disabled.summary__item-link:hover, .summary--blue .link--disabled.summary__title:active, .summary--blue .link--disabled.summary__title:focus, .summary--blue .link--disabled.summary__title:hover, .summary--blue .summary__item-link:disabled:active, .summary--blue .summary__item-link:disabled:focus, .summary--blue .summary__item-link:disabled:hover, .summary--blue .summary__title:disabled:active, .summary--blue .summary__title:disabled:focus, .summary--blue .summary__title:disabled:hover, .summarymanual--blue .link--disabled.summarymanual__items-link:active, .summarymanual--blue .link--disabled.summarymanual__items-link:focus, .summarymanual--blue .link--disabled.summarymanual__items-link:hover, .summarymanual--blue .summarymanual__items-link:disabled:active, .summarymanual--blue .summarymanual__items-link:disabled:focus, .summarymanual--blue .summarymanual__items-link:disabled:hover, .textmedia--blue .link--disabled.textmedia__link:active, .textmedia--blue .link--disabled.textmedia__link:focus, .textmedia--blue .link--disabled.textmedia__link:hover, .textmedia--blue .textmedia__link:disabled:active, .textmedia--blue .textmedia__link:disabled:focus, .textmedia--blue .textmedia__link:disabled:hover, [class*="--blue"] .link--disabled.product-finder__title-link:active, [class*="--blue"] .link--disabled.product-finder__title-link:focus, [class*="--blue"] .link--disabled.product-finder__title-link:hover, [class*="--blue"] .product-finder__title-link:disabled:active, [class*="--blue"] .product-finder__title-link:disabled:focus, [class*="--blue"] .product-finder__title-link:disabled:hover { color: var(--color-grey-200) } .factcards--blue .factcards__card-link:disabled:active .link__icon.svg svg, .factcards--blue .factcards__card-link:disabled:focus .link__icon.svg svg, .factcards--blue .factcards__card-link:disabled:hover .link__icon.svg svg, .factcards--blue .link--disabled.factcards__card-link:active .link__icon.svg svg, .factcards--blue .link--disabled.factcards__card-link:focus .link__icon.svg svg, .factcards--blue .link--disabled.factcards__card-link:hover .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link:disabled:active .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link:disabled:focus .link__icon.svg svg, .greyinfobox--blue .greyinfobox__link:disabled:hover .link__icon.svg svg, .greyinfobox--blue .link--disabled.greyinfobox__link:active .link__icon.svg svg, .greyinfobox--blue .link--disabled.greyinfobox__link:focus .link__icon.svg svg, .greyinfobox--blue .link--disabled.greyinfobox__link:hover .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link:disabled:active .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link:disabled:focus .link__icon.svg svg, .header--blue .cmp-navigation__dropdown-link:disabled:hover .link__icon.svg svg, .header--blue .link--disabled.cmp-navigation__dropdown-link:active .link__icon.svg svg, .header--blue .link--disabled.cmp-navigation__dropdown-link:focus .link__icon.svg svg, .header--blue .link--disabled.cmp-navigation__dropdown-link:hover .link__icon.svg svg, .infotiles--blue .infotiles__link:disabled:active .link__icon.svg svg, .infotiles--blue .infotiles__link:disabled:focus .link__icon.svg svg, .infotiles--blue .infotiles__link:disabled:hover .link__icon.svg svg, .infotiles--blue .link--disabled.infotiles__link:active .link__icon.svg svg, .infotiles--blue .link--disabled.infotiles__link:focus .link__icon.svg svg, .infotiles--blue .link--disabled.infotiles__link:hover .link__icon.svg svg, .link--black-blue.link--disabled:active .link__icon.svg svg, .link--black-blue.link--disabled:focus .link__icon.svg svg, .link--black-blue.link--disabled:hover .link__icon.svg svg, .link--black-blue:disabled:active .link__icon.svg svg, .link--black-blue:disabled:focus .link__icon.svg svg, .link--black-blue:disabled:hover .link__icon.svg svg, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link:active .link__icon.svg svg, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link:focus .link__icon.svg svg, .numberedblocks--blue .link--disabled.numberedblocks__listitem-link:hover .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link:disabled:active .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link:disabled:focus .link__icon.svg svg, .numberedblocks--blue .numberedblocks__listitem-link:disabled:hover .link__icon.svg svg, .summary--blue .link--disabled.summary__item-link:active .link__icon.svg svg, .summary--blue .link--disabled.summary__item-link:focus .link__icon.svg svg, .summary--blue .link--disabled.summary__item-link:hover .link__icon.svg svg, .summary--blue .link--disabled.summary__title:active .link__icon.svg svg, .summary--blue .link--disabled.summary__title:focus .link__icon.svg svg, .summary--blue .link--disabled.summary__title:hover .link__icon.svg svg, .summary--blue .summary__item-link:disabled:active .link__icon.svg svg, .summary--blue .summary__item-link:disabled:focus .link__icon.svg svg, .summary--blue .summary__item-link:disabled:hover .link__icon.svg svg, .summary--blue .summary__title:disabled:active .link__icon.svg svg, .summary--blue .summary__title:disabled:focus .link__icon.svg svg, .summary--blue .summary__title:disabled:hover .link__icon.svg svg, .summarymanual--blue .link--disabled.summarymanual__items-link:active .link__icon.svg svg, .summarymanual--blue .link--disabled.summarymanual__items-link:focus .link__icon.svg svg, .summarymanual--blue .link--disabled.summarymanual__items-link:hover .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link:disabled:active .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link:disabled:focus .link__icon.svg svg, .summarymanual--blue .summarymanual__items-link:disabled:hover .link__icon.svg svg, .textmedia--blue .link--disabled.textmedia__link:active .link__icon.svg svg, .textmedia--blue .link--disabled.textmedia__link:focus .link__icon.svg svg, .textmedia--blue .link--disabled.textmedia__link:hover .link__icon.svg svg, .textmedia--blue .textmedia__link:disabled:active .link__icon.svg svg, .textmedia--blue .textmedia__link:disabled:focus .link__icon.svg svg, .textmedia--blue .textmedia__link:disabled:hover .link__icon.svg svg, [class*="--blue"] .link--disabled.product-finder__title-link:active .link__icon.svg svg, [class*="--blue"] .link--disabled.product-finder__title-link:focus .link__icon.svg svg, [class*="--blue"] .link--disabled.product-finder__title-link:hover .link__icon.svg svg, [class*="--blue"] .product-finder__title-link:disabled:active .link__icon.svg svg, [class*="--blue"] .product-finder__title-link:disabled:focus .link__icon.svg svg, [class*="--blue"] .product-finder__title-link:disabled:hover .link__icon.svg svg { fill: var(--color-secondary-200) } .link--neon { color: var(--color-primary-500) } .link--neon .link__icon.svg svg { fill: var(--color-primary-500) } .link--neon:hover { color: var(--color-primary-600) } .link--neon:hover .link__icon.svg svg { fill: var(--color-primary-600) } .link--neon:active { color: var(--color-primary-700) } .link--neon:active .link__icon.svg svg { fill: var(--color-primary-700) } .link--neon.link--disabled, .link--neon:disabled { color: var(--color-primary-200) } .link--neon.link--disabled .link__icon.svg svg, .link--neon:disabled .link__icon.svg svg { fill: var(--color-primary-200) } .link--neon.link--disabled:active, .link--neon.link--disabled:focus, .link--neon.link--disabled:hover, .link--neon:disabled:active, .link--neon:disabled:focus, .link--neon:disabled:hover { color: var(--color-primary-200) } .link--neon.link--disabled:active .link__icon.svg svg, .link--neon.link--disabled:focus .link__icon.svg svg, .link--neon.link--disabled:hover .link__icon.svg svg, .link--neon:disabled:active .link__icon.svg svg, .link--neon:disabled:focus .link__icon.svg svg, .link--neon:disabled:hover .link__icon.svg svg { fill: var(--color-primary-200) } .lecturersoverview--blue .c-lecturer__profile-link, .link--blue, .magazineteaser--blue .magazineteaser__description-link { color: var(--color-secondary-500) } .lecturersoverview--blue .c-lecturer__profile-link .link__icon.svg svg, .link--blue .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link .link__icon.svg svg { fill: var(--color-secondary-500) } .lecturersoverview--blue .c-lecturer__profile-link:hover, .link--blue:hover, .magazineteaser--blue .magazineteaser__description-link:hover { color: var(--color-secondary-600) } .lecturersoverview--blue .c-lecturer__profile-link:hover .link__icon.svg svg, .link--blue:hover .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link:hover .link__icon.svg svg { fill: var(--color-secondary-600) } .lecturersoverview--blue .c-lecturer__profile-link:active, .link--blue:active, .magazineteaser--blue .magazineteaser__description-link:active { color: var(--color-secondary-700) } .lecturersoverview--blue .c-lecturer__profile-link:active .link__icon.svg svg, .link--blue:active .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link:active .link__icon.svg svg { fill: var(--color-secondary-700) } .lecturersoverview--blue .c-lecturer__profile-link:disabled, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link, .link--blue.link--disabled, .link--blue:disabled, .magazineteaser--blue .link--disabled.magazineteaser__description-link, .magazineteaser--blue .magazineteaser__description-link:disabled { color: var(--color-secondary-200) } .lecturersoverview--blue .c-lecturer__profile-link:disabled .link__icon.svg svg, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link .link__icon.svg svg, .link--blue.link--disabled .link__icon.svg svg, .link--blue:disabled .link__icon.svg svg, .magazineteaser--blue .link--disabled.magazineteaser__description-link .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link:disabled .link__icon.svg svg { fill: var(--color-secondary-200) } .lecturersoverview--blue .c-lecturer__profile-link:disabled:active, .lecturersoverview--blue .c-lecturer__profile-link:disabled:focus, .lecturersoverview--blue .c-lecturer__profile-link:disabled:hover, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link:active, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link:focus, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link:hover, .link--blue.link--disabled:active, .link--blue.link--disabled:focus, .link--blue.link--disabled:hover, .link--blue:disabled:active, .link--blue:disabled:focus, .link--blue:disabled:hover, .magazineteaser--blue .link--disabled.magazineteaser__description-link:active, .magazineteaser--blue .link--disabled.magazineteaser__description-link:focus, .magazineteaser--blue .link--disabled.magazineteaser__description-link:hover, .magazineteaser--blue .magazineteaser__description-link:disabled:active, .magazineteaser--blue .magazineteaser__description-link:disabled:focus, .magazineteaser--blue .magazineteaser__description-link:disabled:hover { color: var(--color-secondary-200) } .lecturersoverview--blue .c-lecturer__profile-link:disabled:active .link__icon.svg svg, .lecturersoverview--blue .c-lecturer__profile-link:disabled:focus .link__icon.svg svg, .lecturersoverview--blue .c-lecturer__profile-link:disabled:hover .link__icon.svg svg, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link:active .link__icon.svg svg, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link:focus .link__icon.svg svg, .lecturersoverview--blue .link--disabled.c-lecturer__profile-link:hover .link__icon.svg svg, .link--blue.link--disabled:active .link__icon.svg svg, .link--blue.link--disabled:focus .link__icon.svg svg, .link--blue.link--disabled:hover .link__icon.svg svg, .link--blue:disabled:active .link__icon.svg svg, .link--blue:disabled:focus .link__icon.svg svg, .link--blue:disabled:hover .link__icon.svg svg, .magazineteaser--blue .link--disabled.magazineteaser__description-link:active .link__icon.svg svg, .magazineteaser--blue .link--disabled.magazineteaser__description-link:focus .link__icon.svg svg, .magazineteaser--blue .link--disabled.magazineteaser__description-link:hover .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link:disabled:active .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link:disabled:focus .link__icon.svg svg, .magazineteaser--blue .magazineteaser__description-link:disabled:hover .link__icon.svg svg { fill: var(--color-secondary-200) } .link--white, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link { color: var(--color-white) } .link--white .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link .link__icon.svg svg { fill: var(--color-white) } .link--white:hover, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:hover { color: var(--color-highlight-500) } .link--white:hover .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:hover .link__icon.svg svg { fill: var(--color-highlight-500) } .link--white:active, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:active { color: var(--color-highlight-400) } .link--white:active .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:active .link__icon.svg svg { fill: var(--color-highlight-400) } .link--white.link--disabled, .link--white:disabled, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled { color: var(--color-white) } .link--white.link--disabled .link__icon.svg svg, .link--white:disabled .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled .link__icon.svg svg { fill: var(--color-white) } .link--white.link--disabled:active, .link--white.link--disabled:focus, .link--white.link--disabled:hover, .link--white:disabled:active, .link--white:disabled:focus, .link--white:disabled:hover, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link:active, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link:focus, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link:hover, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled:active, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled:focus, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled:hover { color: var(--color-white) } .link--white.link--disabled:active .link__icon.svg svg, .link--white.link--disabled:focus .link__icon.svg svg, .link--white.link--disabled:hover .link__icon.svg svg, .link--white:disabled:active .link__icon.svg svg, .link--white:disabled:focus .link__icon.svg svg, .link--white:disabled:hover .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link:active .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link:focus .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .link--disabled.text__link:hover .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled:active .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled:focus .link__icon.svg svg, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link:disabled:hover .link__icon.svg svg { fill: var(--color-white) } .link--highlight, .magazineteaser--blue .magazineteaser__description-link:hover, .magazineteaser__description-link:hover { color: var(--color-highlight-500) } .link--highlight .link__icon.svg svg, .magazineteaser__description-link:hover .link__icon.svg svg { fill: var(--color-highlight-500) } .link--highlight:hover, .magazineteaser__description-link:hover { color: var(--color-highlight-500) } .link--highlight:hover .link__icon.svg svg, .magazineteaser__description-link:hover .link__icon.svg svg { fill: var(--color-highlight-500) } .link--highlight:active, .magazineteaser__description-link:active:hover { color: var(--color-highlight-400) } .link--highlight:active .link__icon.svg svg, .magazineteaser__description-link:active:hover .link__icon.svg svg { fill: var(--color-highlight-400) } .link--disabled.magazineteaser__description-link:hover, .link--highlight.link--disabled, .link--highlight:disabled, .magazineteaser__description-link:disabled:hover { color: var(--color-highlight-200) } .link--disabled.magazineteaser__description-link:hover .link__icon.svg svg, .link--highlight.link--disabled .link__icon.svg svg, .link--highlight:disabled .link__icon.svg svg, .magazineteaser__description-link:disabled:hover .link__icon.svg svg { fill: var(--color-highlight-200) } .link--disabled.magazineteaser__description-link:hover, .link--highlight.link--disabled:active, .link--highlight.link--disabled:focus, .link--highlight.link--disabled:hover, .link--highlight:disabled:active, .link--highlight:disabled:focus, .link--highlight:disabled:hover, .magazineteaser__description-link:disabled:hover { color: var(--color-highlight-200) } .link--disabled.magazineteaser__description-link:hover .link__icon.svg svg, .link--highlight.link--disabled:active .link__icon.svg svg, .link--highlight.link--disabled:focus .link__icon.svg svg, .link--highlight.link--disabled:hover .link__icon.svg svg, .link--highlight:disabled:active .link__icon.svg svg, .link--highlight:disabled:focus .link__icon.svg svg, .link--highlight:disabled:hover .link__icon.svg svg, .magazineteaser__description-link:disabled:hover .link__icon.svg svg { fill: var(--color-highlight-200) } .c-lecturer__profile-link, .link--neon-orange, .teasertiles--neon .teasertiles__item .teasertiles__item-link, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link, .text--button-linkstyle .text__link { color: var(--color-primary-500) } .c-lecturer__profile-link .link__icon.svg svg, .link--neon-orange .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link .link__icon.svg svg, .text--button-linkstyle .text__link .link__icon.svg svg { fill: var(--color-primary-500) } .c-lecturer__profile-link:hover, .link--neon-orange:hover, .teasertiles--neon .teasertiles__item .teasertiles__item-link:hover, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:hover, .text--button-linkstyle .text__link:hover { color: var(--color-highlight-500) } .c-lecturer__profile-link:hover .link__icon.svg svg, .link--neon-orange:hover .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link:hover .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:hover .link__icon.svg svg, .text--button-linkstyle .text__link:hover .link__icon.svg svg { fill: var(--color-highlight-500) } .c-lecturer__profile-link:active, .link--neon-orange:active, .teasertiles--neon .teasertiles__item .teasertiles__item-link:active, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:active, .text--button-linkstyle .text__link:active { color: var(--color-highlight-400) } .c-lecturer__profile-link:active .link__icon.svg svg, .link--neon-orange:active .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link:active .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:active .link__icon.svg svg, .text--button-linkstyle .text__link:active .link__icon.svg svg { fill: var(--color-highlight-400) } .c-lecturer__profile-link:disabled, .link--disabled.c-lecturer__profile-link, .link--neon-orange.link--disabled, .link--neon-orange:disabled, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled, .text--button-linkstyle .link--disabled.text__link, .text--button-linkstyle .text__link:disabled { color: var(--color-highlight-200) } .c-lecturer__profile-link:disabled .link__icon.svg svg, .link--disabled.c-lecturer__profile-link .link__icon.svg svg, .link--neon-orange.link--disabled .link__icon.svg svg, .link--neon-orange:disabled .link__icon.svg svg, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled .link__icon.svg svg, .text--button-linkstyle .link--disabled.text__link .link__icon.svg svg, .text--button-linkstyle .text__link:disabled .link__icon.svg svg { fill: var(--color-highlight-200) } .c-lecturer__profile-link:disabled:active, .c-lecturer__profile-link:disabled:focus, .c-lecturer__profile-link:disabled:hover, .link--disabled.c-lecturer__profile-link:active, .link--disabled.c-lecturer__profile-link:focus, .link--disabled.c-lecturer__profile-link:hover, .link--neon-orange.link--disabled:active, .link--neon-orange.link--disabled:focus, .link--neon-orange.link--disabled:hover, .link--neon-orange:disabled:active, .link--neon-orange:disabled:focus, .link--neon-orange:disabled:hover, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link:active, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link:focus, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link:hover, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled:active, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled:focus, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled:hover, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link:active, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link:focus, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link:hover, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled:active, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled:focus, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled:hover, .text--button-linkstyle .link--disabled.text__link:active, .text--button-linkstyle .link--disabled.text__link:focus, .text--button-linkstyle .link--disabled.text__link:hover, .text--button-linkstyle .text__link:disabled:active, .text--button-linkstyle .text__link:disabled:focus, .text--button-linkstyle .text__link:disabled:hover { color: var(--color-highlight-200) } .c-lecturer__profile-link:disabled:active .link__icon.svg svg, .c-lecturer__profile-link:disabled:focus .link__icon.svg svg, .c-lecturer__profile-link:disabled:hover .link__icon.svg svg, .link--disabled.c-lecturer__profile-link:active .link__icon.svg svg, .link--disabled.c-lecturer__profile-link:focus .link__icon.svg svg, .link--disabled.c-lecturer__profile-link:hover .link__icon.svg svg, .link--neon-orange.link--disabled:active .link__icon.svg svg, .link--neon-orange.link--disabled:focus .link__icon.svg svg, .link--neon-orange.link--disabled:hover .link__icon.svg svg, .link--neon-orange:disabled:active .link__icon.svg svg, .link--neon-orange:disabled:focus .link__icon.svg svg, .link--neon-orange:disabled:hover .link__icon.svg svg, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link:active .link__icon.svg svg, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link:focus .link__icon.svg svg, .teasertiles--neon .teasertiles__item .link--disabled.teasertiles__item-link:hover .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled:active .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled:focus .link__icon.svg svg, .teasertiles--neon .teasertiles__item .teasertiles__item-link:disabled:hover .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link:active .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link:focus .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .link--disabled.teasertiles__item-link:hover .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled:active .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled:focus .link__icon.svg svg, .teasertiles--no-gradient .teasertiles__item .teasertiles__item-link:disabled:hover .link__icon.svg svg, .text--button-linkstyle .link--disabled.text__link:active .link__icon.svg svg, .text--button-linkstyle .link--disabled.text__link:focus .link__icon.svg svg, .text--button-linkstyle .link--disabled.text__link:hover .link__icon.svg svg, .text--button-linkstyle .text__link:disabled:active .link__icon.svg svg, .text--button-linkstyle .text__link:disabled:focus .link__icon.svg svg, .text--button-linkstyle .text__link:disabled:hover .link__icon.svg svg { fill: var(--color-highlight-200) } .contacttiles--blue .contacttiles__teaser-link, .link--blue-orange, .teasertiles--blue .teasertiles__item .teasertiles__item-link { color: var(--color-secondary-400) } .contacttiles--blue .contacttiles__teaser-link .link__icon.svg svg, .link--blue-orange .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link .link__icon.svg svg { fill: var(--color-secondary-400) } .contacttiles--blue .contacttiles__teaser-link:hover, .link--blue-orange:hover, .teasertiles--blue .teasertiles__item .teasertiles__item-link:hover { color: var(--color-highlight-500) } .contacttiles--blue .contacttiles__teaser-link:hover .link__icon.svg svg, .link--blue-orange:hover .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link:hover .link__icon.svg svg { fill: var(--color-highlight-500) } .contacttiles--blue .contacttiles__teaser-link:active, .link--blue-orange:active, .teasertiles--blue .teasertiles__item .teasertiles__item-link:active { color: var(--color-highlight-400) } .contacttiles--blue .contacttiles__teaser-link:active .link__icon.svg svg, .link--blue-orange:active .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link:active .link__icon.svg svg { fill: var(--color-highlight-400) } .contacttiles--blue .contacttiles__teaser-link:disabled, .contacttiles--blue .link--disabled.contacttiles__teaser-link, .link--blue-orange.link--disabled, .link--blue-orange:disabled, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled { color: var(--color-highlight-200) } .contacttiles--blue .contacttiles__teaser-link:disabled .link__icon.svg svg, .contacttiles--blue .link--disabled.contacttiles__teaser-link .link__icon.svg svg, .link--blue-orange.link--disabled .link__icon.svg svg, .link--blue-orange:disabled .link__icon.svg svg, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled .link__icon.svg svg { fill: var(--color-highlight-200) } .contacttiles--blue .contacttiles__teaser-link:disabled:active, .contacttiles--blue .contacttiles__teaser-link:disabled:focus, .contacttiles--blue .contacttiles__teaser-link:disabled:hover, .contacttiles--blue .link--disabled.contacttiles__teaser-link:active, .contacttiles--blue .link--disabled.contacttiles__teaser-link:focus, .contacttiles--blue .link--disabled.contacttiles__teaser-link:hover, .link--blue-orange.link--disabled:active, .link--blue-orange.link--disabled:focus, .link--blue-orange.link--disabled:hover, .link--blue-orange:disabled:active, .link--blue-orange:disabled:focus, .link--blue-orange:disabled:hover, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link:active, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link:focus, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link:hover, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled:active, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled:focus, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled:hover { color: var(--color-highlight-200) } .contacttiles--blue .contacttiles__teaser-link:disabled:active .link__icon.svg svg, .contacttiles--blue .contacttiles__teaser-link:disabled:focus .link__icon.svg svg, .contacttiles--blue .contacttiles__teaser-link:disabled:hover .link__icon.svg svg, .contacttiles--blue .link--disabled.contacttiles__teaser-link:active .link__icon.svg svg, .contacttiles--blue .link--disabled.contacttiles__teaser-link:focus .link__icon.svg svg, .contacttiles--blue .link--disabled.contacttiles__teaser-link:hover .link__icon.svg svg, .link--blue-orange.link--disabled:active .link__icon.svg svg, .link--blue-orange.link--disabled:focus .link__icon.svg svg, .link--blue-orange.link--disabled:hover .link__icon.svg svg, .link--blue-orange:disabled:active .link__icon.svg svg, .link--blue-orange:disabled:focus .link__icon.svg svg, .link--blue-orange:disabled:hover .link__icon.svg svg, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link:active .link__icon.svg svg, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link:focus .link__icon.svg svg, .teasertiles--blue .teasertiles__item .link--disabled.teasertiles__item-link:hover .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled:active .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled:focus .link__icon.svg svg, .teasertiles--blue .teasertiles__item .teasertiles__item-link:disabled:hover .link__icon.svg svg { fill: var(--color-highlight-200) } .link--black, .text--button-linkstyle .text__link { color: var(--color-grey-900) } .link--black .link__icon.svg svg, .text--button-linkstyle .text__link .link__icon.svg svg { fill: var(--color-grey-900) } .link--black:hover, .text--button-linkstyle .text__link:hover { color: var(--color-primary-500) } .link--black:hover .link__icon.svg svg, .text--button-linkstyle .text__link:hover .link__icon.svg svg { fill: var(--color-primary-500) } .link--xs { font-size: 14px; font-weight: 700; line-height: 20px; margin-right: 9pt } @media(max-width:1023px) { .link--xs { font-size: 9pt; font-weight: 700; line-height: 18px } } .link--xs .link__icon.svg { height: 10px; right: -17px; width: 10px } .link--xs:active .link__icon.svg, .link--xs:hover .link__icon.svg { right: -19px } .link--xs.link--disabled .link__icon.svg, .link--xs.link--disabled:active .link__icon.svg, .link--xs.link--disabled:focus .link__icon.svg, .link--xs.link--disabled:hover .link__icon.svg, .link--xs:disabled .link__icon.svg, .link--xs:disabled:active .link__icon.svg, .link--xs:disabled:focus .link__icon.svg, .link--xs:disabled:hover .link__icon.svg { right: -17px } .link--s { font-size: 1pc; font-weight: 700; line-height: 24px; margin-right: 14px } @media(max-width:1023px) { .link--s { font-size: 1pc; line-height: 24px; margin-right: 9pt } } .link--s .link__icon.svg { height: 9pt; right: -20px; width: 9pt } @media(max-width:1023px) { .link--s .link__icon.svg { height: 10px; right: -18px; width: 10px } } .link--s:active .link__icon.svg, .link--s:hover .link__icon.svg { right: -22px } @media(max-width:1023px) { .link--s:active .link__icon.svg, .link--s:hover .link__icon.svg { right: -20px } } .link--s.link--disabled .link__icon.svg, .link--s:disabled .link__icon.svg { right: -20px } @media(max-width:1023px) { .link--s.link--disabled .link__icon.svg, .link--s:disabled .link__icon.svg { right: -18px } } .link--s.link--disabled:active .link__icon.svg, .link--s.link--disabled:focus .link__icon.svg, .link--s.link--disabled:hover .link__icon.svg, .link--s:disabled:active .link__icon.svg, .link--s:disabled:focus .link__icon.svg, .link--s:disabled:hover .link__icon.svg { right: -20px } @media(max-width:1023px) { .link--s.link--disabled:active .link__icon.svg, .link--s.link--disabled:focus .link__icon.svg, .link--s.link--disabled:hover .link__icon.svg, .link--s:disabled:active .link__icon.svg, .link--s:disabled:focus .link__icon.svg, .link--s:disabled:hover .link__icon.svg { right: -18px } } .c-lecturer__profile-link, .link--m, .text--background-color:is(.text--button-linkstyle) .text__link, .text--button-linkstyle .text__link { font-size: 20px; font-weight: 700; line-height: 28px; margin-right: 1pc } @media(max-width:1023px) { .c-lecturer__profile-link, .link--m, .text--background-color:is(.text--button-linkstyle) .text__link, .text--button-linkstyle .text__link { font-size: 1pc; line-height: 24px } } .c-lecturer__profile-link .link__icon.svg, .link--m .link__icon.svg, .text--button-linkstyle .text__link .link__icon.svg { height: 1pc; right: -25px; width: 1pc } .c-lecturer__profile-link:active .link__icon.svg, .c-lecturer__profile-link:hover .link__icon.svg, .link--m:active .link__icon.svg, .link--m:hover .link__icon.svg, .text--button-linkstyle .text__link:active .link__icon.svg, .text--button-linkstyle .text__link:hover .link__icon.svg { right: -28px } .c-lecturer__profile-link:disabled .link__icon.svg, .c-lecturer__profile-link:disabled:active .link__icon.svg, .c-lecturer__profile-link:disabled:focus .link__icon.svg, .c-lecturer__profile-link:disabled:hover .link__icon.svg, .link--disabled.c-lecturer__profile-link .link__icon.svg, .link--disabled.c-lecturer__profile-link:active .link__icon.svg, .link--disabled.c-lecturer__profile-link:focus .link__icon.svg, .link--disabled.c-lecturer__profile-link:hover .link__icon.svg, .link--m.link--disabled .link__icon.svg, .link--m.link--disabled:active .link__icon.svg, .link--m.link--disabled:focus .link__icon.svg, .link--m.link--disabled:hover .link__icon.svg, .link--m:disabled .link__icon.svg, .link--m:disabled:active .link__icon.svg, .link--m:disabled:focus .link__icon.svg, .link--m:disabled:hover .link__icon.svg, .text--button-linkstyle .link--disabled.text__link .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:active .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:focus .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:hover .link__icon.svg, .text--button-linkstyle .text__link:disabled .link__icon.svg, .text--button-linkstyle .text__link:disabled:active .link__icon.svg, .text--button-linkstyle .text__link:disabled:focus .link__icon.svg, .text--button-linkstyle .text__link:disabled:hover .link__icon.svg { right: -25px } .link--l, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .text--blue:is(.text--button-linkstyle) .text__link, .text--button-linkstyle .text__link, .text--neon:is(.text--button-linkstyle) .text__link { font-size: 24px; font-weight: 700; line-height: 36px; margin-right: 20px } @media(max-width:1023px) { .link--l, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .text--blue:is(.text--button-linkstyle) .text__link, .text--button-linkstyle .text__link, .text--neon:is(.text--button-linkstyle) .text__link { font-size: 20px; font-weight: 700; line-height: 28px } } @media(max-width:1023px) { .link--l, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .text--blue:is(.text--button-linkstyle) .text__link, .text--button-linkstyle .text__link, .text--neon:is(.text--button-linkstyle) .text__link { margin-right: 1pc } } .link--l .link__icon.svg, .text--button-linkstyle .text__link .link__icon.svg { height: 18px; right: -29px; width: 18px } @media(max-width:1023px) { .link--l .link__icon.svg, .text--button-linkstyle .text__link .link__icon.svg { height: 1pc; right: -25px; width: 1pc } } .link--l:active .link__icon.svg, .link--l:hover .link__icon.svg, .text--button-linkstyle .text__link:active .link__icon.svg, .text--button-linkstyle .text__link:hover .link__icon.svg { right: -33px } @media(max-width:1023px) { .link--l:active .link__icon.svg, .link--l:hover .link__icon.svg, .text--button-linkstyle .text__link:active .link__icon.svg, .text--button-linkstyle .text__link:hover .link__icon.svg { right: -28px } } .link--l.link--disabled .link__icon.svg, .link--l:disabled .link__icon.svg, .text--button-linkstyle .link--disabled.text__link .link__icon.svg, .text--button-linkstyle .text__link:disabled .link__icon.svg { right: -29px } @media(max-width:1023px) { .link--l.link--disabled .link__icon.svg, .link--l:disabled .link__icon.svg, .text--button-linkstyle .link--disabled.text__link .link__icon.svg, .text--button-linkstyle .text__link:disabled .link__icon.svg { right: -25px } } .link--l.link--disabled:active .link__icon.svg, .link--l.link--disabled:focus .link__icon.svg, .link--l.link--disabled:hover .link__icon.svg, .link--l:disabled:active .link__icon.svg, .link--l:disabled:focus .link__icon.svg, .link--l:disabled:hover .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:active .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:focus .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:hover .link__icon.svg, .text--button-linkstyle .text__link:disabled:active .link__icon.svg, .text--button-linkstyle .text__link:disabled:focus .link__icon.svg, .text--button-linkstyle .text__link:disabled:hover .link__icon.svg { right: -29px } @media(max-width:1023px) { .link--l.link--disabled:active .link__icon.svg, .link--l.link--disabled:focus .link__icon.svg, .link--l.link--disabled:hover .link__icon.svg, .link--l:disabled:active .link__icon.svg, .link--l:disabled:focus .link__icon.svg, .link--l:disabled:hover .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:active .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:focus .link__icon.svg, .text--button-linkstyle .link--disabled.text__link:hover .link__icon.svg, .text--button-linkstyle .text__link:disabled:active .link__icon.svg, .text--button-linkstyle .text__link:disabled:focus .link__icon.svg, .text--button-linkstyle .text__link:disabled:hover .link__icon.svg { right: -25px } } .link--xl { font-size: 28px; font-weight: 700; line-height: 36px; margin-right: 22px } @media(max-width:1023px) { .link--xl { font-size: 20px; font-weight: 700; line-height: 28px } } .link--xl .link__icon.svg { height: 22px; right: -34px; width: 22px } .link--xl:active .link__icon.svg, .link--xl:hover .link__icon.svg { right: -38px } .link--xl.link--disabled .link__icon.svg, .link--xl.link--disabled:active .link__icon.svg, .link--xl.link--disabled:focus .link__icon.svg, .link--xl.link--disabled:hover .link__icon.svg, .link--xl:disabled .link__icon.svg, .link--xl:disabled:active .link__icon.svg, .link--xl:disabled:focus .link__icon.svg, .link--xl:disabled:hover .link__icon.svg { right: -34px } .event-calendar__title-link, .link--xxl { margin-right: 36px } @media(max-width:1023px) { .event-calendar__title-link, .link--xxl { margin-right: 22px } } .event-calendar__title-link .link__icon.svg, .link--xxl .link__icon.svg { height: 2pc; right: -53px; width: 2pc } @media(max-width:1023px) { .event-calendar__title-link .link__icon.svg, .link--xxl .link__icon.svg { height: 18px; right: -31px; width: 18px } } .event-calendar__title-link:active .link__icon.svg, .event-calendar__title-link:hover .link__icon.svg, .link--xxl:active .link__icon.svg, .link--xxl:hover .link__icon.svg { right: -57px } @media(max-width:1023px) { .event-calendar__title-link:active .link__icon.svg, .event-calendar__title-link:hover .link__icon.svg, .link--xxl:active .link__icon.svg, .link--xxl:hover .link__icon.svg { right: -33px } } .event-calendar__title-link:disabled .link__icon.svg, .link--disabled.event-calendar__title-link .link__icon.svg, .link--xxl.link--disabled .link__icon.svg, .link--xxl:disabled .link__icon.svg { right: -53px } @media(max-width:1023px) { .event-calendar__title-link:disabled .link__icon.svg, .link--disabled.event-calendar__title-link .link__icon.svg, .link--xxl.link--disabled .link__icon.svg, .link--xxl:disabled .link__icon.svg { right: -29px } } .event-calendar__title-link:disabled:active .link__icon.svg, .event-calendar__title-link:disabled:focus .link__icon.svg, .event-calendar__title-link:disabled:hover .link__icon.svg, .link--disabled.event-calendar__title-link:active .link__icon.svg, .link--disabled.event-calendar__title-link:focus .link__icon.svg, .link--disabled.event-calendar__title-link:hover .link__icon.svg, .link--xxl.link--disabled:active .link__icon.svg, .link--xxl.link--disabled:focus .link__icon.svg, .link--xxl.link--disabled:hover .link__icon.svg, .link--xxl:disabled:active .link__icon.svg, .link--xxl:disabled:focus .link__icon.svg, .link--xxl:disabled:hover .link__icon.svg { right: -53px } @media(max-width:1023px) { .event-calendar__title-link:disabled:active .link__icon.svg, .event-calendar__title-link:disabled:focus .link__icon.svg, .event-calendar__title-link:disabled:hover .link__icon.svg, .link--disabled.event-calendar__title-link:active .link__icon.svg, .link--disabled.event-calendar__title-link:focus .link__icon.svg, .link--disabled.event-calendar__title-link:hover .link__icon.svg, .link--xxl.link--disabled:active .link__icon.svg, .link--xxl.link--disabled:focus .link__icon.svg, .link--xxl.link--disabled:hover .link__icon.svg, .link--xxl:disabled:active .link__icon.svg, .link--xxl:disabled:focus .link__icon.svg, .link--xxl:disabled:hover .link__icon.svg { right: -29px } } ol, ul { list-style: none; margin-bottom: 24px } ol:last-child, ul:last-child { margin-bottom: 0 } li { margin-bottom: 9pt } li:last-child { margin-bottom: 0 } ul li { margin-left: 11px } ul li:before { content: "•"; padding-right: 8px } ol li { counter-increment: item; display: flex; word-break: break-all } ol li:before { content: counter(item) "."; min-width: 24px; padding-right: 8px; text-align: right } .numberedblocks__item-description ul li { display: block } .numberedblocks__item-description ul li:before { content: "•"; min-width: unset; padding-right: 8px; text-align: unset } .loadinganimation { backdrop-filter: blur(3px); background-color: hsla(0, 0%, 100%, .75); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000 } .loadinganimation--inline { position: relative } .loadinganimation--small { position: relative; width: auto } .loadinganimation--small .loadinganimation__circle { block-size: 2pc; inline-size: 2pc; left: calc(50% - 1pc); top: calc(50% - 1pc) } .loadinganimation--small .loadinganimation__circle-track { block-size: 2pc; border-radius: 2pc; border-width: 4px; inline-size: 2pc } .loadinganimation--small .loadinganimation-spinner { block-size: 100%; inline-size: 50% } .loadinganimation--small .loadinganimation__circle-fill { block-size: 2pc; border-radius: 2pc; border-width: 4px; inline-size: 2pc } .loadinganimation--small .loadinganimation-left-subspinner, .loadinganimation--small .loadinganimation-right-subspinner { block-size: 100%; inline-size: 100% } .loadinganimation__circle { block-size: 90pt; direction: ltr; display: inline-block; inline-size: 90pt; left: calc(50% - 60px); position: absolute; position: relative; top: calc(50% - 60px); transform: translateZ(0) } @media(max-width:1023px) { .loadinganimation__circle { block-size: 5pc; inline-size: 5pc } } .loadinganimation__circle-track { block-size: 90pt; border: 8px solid var(--color-primary-100); border-radius: 90pt; box-sizing: border-box; inline-size: 90pt } @media(max-width:1023px) { .loadinganimation__circle-track { block-size: 5pc; border-radius: 5pc; inline-size: 5pc } } .loadinganimation__circle-spinners { animation: circle-rotation 1s cubic-bezier(.25, .78, .48, .89) infinite; block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transform: translateZ(0); transform-origin: center; will-change: transform } .loadinganimation__circle-spinner { block-size: 100%; inline-size: 50%; overflow: hidden; position: absolute; transform: rotate(180deg); transform-origin: 100% center } .loadinganimation__circle-spinner--transformed { transform: rotate(0deg) } .loadinganimation__circle-fill { block-size: 90pt; border: 8px solid var(--color-primary-500); border-radius: 90pt; box-sizing: border-box; inline-size: 90pt } @media(max-width:1023px) { .loadinganimation__circle-fill { block-size: 5pc; border-radius: 5pc; inline-size: 5pc } } .loadinganimation__circle-left-subspinner, .loadinganimation__circle-right-subspinner { block-size: 100%; inline-size: 100%; overflow: hidden; transform: rotate(-180deg); transform-origin: 100% center } .loadinganimation__circle-left-subspinner { animation: left-subspinner 1s linear infinite; transform: translateZ(0); will-change: transform } .loadinganimation__circle-right-subspinner { animation: right-subspinner 1s linear infinite; transform: translateZ(0); will-change: transform } .loadinganimation--blue .loadinganimation__circle-track { border-color: var(--color-secondary-100) } .loadinganimation--blue .loadinganimation__circle-fill { border-color: var(--color-secondary-500) } [class*="--blue"] .loadinganimation__circle-track { border-color: var(--color-secondary-100) } [class*="--blue"] .loadinganimation__circle-fill { border-color: var(--color-secondary-500) } @keyframes left-subspinner { 0% { transform: rotate(90deg) } 1.69% { transform: rotate(72.3deg) } 3.39% { transform: rotate(55.5deg) } 5.08% { transform: rotate(40.3deg) } 6.78% { transform: rotate(25deg) } 8.47% { transform: rotate(10.6deg) } 10.17% { transform: rotate(0deg) } 11.86% { transform: rotate(0deg) } 13.56% { transform: rotate(0deg) } 15.25% { transform: rotate(0deg) } 16.95% { transform: rotate(0deg) } 18.64% { transform: rotate(0deg) } 20.34% { transform: rotate(0deg) } 22.03% { transform: rotate(0deg) } 23.73% { transform: rotate(0deg) } 25.42% { transform: rotate(0deg) } 27.12% { transform: rotate(0deg) } 28.81% { transform: rotate(0deg) } 30.51% { transform: rotate(0deg) } 32.2% { transform: rotate(0deg) } 33.9% { transform: rotate(0deg) } 35.59% { transform: rotate(0deg) } 37.29% { transform: rotate(0deg) } 38.98% { transform: rotate(0deg) } 40.68% { transform: rotate(0deg) } 42.37% { transform: rotate(5.3deg) } 44.07% { transform: rotate(13.4deg) } 45.76% { transform: rotate(20.6deg) } 47.46% { transform: rotate(29deg) } 49.15% { transform: rotate(36.5deg) } 50.85% { transform: rotate(42.6deg) } 52.54% { transform: rotate(48.8deg) } 54.24% { transform: rotate(54.2deg) } 55.93% { transform: rotate(59.4deg) } 57.63% { transform: rotate(63.2deg) } 59.32% { transform: rotate(67.2deg) } 61.02% { transform: rotate(70.8deg) } 62.71% { transform: rotate(73.8deg) } 64.41% { transform: rotate(76.2deg) } 66.1% { transform: rotate(78.7deg) } 67.8% { transform: rotate(80.6deg) } 69.49% { transform: rotate(82.6deg) } 71.19% { transform: rotate(83.7deg) } 72.88% { transform: rotate(85deg) } 74.58% { transform: rotate(86.3deg) } 76.27% { transform: rotate(87deg) } 77.97% { transform: rotate(87.7deg) } 79.66% { transform: rotate(88.3deg) } 81.36% { transform: rotate(88.6deg) } 83.05% { transform: rotate(89.2deg) } 84.75% { transform: rotate(89.2deg) } 86.44% { transform: rotate(89.5deg) } 88.14% { transform: rotate(89.9deg) } 89.83% { transform: rotate(89.7deg) } 91.53% { transform: rotate(90.1deg) } 93.22% { transform: rotate(90.2deg) } 94.92% { transform: rotate(90.1deg) } 96.61% { transform: rotate(90deg) } 98.31% { transform: rotate(89.8deg) } to { transform: rotate(90deg) } } @keyframes right-subspinner { 0% { transform: rotate(180deg) } 1.69% { transform: rotate(180deg) } 3.39% { transform: rotate(180deg) } 5.08% { transform: rotate(180deg) } 6.78% { transform: rotate(180deg) } 8.47% { transform: rotate(180deg) } 10.17% { transform: rotate(179.2deg) } 11.86% { transform: rotate(164deg) } 13.56% { transform: rotate(151.8deg) } 15.25% { transform: rotate(140.8deg) } 16.95% { transform: rotate(130.3deg) } 18.64% { transform: rotate(120.4deg) } 20.34% { transform: rotate(110.8deg) } 22.03% { transform: rotate(101.6deg) } 23.73% { transform: rotate(93.5deg) } 25.42% { transform: rotate(85.4deg) } 27.12% { transform: rotate(78.1deg) } 28.81% { transform: rotate(71.2deg) } 30.51% { transform: rotate(89.1deg) } 32.2% { transform: rotate(105.5deg) } 33.9% { transform: rotate(121.3deg) } 35.59% { transform: rotate(135.5deg) } 37.29% { transform: rotate(148.4deg) } 38.98% { transform: rotate(161deg) } 40.68% { transform: rotate(173.5deg) } 42.37% { transform: rotate(180deg) } 44.07% { transform: rotate(180deg) } 45.76% { transform: rotate(180deg) } 47.46% { transform: rotate(180deg) } 49.15% { transform: rotate(180deg) } 50.85% { transform: rotate(180deg) } 52.54% { transform: rotate(180deg) } 54.24% { transform: rotate(180deg) } 55.93% { transform: rotate(180deg) } 57.63% { transform: rotate(180deg) } 59.32% { transform: rotate(180deg) } 61.02% { transform: rotate(180deg) } 62.71% { transform: rotate(180deg) } 64.41% { transform: rotate(180deg) } 66.1% { transform: rotate(180deg) } 67.8% { transform: rotate(180deg) } 69.49% { transform: rotate(180deg) } 71.19% { transform: rotate(180deg) } 72.88% { transform: rotate(180deg) } 74.58% { transform: rotate(180deg) } 76.27% { transform: rotate(180deg) } 77.97% { transform: rotate(180deg) } 79.66% { transform: rotate(180deg) } 81.36% { transform: rotate(180deg) } 83.05% { transform: rotate(180deg) } 84.75% { transform: rotate(180deg) } 86.44% { transform: rotate(180deg) } 88.14% { transform: rotate(180deg) } 89.83% { transform: rotate(180deg) } 91.53% { transform: rotate(180deg) } 93.22% { transform: rotate(180deg) } 94.92% { transform: rotate(180deg) } 96.61% { transform: rotate(180deg) } 98.31% { transform: rotate(180deg) } to { transform: rotate(180deg) } } @keyframes circle-rotation { 0% { transform: rotate(-90deg) } to { transform: rotate(270deg) } } .svg { display: inline-block; width: 1pc } .svg svg { display: block; height: auto; width: 100% } .toastmessage { align-items: center; border: 2px solid; border-radius: 1pc; color: var(--toast-text-color); display: flex; font-size: 20px; left: 50%; line-height: 28px; padding: 1pc 24px; position: fixed; top: 40px; transform: translate(-50%); width: 35pc; z-index: 110000 } @media(max-width:1023px) { .toastmessage { font-size: 1pc; line-height: 24px; top: 24px; width: min(92%, 35pc) } } .toastmessage__text { flex: 1; margin: 0 24px 0 9pt; overflow-wrap: break-word } .toastmessage__text:first-letter { text-transform: capitalize } @media(max-width:1023px) { .toastmessage__text { margin-left: 8px } } .toastmessage__icon { height: 24px; margin: 2px 0; width: 24px } @media(max-width:1023px) { .toastmessage__icon { height: 20px; width: 20px } } .toastmessage__success { background-color: var(--toast-success-border-color); border-color: var(--toast-success-background-color) } .toastmessage__success-icon { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4.3,25.04A14.666,14.666,0,1,1,25.036,4.3,14.666,14.666,0,0,1,4.3,25.04ZM2.667,14.67a12,12,0,1,0,12-12A12.013,12.013,0,0,0,2.667,14.67Zm8.752,6.185L6.976,15.521a1.333,1.333,0,1,1,2.049-1.707l3.418,4.1,7.866-9.436a1.333,1.333,0,1,1,2.048,1.708l-8.89,10.665a1.328,1.328,0,0,1-2.048,0Z' transform='translate(1.335 1.332)' fill='%2300c6b2' /%3E%3C/svg%3E") } .toastmessage__info { background-color: var(--toast-info-background-color); border-color: var(--toast-info-border-color) } .toastmessage__info-icon { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.167,0A9.167,9.167,0,1,1,0,9.167,9.167,9.167,0,0,1,9.167,0Zm0,1.667a7.5,7.5,0,1,0,7.5,7.5A7.5,7.5,0,0,0,9.167,1.667Zm0,5.833A.833.833,0,0,1,10,8.333v4.583a.833.833,0,1,1-1.667,0V8.333A.833.833,0,0,1,9.167,7.5Zm0-2.917a.833.833,0,1,1-.833.833A.833.833,0,0,1,9.167,4.583Z' transform='translate(0.833 0.833)' fill='%230091C6' /%3E%3C/svg%3E") } .toastmessage__error { background-color: var(--toast-error-background-color); border-color: var(--toast-error-border-color) } .toastmessage__error-icon { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M11.44,12.353H1.73a1.745,1.745,0,0,1-1.478-.814A1.662,1.662,0,0,1,.2,9.869L5.053.907a1.752,1.752,0,0,1,3.07,0l4.853,8.962a1.668,1.668,0,0,1-.051,1.673,1.75,1.75,0,0,1-1.478.811ZM6.111,1.457,1.258,10.421a.5.5,0,0,0,.018.5.53.53,0,0,0,.454.253h9.716a.535.535,0,0,0,.455-.249.51.51,0,0,0,.017-.511L7.068,1.457a.547.547,0,0,0-.957,0ZM5.688,9.12a.9.9,0,1,1,.9.883A.891.891,0,0,1,5.688,9.12Zm.3-2.057V4.119a.6.6,0,0,1,1.2,0V7.063a.6.6,0,0,1-1.2,0Z' transform='translate(0.824 0.824)' fill='%23E81818' /%3E%3C/svg%3E") } .toastmessage__close-icon { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath id='Icon' d='M14.3,15.7,8,9.41,1.705,15.7A.972.972,0,0,1,1,16,.975.975,0,0,1,.295,15.7a.992.992,0,0,1,0-1.412L6.589,8,.295,1.707A1,1,0,0,1,1.705.291L8,6.586,14.3.291a1,1,0,0,1,1.41,1.416L9.413,8l6.293,6.293a.992.992,0,0,1,0,1.412.99.99,0,0,1-1.41,0Z' transform='translate(3.999 4.002)' fill='%23121212'/%3E%3C/svg%3E"); cursor: pointer } .container__header .cmp-container { display: flex; flex-direction: column } @media(max-width:767px) { .container__header .cmp-container .text { order: -1 } .container__header .cmp-container .text~.text { order: 0 } .container__header .cmp-container .text__header { display: flex; flex-direction: column; height: 280px; justify-content: center } .container__header .cmp-container .text__header .text__content-title { font-size: 2pc !important; line-height: 30px !important } .container__header .cmp-container .text__header .text__content-description { font-size: 24px !important; hyphens: auto; line-height: 32.5px !important; overflow-wrap: break-word } .container__header .cmp-container .teasertiles { display: flex; flex-direction: column !important } .container__header .cmp-container .teasertiles__item { border-right: none !important } .container__header .cmp-container .teasertiles .teasertiles__item:not(:last-child) { border-bottom: 2px solid var(--color-white) !important } } @media only screen and (min-width:1025px) { .container__header .cmp-container .text { padding: 0 } .container__header .cmp-container .text .text__content { padding: 14px 0 } .container__header .cmp-container .text .text__content-title { font-size: 60px; margin: 6px 0 !important } .container__header .cmp-container .text .text__content-description { font-size: 42px } .container__header .cmp-container .text .text__content-description, .container__header .cmp-container .text .text__content-title { line-height: 42px } .container__header .cmp-container .teasertiles__item { height: 360px } .container__header .cmp-container .teasertiles__item-title { font-size: 42px; line-height: 38px } .container__header .cmp-container .teasertiles__item-description { font-size: 24px; line-height: 2pc; margin-bottom: 1pc } .container__header .cmp-container .teasertiles__item-link { font-size: 24px; line-height: 36px } .container__header .cmp-container .teasertiles__item-content { padding-bottom: 61px } .container__header .cmp-container .teasertiles__four-col .teasertiles__item { height: 374px } .container__header .cmp-container .teasertiles__four-col .teasertiles__item-title { font-size: 24px; line-height: 36px; margin-bottom: 8px !important } .container__header .cmp-container .teasertiles__four-col .teasertiles__item-description { font-size: 20px; line-height: 24px; margin-bottom: 1pc !important } .container__header .cmp-container .teasertiles__four-col .teasertiles__item-link { font-size: 20px; line-height: 28px } .container__header .cmp-container .teasertiles__four-col .teasertiles__item-content { padding-bottom: 40px } } @media only screen and (max-width:1024px) { .container__header .cmp-container .teasertiles { display: flex; flex-direction: row } .container__header .cmp-container .teasertiles .teasertiles__item:not(:last-child) { border-bottom: none; border-right: 2px solid var(--color-white) } .container__header .cmp-container .teasertiles__item { height: 281px } .container__header .cmp-container .teasertiles__item-title { font-size: 24px; line-height: 36px; margin-bottom: 8px } .container__header .cmp-container .teasertiles__item-description { font-size: 1pc; line-height: 24px; margin-bottom: 1pc } .container__header .cmp-container .teasertiles__item-link { font-size: 20px; line-height: 28px } .container__header .cmp-container .teasertiles__item-content { padding-bottom: 24px } .container__header .cmp-container .teasertiles__four-col { flex-wrap: wrap } .container__header .cmp-container .teasertiles__four-col .teasertiles__item { border-bottom: 2px solid var(--color-white) !important; flex: 0 0 50%; height: 281px } .container__header .cmp-container .teasertiles__four-col .teasertiles__item:nth-child(2n) { border-right: none } .container__header .cmp-container .text__header { display: flex; flex-direction: column; height: 280px; justify-content: center; padding: 40px 8% } .container__header .cmp-container .text__header .text__content-title { font-size: 42px; line-height: 40px } .container__header .cmp-container .text__header .text__content-description { font-size: 2pc; hyphens: auto; line-height: 42.5px; overflow-wrap: break-word } } .modal-video { display: none } .modal-video__close { display: none; height: 2pc; position: fixed; right: 3pc; top: 3pc; width: 2pc; z-index: 4000 } .modal-video__close--visible { display: block } .modal-video__close:hover { cursor: pointer } @media(max-width:1023px) { .modal-video__close { height: 24px; right: 18px; top: 1pc; width: 24px } } .modal-video__video { border-radius: 0; display: flex; inset: 0; margin: auto; position: fixed; width: 70%; z-index: 10000 } @media(max-width:1023px) { .modal-video__video { width: 100% } } .modal-video--visible { display: block } .modal-video-backdrop { background-color: var(--color-grey-900); display: none; height: 100vh; opacity: .9; position: fixed; width: 100vw; z-index: 3000 } .modal-video-backdrop--visible { display: block } .c-lecturers { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .c-lecturers { margin: 40px 0 } } .c-lecturers__title { margin-bottom: 1pc } @media(max-width:1023px) { .c-lecturers__title { margin-bottom: 8px } } .c-lecturers__description { color: var(--color-grey-600); font-size: 24px; line-height: 36px; margin-bottom: 40px; word-break: break-word } @media(max-width:1023px) { .c-lecturers__description { font-size: 1pc; line-height: 24px; margin-bottom: 24px } } .c-lecturers__list { display: grid; gap: 40px 2%; grid-template-columns: repeat(5, 1fr); min-height: 300px; position: relative } @media(max-width:1023px) { .c-lecturers__list { gap: 24px; grid-template-columns: repeat(1, 1fr) } } .c-lecturers__cta { margin-top: 40px; text-align: center } .c-lecturers__filters { margin-bottom: 40px } @media(max-width:1023px) { .c-lecturers__filters { margin-bottom: 24px } } .c-lecturers__filters-types { display: flex; gap: 1pc } @media(max-width:1023px) { .c-lecturers__filters-types { flex-direction: column; gap: 0 } } .c-lecturers__filters-types .dropdown { width: 428px } @media(max-width:1023px) { .c-lecturers__filters-types .dropdown { width: 100% } .c-lecturers__filters-types .dropdown:first-child .dropdown__field { margin-top: 0 } } @media(min-width:1024px) { .c-lecturers__filters-types .dropdown .dropdown__field { margin-top: 0 } } .c-lecturers__filters-chips { display: flex; flex-wrap: wrap; margin-top: 9pt } .c-lecturer { --border-color: var(--color-black); display: flex; flex-direction: column } @media(max-width:1023px) { .c-lecturer { flex-direction: row } } .c-lecturer__image { aspect-ratio: 1/1; background-color: #f2f0f0; border-radius: 1pc; margin-bottom: 1pc; max-width: 20pc; overflow: hidden } @media(max-width:1023px) { .c-lecturer__image { flex-basis: 28%; height: fit-content; margin-bottom: 0; margin-right: 1pc } } .c-lecturer__image img { display: block; height: 100%; object-fit: cover; width: 100% } .c-lecturer__summary { padding-left: 20px; position: relative; word-break: break-word } @media(max-width:1023px) { .c-lecturer__summary { flex-basis: 72% } } .c-lecturer__summary:before { background-color: var(--border-color); bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 4px } .c-lecturer__body { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .c-lecturer__body { font-size: 1pc; line-height: 24px } } .c-lecturer__heading { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 36px; margin: 0 } @media(max-width:1023px) { .c-lecturer__heading { font-size: 20px; font-weight: 700; line-height: 28px } } .c-lecturer__contact { display: flex; flex-direction: column; margin-top: 1pc } @media(max-width:1023px) { .c-lecturer__contact { margin-top: 9pt } } .c-lecturer__contact:empty, .c-lecturer__contact__item { display: none } .c-lecturer__contact__item a { align-items: center; color: var(--color-primary-500); display: flex; gap: 13px } .lecturersoverview--blue .c-lecturer__contact__item a { fill: var(--color-secondary-500) } .c-lecturer__contact__item svg { fill: var(--color-primary-500); flex-shrink: 0; width: 1.1em } .lecturersoverview--blue .c-lecturer__contact__item svg { fill: var(--color-secondary-500) } .lecturersoverview--show-mail .c-lecturer__contact__item--email, .lecturersoverview--show-phone .c-lecturer__contact__item--phone { display: block } .c-lecturer__contact__item:not(:first-child) { margin-top: 8px } .c-lecturer__expertise { color: var(--color-grey-600); margin: 4px 0 0 } .c-lecturer__profile--main-title { font-size: 42px; font-weight: 700; line-height: 3pc; margin-bottom: 40px } @media(max-width:1023px) { .c-lecturer__profile--main-title { font-size: 24px; font-weight: 700; line-height: 36px } } .c-lecturer__profile--sub-title { font-size: 28px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .c-lecturer__profile--sub-title { font-size: 20px; font-weight: 700; line-height: 28px } } .c-lecturer__profile-link { background: none; border: none; cursor: pointer; font-weight: 400; margin: 24px 0 0; padding: 0; text-decoration: underline } @media(max-width:1023px) { .c-lecturer__profile-link { margin: 1pc 0 0 } } .c-lecturer--purple { --border-color: var(--color-filter-purple) } .c-lecturer--red { --border-color: var(--color-filter-red) } .c-lecturer--light-blue { --border-color: var(--color-filter-light-blue) } .c-lecturer--green { --border-color: var(--color-filter-green) } .c-lecturer--dark-blue { --border-color: var(--color-filter-dark-blue) } .c-lecturer--orange { --border-color: var(--color-filter-orange) } .c-lecturer--blue { --border-color: var(--color-secondary-600) } .c-lecturer--neon { --border-color: var(--color-primary-600) } .c-lecturer--black { --border-color: var(--color-grey-900) } .c-lecturer--grey { --border-color: var(--color-grey-600) } .c-lecturer--yellow { --border-color: var(--color-grey-900) } .c-modal { align-items: center; display: none; flex-direction: column; inset: 0; justify-content: center } .c-modal.is-active { display: flex; overflow: hidden; position: fixed; z-index: 1110 } .c-modal-dialog { background: var(--color-white); border-radius: 1pc; margin: 5pc 12%; max-height: 90vh; max-width: 750pt; padding: 5pc; position: relative; z-index: 1 } @media(max-width:1023px) { .c-modal-dialog { margin: 24px 4%; padding: 4pc 24px 40px } } .c-modal-content { height: 100%; overflow-y: auto; word-break: break-word } @media(max-width:1023px) { .c-modal-content { -ms-overflow-style: none; overflow-y: scroll; scrollbar-width: none } .c-modal-content::-webkit-scrollbar { display: none } } .c-modal-content, .c-modal-content :not(h1, .productheader__title, .productdescriptiontexts__content-title, .text__content-title, .cmp-quotes__quote, .promo__title, .heroteaser__dynamic-content-title, .heroteaser__title, .herostudyformats__title, .errorpage__title, h2, .product-instance-info__column-title, .product-instance-info__title, .product-finder__title, .studyentry__title, .socialmedia__title, .locationteaser__description-title, .magazineteaser__description-title, .magazineteaser__description-pretitle, .info__section-title, .reduced-event-calendar__title, .event-calendar__title, .contacttiles__teaser-title, .link--xxl, .event-calendar__title-link, .c-lecturers__title, h3, .productstudycost__title, .eventlocation__title, h4, .summarymanual__items-text-title, .summary__item-title, .cmp-navigation__item-link, .eventlocation__building-name, h5, h6) { color: var(--color-grey-600); font-size: 20px; line-height: 28px } @media(max-width:1023px) { .c-modal-content, .c-modal-content :not(h1, .productheader__title, .productdescriptiontexts__content-title, .text__content-title, .cmp-quotes__quote, .promo__title, .heroteaser__dynamic-content-title, .heroteaser__title, .herostudyformats__title, .errorpage__title, h2, .product-instance-info__column-title, .product-instance-info__title, .product-finder__title, .studyentry__title, .socialmedia__title, .locationteaser__description-title, .magazineteaser__description-title, .magazineteaser__description-pretitle, .info__section-title, .reduced-event-calendar__title, .event-calendar__title, .contacttiles__teaser-title, .link--xxl, .event-calendar__title-link, .c-lecturers__title, h3, .productstudycost__title, .eventlocation__title, h4, .summarymanual__items-text-title, .summary__item-title, .cmp-navigation__item-link, .eventlocation__building-name, h5, h6) { font-size: 1pc; line-height: 24px } } .c-modal-close, .c-modal-content .c-lecturers__title, .c-modal-content .cmp-carousel--with-logos .cmp-carousel__title, .c-modal-content .cmp-navigation__item-link, .c-modal-content .cmp-navigation__item-link .link--l, .c-modal-content .cmp-navigation__item-link .text--button-linkstyle .text__link, .c-modal-content .cmp-quotes__quote, .c-modal-content .contacttiles__teaser-title, .c-modal-content .errorpage__title, .c-modal-content .event-calendar__title, .c-modal-content .event-calendar__title-link, .c-modal-content .eventlocation__building-name, .c-modal-content .eventlocation__title, .c-modal-content .herostudyformats__title, .c-modal-content .heroteaser__dynamic-content-title, .c-modal-content .heroteaser__title, .c-modal-content .info__section-title, .c-modal-content .link--xxl, .c-modal-content .locationteaser__description-title, .c-modal-content .magazineteaser__description-pretitle, .c-modal-content .magazineteaser__description-title, .c-modal-content .product-finder__title, .c-modal-content .product-instance-info__column-title, .c-modal-content .product-instance-info__title, .c-modal-content .productdescriptiontexts__content-title, .c-modal-content .productheader__title, .c-modal-content .productstudycost__title, .c-modal-content .promo__title, .c-modal-content .reduced-event-calendar__title, .c-modal-content .socialmedia__title, .c-modal-content .studyentry__title, .c-modal-content .summary__item-title, .c-modal-content .summarymanual__items-text-title, .c-modal-content .text__content-title, .c-modal-content h1, .c-modal-content h2, .c-modal-content h3, .c-modal-content h4, .c-modal-content h5, .c-modal-content h6, .cmp-carousel--with-logos .c-modal-content .cmp-carousel__title, .cmp-navigation__item-link .c-modal-content .link--l, .cmp-navigation__item-link .c-modal-content .text--button-linkstyle .text__link, .text--button-linkstyle .c-modal-content .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .c-modal-content .text__link { color: var(--color-black) } .c-modal-close { background: none; border: 0; border-radius: 5px; cursor: pointer; padding: 0; position: absolute; right: 40px; top: 40px } @media(max-width:1023px) { .c-modal-close { right: 24px; top: 24px } } .c-modal-close .svg { width: 2pc } @media(max-width:1023px) { .c-modal-close .svg { width: 24px } } .c-modal-close .svg * { fill: currentColor } .c-modal-background { background-color: hsla(0, 0%, 4%, .86); bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .form-reference .aem-Grid, .formcontainer .aem-Grid, .formgroup-responsivegrid .aem-Grid, .splitcontainer--plain .aem-Grid { margin-left: -1.25rem; margin-right: -1.25rem; width: unset !important } @media(max-width:1023px) { .form-reference .aem-Grid, .formcontainer .aem-Grid, .formgroup-responsivegrid .aem-Grid, .splitcontainer--plain .aem-Grid { margin: 0 !important } } .form-reference .aem-GridColumn, .formcontainer .aem-GridColumn, .formgroup-responsivegrid .aem-GridColumn, .splitcontainer--plain .aem-GridColumn { padding-left: 1.25rem; padding-right: 1.25rem } @media(max-width:1023px) { .form-reference .aem-GridColumn, .formcontainer .aem-GridColumn, .formgroup-responsivegrid .aem-GridColumn, .splitcontainer--plain .aem-GridColumn { padding-left: 0 !important; padding-right: 0 !important } } .grid { grid-gap: 40px; display: grid; gap: 40px; grid-template-columns: repeat(12, 1fr) } @media(max-width:1023px) { .grid { grid-gap: 2pc; gap: 2pc } } @media(max-width:767px) { .grid { gap: 20px } } .col-1 { grid-column-end: span 1 } .col-offset-1 { grid-column-start: 2 } .row-1 { grid-row-end: span 1 } .row-offset-1 { grid-row-start: 2 } .col-2 { grid-column-end: span 2 } .col-offset-2 { grid-column-start: 3 } .row-2 { grid-row-end: span 2 } .row-offset-2 { grid-row-start: 3 } .col-3 { grid-column-end: span 3 } .col-offset-3 { grid-column-start: 4 } .row-3 { grid-row-end: span 3 } .row-offset-3 { grid-row-start: 4 } .col-4 { grid-column-end: span 4 } .col-offset-4 { grid-column-start: 5 } .row-4 { grid-row-end: span 4 } .row-offset-4 { grid-row-start: 5 } .col-5 { grid-column-end: span 5 } .col-offset-5 { grid-column-start: 6 } .row-5 { grid-row-end: span 5 } .row-offset-5 { grid-row-start: 6 } .col-6 { grid-column-end: span 6 } .col-offset-6 { grid-column-start: 7 } .row-6 { grid-row-end: span 6 } .row-offset-6 { grid-row-start: 7 } .col-7 { grid-column-end: span 7 } .col-offset-7 { grid-column-start: 8 } .row-7 { grid-row-end: span 7 } .row-offset-7 { grid-row-start: 8 } .col-8 { grid-column-end: span 8 } .col-offset-8 { grid-column-start: 9 } .row-8 { grid-row-end: span 8 } .row-offset-8 { grid-row-start: 9 } .col-9 { grid-column-end: span 9 } .col-offset-9 { grid-column-start: 10 } .row-9 { grid-row-end: span 9 } .row-offset-9 { grid-row-start: 10 } .col-10 { grid-column-end: span 10 } .col-offset-10 { grid-column-start: 11 } .row-10 { grid-row-end: span 10 } .row-offset-10 { grid-row-start: 11 } .col-11 { grid-column-end: span 11 } .col-offset-11 { grid-column-start: 12 } .row-11 { grid-row-end: span 11 } .row-offset-11 { grid-row-start: 12 } .col-12 { grid-column-end: span 12 } .col-offset-12 { grid-column-start: 13 } .row-12 { grid-row-end: span 12 } .row-offset-12 { grid-row-start: 13 } @media(min-width:359px) { .col-sm-1 { grid-column-end: span 1 } .col-offset-sm-1 { grid-column-start: 2 } .row-sm-1 { grid-row-end: span 1 } .row-offset-sm-1 { grid-row-start: 2 } .col-sm-2 { grid-column-end: span 2 } .col-offset-sm-2 { grid-column-start: 3 } .row-sm-2 { grid-row-end: span 2 } .row-offset-sm-2 { grid-row-start: 3 } .col-sm-3 { grid-column-end: span 3 } .col-offset-sm-3 { grid-column-start: 4 } .row-sm-3 { grid-row-end: span 3 } .row-offset-sm-3 { grid-row-start: 4 } .col-sm-4 { grid-column-end: span 4 } .col-offset-sm-4 { grid-column-start: 5 } .row-sm-4 { grid-row-end: span 4 } .row-offset-sm-4 { grid-row-start: 5 } .col-sm-5 { grid-column-end: span 5 } .col-offset-sm-5 { grid-column-start: 6 } .row-sm-5 { grid-row-end: span 5 } .row-offset-sm-5 { grid-row-start: 6 } .col-sm-6 { grid-column-end: span 6 } .col-offset-sm-6 { grid-column-start: 7 } .row-sm-6 { grid-row-end: span 6 } .row-offset-sm-6 { grid-row-start: 7 } .col-sm-7 { grid-column-end: span 7 } .col-offset-sm-7 { grid-column-start: 8 } .row-sm-7 { grid-row-end: span 7 } .row-offset-sm-7 { grid-row-start: 8 } .col-sm-8 { grid-column-end: span 8 } .col-offset-sm-8 { grid-column-start: 9 } .row-sm-8 { grid-row-end: span 8 } .row-offset-sm-8 { grid-row-start: 9 } .col-sm-9 { grid-column-end: span 9 } .col-offset-sm-9 { grid-column-start: 10 } .row-sm-9 { grid-row-end: span 9 } .row-offset-sm-9 { grid-row-start: 10 } .col-sm-10 { grid-column-end: span 10 } .col-offset-sm-10 { grid-column-start: 11 } .row-sm-10 { grid-row-end: span 10 } .row-offset-sm-10 { grid-row-start: 11 } .col-sm-11 { grid-column-end: span 11 } .col-offset-sm-11 { grid-column-start: 12 } .row-sm-11 { grid-row-end: span 11 } .row-offset-sm-11 { grid-row-start: 12 } .col-sm-12 { grid-column-end: span 12 } .col-offset-sm-12 { grid-column-start: 13 } .row-sm-12 { grid-row-end: span 12 } .row-offset-sm-12 { grid-row-start: 13 } } @media(min-width:767px) { .col-md-1 { grid-column-end: span 1 } .col-offset-md-1 { grid-column-start: 2 } .row-md-1 { grid-row-end: span 1 } .row-offset-md-1 { grid-row-start: 2 } .col-md-2 { grid-column-end: span 2 } .col-offset-md-2 { grid-column-start: 3 } .row-md-2 { grid-row-end: span 2 } .row-offset-md-2 { grid-row-start: 3 } .col-md-3 { grid-column-end: span 3 } .col-offset-md-3 { grid-column-start: 4 } .row-md-3 { grid-row-end: span 3 } .row-offset-md-3 { grid-row-start: 4 } .col-md-4 { grid-column-end: span 4 } .col-offset-md-4 { grid-column-start: 5 } .row-md-4 { grid-row-end: span 4 } .row-offset-md-4 { grid-row-start: 5 } .col-md-5 { grid-column-end: span 5 } .col-offset-md-5 { grid-column-start: 6 } .row-md-5 { grid-row-end: span 5 } .row-offset-md-5 { grid-row-start: 6 } .col-md-6 { grid-column-end: span 6 } .col-offset-md-6 { grid-column-start: 7 } .row-md-6 { grid-row-end: span 6 } .row-offset-md-6 { grid-row-start: 7 } .col-md-7 { grid-column-end: span 7 } .col-offset-md-7 { grid-column-start: 8 } .row-md-7 { grid-row-end: span 7 } .row-offset-md-7 { grid-row-start: 8 } .col-md-8 { grid-column-end: span 8 } .col-offset-md-8 { grid-column-start: 9 } .row-md-8 { grid-row-end: span 8 } .row-offset-md-8 { grid-row-start: 9 } .col-md-9 { grid-column-end: span 9 } .col-offset-md-9 { grid-column-start: 10 } .row-md-9 { grid-row-end: span 9 } .row-offset-md-9 { grid-row-start: 10 } .col-md-10 { grid-column-end: span 10 } .col-offset-md-10 { grid-column-start: 11 } .row-md-10 { grid-row-end: span 10 } .row-offset-md-10 { grid-row-start: 11 } .col-md-11 { grid-column-end: span 11 } .col-offset-md-11 { grid-column-start: 12 } .row-md-11 { grid-row-end: span 11 } .row-offset-md-11 { grid-row-start: 12 } .col-md-12 { grid-column-end: span 12 } .col-offset-md-12 { grid-column-start: 13 } .row-md-12 { grid-row-end: span 12 } .row-offset-md-12 { grid-row-start: 13 } } @media(min-width:1023px) { .col-lg-1 { grid-column-end: span 1 } .col-offset-lg-1 { grid-column-start: 2 } .row-lg-1 { grid-row-end: span 1 } .row-offset-lg-1 { grid-row-start: 2 } .col-lg-2 { grid-column-end: span 2 } .col-offset-lg-2 { grid-column-start: 3 } .row-lg-2 { grid-row-end: span 2 } .row-offset-lg-2 { grid-row-start: 3 } .col-lg-3 { grid-column-end: span 3 } .col-offset-lg-3 { grid-column-start: 4 } .row-lg-3 { grid-row-end: span 3 } .row-offset-lg-3 { grid-row-start: 4 } .col-lg-4 { grid-column-end: span 4 } .col-offset-lg-4 { grid-column-start: 5 } .row-lg-4 { grid-row-end: span 4 } .row-offset-lg-4 { grid-row-start: 5 } .col-lg-5 { grid-column-end: span 5 } .col-offset-lg-5 { grid-column-start: 6 } .row-lg-5 { grid-row-end: span 5 } .row-offset-lg-5 { grid-row-start: 6 } .col-lg-6 { grid-column-end: span 6 } .col-offset-lg-6 { grid-column-start: 7 } .row-lg-6 { grid-row-end: span 6 } .row-offset-lg-6 { grid-row-start: 7 } .col-lg-7 { grid-column-end: span 7 } .col-offset-lg-7 { grid-column-start: 8 } .row-lg-7 { grid-row-end: span 7 } .row-offset-lg-7 { grid-row-start: 8 } .col-lg-8 { grid-column-end: span 8 } .col-offset-lg-8 { grid-column-start: 9 } .row-lg-8 { grid-row-end: span 8 } .row-offset-lg-8 { grid-row-start: 9 } .col-lg-9 { grid-column-end: span 9 } .col-offset-lg-9 { grid-column-start: 10 } .row-lg-9 { grid-row-end: span 9 } .row-offset-lg-9 { grid-row-start: 10 } .col-lg-10 { grid-column-end: span 10 } .col-offset-lg-10 { grid-column-start: 11 } .row-lg-10 { grid-row-end: span 10 } .row-offset-lg-10 { grid-row-start: 11 } .col-lg-11 { grid-column-end: span 11 } .col-offset-lg-11 { grid-column-start: 12 } .row-lg-11 { grid-row-end: span 11 } .row-offset-lg-11 { grid-row-start: 12 } .col-lg-12 { grid-column-end: span 12 } .col-offset-lg-12 { grid-column-start: 13 } .row-lg-12 { grid-row-end: span 12 } .row-offset-lg-12 { grid-row-start: 13 } } @media(min-width:1365px) { .col-xl-1 { grid-column-end: span 1 } .col-offset-xl-1 { grid-column-start: 2 } .row-xl-1 { grid-row-end: span 1 } .row-offset-xl-1 { grid-row-start: 2 } .col-xl-2 { grid-column-end: span 2 } .col-offset-xl-2 { grid-column-start: 3 } .row-xl-2 { grid-row-end: span 2 } .row-offset-xl-2 { grid-row-start: 3 } .col-xl-3 { grid-column-end: span 3 } .col-offset-xl-3 { grid-column-start: 4 } .row-xl-3 { grid-row-end: span 3 } .row-offset-xl-3 { grid-row-start: 4 } .col-xl-4 { grid-column-end: span 4 } .col-offset-xl-4 { grid-column-start: 5 } .row-xl-4 { grid-row-end: span 4 } .row-offset-xl-4 { grid-row-start: 5 } .col-xl-5 { grid-column-end: span 5 } .col-offset-xl-5 { grid-column-start: 6 } .row-xl-5 { grid-row-end: span 5 } .row-offset-xl-5 { grid-row-start: 6 } .col-xl-6 { grid-column-end: span 6 } .col-offset-xl-6 { grid-column-start: 7 } .row-xl-6 { grid-row-end: span 6 } .row-offset-xl-6 { grid-row-start: 7 } .col-xl-7 { grid-column-end: span 7 } .col-offset-xl-7 { grid-column-start: 8 } .row-xl-7 { grid-row-end: span 7 } .row-offset-xl-7 { grid-row-start: 8 } .col-xl-8 { grid-column-end: span 8 } .col-offset-xl-8 { grid-column-start: 9 } .row-xl-8 { grid-row-end: span 8 } .row-offset-xl-8 { grid-row-start: 9 } .col-xl-9 { grid-column-end: span 9 } .col-offset-xl-9 { grid-column-start: 10 } .row-xl-9 { grid-row-end: span 9 } .row-offset-xl-9 { grid-row-start: 10 } .col-xl-10 { grid-column-end: span 10 } .col-offset-xl-10 { grid-column-start: 11 } .row-xl-10 { grid-row-end: span 10 } .row-offset-xl-10 { grid-row-start: 11 } .col-xl-11 { grid-column-end: span 11 } .col-offset-xl-11 { grid-column-start: 12 } .row-xl-11 { grid-row-end: span 11 } .row-offset-xl-11 { grid-row-start: 12 } .col-xl-12 { grid-column-end: span 12 } .col-offset-xl-12 { grid-column-start: 13 } .row-xl-12 { grid-row-end: span 12 } .row-offset-xl-12 { grid-row-start: 13 } } @media(min-width:1759px) { .col-xxl-1 { grid-column-end: span 1 } .col-offset-xxl-1 { grid-column-start: 2 } .row-xxl-1 { grid-row-end: span 1 } .row-offset-xxl-1 { grid-row-start: 2 } .col-xxl-2 { grid-column-end: span 2 } .col-offset-xxl-2 { grid-column-start: 3 } .row-xxl-2 { grid-row-end: span 2 } .row-offset-xxl-2 { grid-row-start: 3 } .col-xxl-3 { grid-column-end: span 3 } .col-offset-xxl-3 { grid-column-start: 4 } .row-xxl-3 { grid-row-end: span 3 } .row-offset-xxl-3 { grid-row-start: 4 } .col-xxl-4 { grid-column-end: span 4 } .col-offset-xxl-4 { grid-column-start: 5 } .row-xxl-4 { grid-row-end: span 4 } .row-offset-xxl-4 { grid-row-start: 5 } .col-xxl-5 { grid-column-end: span 5 } .col-offset-xxl-5 { grid-column-start: 6 } .row-xxl-5 { grid-row-end: span 5 } .row-offset-xxl-5 { grid-row-start: 6 } .col-xxl-6 { grid-column-end: span 6 } .col-offset-xxl-6 { grid-column-start: 7 } .row-xxl-6 { grid-row-end: span 6 } .row-offset-xxl-6 { grid-row-start: 7 } .col-xxl-7 { grid-column-end: span 7 } .col-offset-xxl-7 { grid-column-start: 8 } .row-xxl-7 { grid-row-end: span 7 } .row-offset-xxl-7 { grid-row-start: 8 } .col-xxl-8 { grid-column-end: span 8 } .col-offset-xxl-8 { grid-column-start: 9 } .row-xxl-8 { grid-row-end: span 8 } .row-offset-xxl-8 { grid-row-start: 9 } .col-xxl-9 { grid-column-end: span 9 } .col-offset-xxl-9 { grid-column-start: 10 } .row-xxl-9 { grid-row-end: span 9 } .row-offset-xxl-9 { grid-row-start: 10 } .col-xxl-10 { grid-column-end: span 10 } .col-offset-xxl-10 { grid-column-start: 11 } .row-xxl-10 { grid-row-end: span 10 } .row-offset-xxl-10 { grid-row-start: 11 } .col-xxl-11 { grid-column-end: span 11 } .col-offset-xxl-11 { grid-column-start: 12 } .row-xxl-11 { grid-row-end: span 11 } .row-offset-xxl-11 { grid-row-start: 12 } .col-xxl-12 { grid-column-end: span 12 } .col-offset-xxl-12 { grid-column-start: 13 } .row-xxl-12 { grid-row-end: span 12 } .row-offset-xxl-12 { grid-row-start: 13 } } .col-offset-0 { grid-column-start: 1 } .cmp-accordion { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .cmp-accordion { margin: 40px 0 } } .cmp-accordion .cmp-accordion { margin: 0; padding: 0 } .cmp-accordion__name { align-items: center; display: flex; justify-content: space-between } .cmp-accordion__panel>.download, .cmp-accordion__panel>.greyinfobox, .cmp-accordion__panel>.imagecomponent, .cmp-accordion__panel>.splitcontainer, .cmp-accordion__panel>.text { margin-bottom: 24px; margin-top: 0; padding: 0 } .cmp-accordion__item { border-bottom: 2px solid var(--color-grey-100) } .cmp-accordion__item .cmp-accordion__item:last-child { border-bottom: none } .cmp-accordion__title { margin-bottom: 40px; margin-top: 0 } @media(max-width:1023px) { .cmp-accordion__title { margin-bottom: 24px } } .cmp-accordion__title-item { color: var(--color-grey-900); margin-bottom: 0; padding: 24px 0; width: 100% } @media(max-width:1023px) { .cmp-accordion__title-item { padding: 1pc 0 } } .cmp-accordion__pre-title { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin-bottom: 8px } @media(max-width:1023px) { .cmp-accordion__pre-title { font-size: 1pc; line-height: 24px } } .cmp-accordion__icon-arrow-down { fill: var(--color-primary-500); margin-left: 24px; margin-right: 9pt; width: 24px } @media(max-width:1023px) { .cmp-accordion__icon-arrow-down { margin-left: 1pc; margin-right: 18px; width: 20px } } .cmp-accordion__button { padding: 0 } .cmp-accordion__button:hover .cmp-accordion__icon-arrow-down { margin-top: 9pt } .cmp-accordion__button:active { background-color: var(--color-grey-50) } .cmp-accordion__header [aria-expanded=true] .cmp-accordion__icon-arrow-down { transform: rotate(180deg) } .cmp-accordion__info { display: flex; margin-top: 24px } @media(max-width:1023px) { .cmp-accordion__info { margin-top: 1pc } } .cmp-accordion__info-icon { fill: var(--color-primary-500); margin-right: 8px } .cmp-accordion__info-icon svg { height: 20px; width: 20px } @media(max-width:1023px) { .cmp-accordion__info-icon svg { height: 1pc; width: 1pc } } .cmp-accordion__info-text { color: var(--color-grey-600) } .cmp-accordion .container, .cmp-accordion .responsivegrid-container:not(.responsivegrid) { padding-bottom: 24px } @media(max-width:1023px) { .cmp-accordion .container, .cmp-accordion .responsivegrid-container:not(.responsivegrid) { padding-bottom: 1pc } } .formstep .accordion { margin-bottom: 4pc } @media(max-width:1023px) { .formstep .accordion { margin-bottom: 24px } } .accordion--blue .cmp-accordion__icon-arrow-down, .accordion--blue .cmp-accordion__info-icon { fill: var(--color-secondary-500) } .accordion--blue .cmp-accordion__pre-title { color: var(--color-secondary-500) } .articleintro { display: flex; flex-direction: column; hyphens: auto; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .articleintro { margin-top: 2px; padding: 0 } } .articleintro__introduction { display: flex; margin-bottom: 8pc } @media(max-width:1023px) { .articleintro__introduction { flex-direction: column; margin-bottom: 40px } } .articleintro__introduction-pre-title { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin-bottom: 8px } @media(max-width:1023px) { .articleintro__introduction-pre-title { font-size: 1pc; line-height: 24px; margin-bottom: 8px; margin-top: 24px } } .articleintro__introduction-title { margin: 0 } .articleintro__introduction-date { margin-bottom: 1pc } @media(max-width:1023px) { .articleintro__introduction-date { margin-bottom: 8px; margin-top: 24px } } .articleintro__introduction-description { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .articleintro__introduction-description { font-size: 1pc; line-height: 24px } } .articleintro__introduction-info { flex-basis: 50%; hyphens: auto; overflow-wrap: anywhere } @media(max-width:1023px) { .articleintro__introduction-info { padding: 0 4% } } .articleintro__image { display: flex; flex-basis: 50%; flex-direction: column; margin-right: 40px; width: 100% } @media(max-width:1023px) { .articleintro__image { margin-right: 0 } } .articleintro__image picture { display: flex; height: 100%; width: 100% } .articleintro__image img { border-radius: 1pc; height: 100%; object-fit: cover; width: 100% } @media(max-width:1023px) { .articleintro__image img { border-radius: 0 } } .articleintro__image-description { color: var(--color-grey-600); font-size: 1pc; line-height: 24px; margin-top: 1pc } @media(max-width:1023px) { .articleintro__image-description { font-size: 1pc; line-height: 24px; margin-left: 1pc; margin-top: 8px } } .articleintro__item { border-radius: 1pc; flex-basis: 50%; margin-right: 40px; width: -moz-available; width: -webkit-fill-available } @media(max-width:1023px) { .articleintro__item { margin-right: 0 } } .articleintro__item-video { border-radius: 1pc } @media(max-width:1023px) { .articleintro__item-video { border-radius: 0 } } .articleintro__item-video-thumbnail { cursor: pointer; display: block; height: 8pc; left: calc(50% - 4pc); position: absolute; top: calc(50% - 4pc); width: 8pc; z-index: 998 } @media(max-width:1023px) { .articleintro__item-video-thumbnail { height: 4pc; left: calc(50% - 2pc); top: calc(50% - 2pc); width: 4pc } } .articleintro__item-video-thumbnail .video-play-background { fill: var(--color-primary-500); opacity: .9 } .articleintro__item-video-thumbnail .video-play-border { fill: var(--color-white) } .articleintro__item-video-duration { background-color: var(--color-primary-500); border-radius: 1pc; bottom: 8px; color: var(--color-white); font-size: 1pc; font-weight: 700; line-height: 24px; margin-bottom: 0; opacity: .9; padding: 4px 9pt; position: absolute; right: 8px; z-index: 998 } @media(max-width:1023px) { .articleintro__item-video-duration { font-size: 1pc; line-height: 24px; padding: 2px 8px } } .articleintro__item-video-interactive-overlay { background: var(--color-grey-900); border-radius: 1pc; height: 100%; opacity: .6; position: absolute; width: 100% } @media(max-width:1023px) { .articleintro__item-video-interactive-overlay { border-radius: 0 } } .articleintro__item-video-wrapper { display: flex; position: relative } .articleintro__item-video-wrapper:hover { cursor: pointer } .articleintro__item-video-wrapper:hover .articleintro__item-video-interactive-overlay { background-color: var(--color-primary-500); opacity: .9 } .articleintro__item-video-wrapper:hover .articleintro__item-video-thumbnail .video-play-background { fill: transparent } .articleintro__item-video-wrapper:hover .articleintro__item-video-duration { background-color: transparent } .articleintro--blue .articleintro__introduction-pre-title { color: var(--color-secondary-500) } .articleintro--blue .articleintro__item-video-wrapper:hover .articleintro__item-video-interactive-overlay { background-color: var(--color-secondary-500) } .articleintro--blue .articleintro__item-video-thumbnail .video-play-background { fill: var(--color-secondary-500); opacity: .9 } .articleintro--blue .articleintro__item-video-duration { background: var(--color-secondary-500) } @media(max-width:1023px) { .cmp-breadcrumb { display: none } } .cmp-breadcrumb__list { display: flex; margin-bottom: 0 } .cmp-breadcrumb__item { margin: 0; padding-left: 0 } .cmp-breadcrumb__item:before { content: none } .cmp-breadcrumb__item-link { color: var(--color-primary-500); display: flex } .cmp-breadcrumb__item-link span { text-decoration: underline } .cmp-breadcrumb__item-link:after { color: var(--color-grey-900); content: "/"; padding: 0 8px } .cmp-breadcrumb__item:hover .cmp-breadcrumb__item-link span { text-decoration: none } .cmp-breadcrumb__item:active .cmp-breadcrumb__item-link span { color: var(--color-primary-600); text-decoration: none } .cmp-breadcrumb__item .hideNavItem:after { color: var(--color-grey-900); content: "/"; padding: 0 8px } .breadcrumb { padding: 4pc 4% } @media(max-width:1023px) { .breadcrumb { display: none } } .breadcrumb--no-margin-top { padding-top: 0 } .breadcrumb--no-margin-bottom { padding-bottom: 0 } .breadcrumb--blue .cmp-breadcrumb__item:active .cmp-breadcrumb__item-link span { color: var(--color-secondary-600) } .breadcrumb--blue .cmp-breadcrumb__item-link { color: var(--color-secondary-500) } .contacts { hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .contacts { margin: 40px 0; padding: 0 } } .contacts__title { margin: 0; width: 60.42% } @media(max-width:1023px) { .contacts__title { padding: 0 4%; width: 100% } } .contacts__description { color: var(--color-grey-600); font-size: 24px; line-height: 36px; margin: 1pc 0 40px; width: 60.42% } @media(max-width:1023px) { .contacts__description { font-size: 1pc; line-height: 24px; margin-top: 8px; padding: 0 4%; width: 100% } } .contacts__content { display: grid; gap: 40px 2%; grid-template-columns: repeat(5, 1fr) } @media(max-width:1023px) { .contacts__content { -ms-overflow-style: none; gap: 8px; grid-auto-flow: column; grid-template-rows: repeat(1, 1fr); overflow-x: scroll; padding: 0 4%; scrollbar-width: none } .contacts__content::-webkit-scrollbar { display: none } } .contacts__card-profile { aspect-ratio: 1/1; background: var(--color-grey-50); border-radius: 1pc; display: block; overflow: hidden } .contacts__card-profile img { display: block; height: 100%; object-fit: cover; width: 100% } .contacts__person { color: var(--color-grey-600); font-size: 20px; line-height: 28px; margin-top: 1pc; overflow-wrap: break-word } @media(max-width:1023px) { .contacts__person { font-size: 1pc; line-height: 24px; width: 280px } } .contacts__person-name { color: var(--color-grey-900); font-size: 24px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .contacts__person-name { font-size: 20px; font-weight: 700; line-height: 28px } } .contacts__person-description { margin-top: 4px } .contacts__person-email, .contacts__person-phone { display: flex; font-size: 20px; gap: 9pt; line-height: 28px; text-decoration: underline; text-decoration-color: var(--color-primary-500) } @media(max-width:1023px) { .contacts__person-email, .contacts__person-phone { font-size: 1pc; gap: 8px; line-height: 24px } } .contacts__person-email-icon, .contacts__person-phone-icon { fill: var(--color-primary-500); height: 24px; width: 24px } @media(max-width:1023px) { .contacts__person-email-icon, .contacts__person-phone-icon { height: 20px; width: 20px } } .contacts__person-email-link, .contacts__person-phone-link { color: var(--color-primary-500) } .contacts__person-phone { margin-top: 1pc } @media(max-width:1023px) { .contacts__person-phone { margin-top: 9pt } } .contacts__person-email { margin: 8px 0 1pc; word-break: break-all } @media(max-width:1023px) { .contacts__person-email { margin-bottom: 9pt } } .contacts__generic-phone { align-items: center; aspect-ratio: 1/1; background: var(--color-white); border: 1px solid var(--color-grey-200); border-radius: 1pc; color: var(--color-grey-900); display: flex; flex-direction: column; font-size: 24px; justify-content: center; line-height: 36px; padding: 0 20px; text-align: center; width: 100% } @media(max-width:1023px) { .contacts__generic-phone { font-size: 1pc; height: 280px; line-height: 24px; width: 280px } } .contacts__generic-phone:hover { background-color: var(--color-primary-50) } .contacts__generic-phone-icon { fill: var(--color-primary-500); align-self: center; height: 40px; margin-bottom: 9pt; width: 40px } @media(max-width:1023px) { .contacts__generic-phone-icon { height: 2pc; margin-bottom: 8px; width: 2pc } } .contacts--neon .contacts__person-email-link, .contacts--neon .contacts__person-phone-link { color: var(--color-primary-500) } .contacts--neon .contacts__person-email-icon, .contacts--neon .contacts__person-phone-icon { fill: var(--color-primary-500) } .contacts--neon .contacts__generic-phone:hover { background-color: var(--color-primary-50) } .contacts--neon .contacts__generic-phone-icon { fill: var(--color-primary-500) } .contacts--blue .contacts__person-email, .contacts--blue .contacts__person-phone { text-decoration: var(--color-secondary-500) } .contacts--blue .contacts__person-email-link, .contacts--blue .contacts__person-phone-link { color: var(--color-secondary-500) } .contacts--blue .contacts__person-email-icon, .contacts--blue .contacts__person-phone-icon { fill: var(--color-secondary-500) } .contacts--blue .contacts__generic-phone:hover { background-color: var(--color-secondary-50) } .contacts--blue .contacts__generic-phone-icon { fill: var(--color-secondary-500) } .contacts--detailed .contacts__person-information { display: block } .contacts--limited .contacts__person-information { display: none } .contacttiles { border-bottom: 2px solid var(--color-white); display: flex; position: relative } @media(max-width:1023px) { .contacttiles { display: block } } .contacttiles__teaser { display: flex; flex-basis: 50%; flex-direction: column; height: 45pc; justify-content: center; position: relative; transition: all .15s ease-in } @media(max-width:1023px) { .contacttiles__teaser { display: block; height: 280px; width: 100% } } .contacttiles__teaser:hover .contacttiles__teaser-overlay { background: none } .contacttiles__teaser:hover .contacttiles__teaser-overlay--hover { background: var(--color-primary-500); height: 100%; opacity: .9 } .contacttiles__teaser:hover .contacttiles__teaser-link { color: var(--color-highlight-500) } .contacttiles__teaser:hover .contacttiles__teaser-link .link__icon.svg { right: -33px } .contacttiles__teaser:hover .contacttiles__teaser-link .link__icon.svg svg { fill: var(--color-highlight-500) } .contacttiles__teaser-content { bottom: 0; display: flex; flex-direction: column; height: auto; left: 0; overflow: hidden; padding: 4pc 8%; position: absolute; right: 0; width: 100%; z-index: 500 } @media(max-width:1023px) { .contacttiles__teaser-content { padding: 20px 4% } } .contacttiles__teaser-title { color: var(--color-white); margin: 0 0 1pc; width: 100% } @media(max-width:1023px) { .contacttiles__teaser-title { margin-bottom: 8px } } .contacttiles__teaser-subtitle { color: var(--color-white); font-size: 24px; line-height: 36px; margin-bottom: 2pc; word-break: break-word } @media(max-width:1023px) { .contacttiles__teaser-subtitle { font-size: 1pc; line-height: 24px; margin-bottom: 1pc } } .contacttiles__teaser-link { align-self: flex-start } .contacttiles__teaser-image { flex-basis: 100%; height: 100%; position: relative; width: 100% } .contacttiles__teaser-image picture { display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 100 } .contacttiles__teaser-image img { height: 100%; object-fit: cover; width: 100% } .contacttiles__teaser-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); bottom: 0; display: flex; height: 33%; position: absolute; width: 100%; z-index: 400 } @media(max-width:1023px) { .contacttiles__teaser-overlay { height: 66% } } .contacttiles__contacts { border: 2px solid var(--color-grey-100); display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); position: relative; width: 50% } @media(max-width:1023px) { .contacttiles__contacts { border-left: none; border-right: none; width: 100% } } .contacttiles__contacts:after, .contacttiles__contacts:before { background-color: var(--color-grey-100); content: ""; display: block; position: absolute; z-index: 1 } .contacttiles__contacts:before { bottom: 0; height: 100%; left: calc(50% - 1px); top: 0; width: 2px } .contacttiles__contacts:after { height: 2px; left: 0; right: 0; top: calc(50% - 1px); width: 100% } .contacttiles__contacts-tile { align-items: center; display: flex; flex-basis: 50%; flex-direction: column; justify-content: center; padding: 4%; text-align: center; transition: all .15s ease-in } .contacttiles__contacts-tile:hover { background: var(--color-primary-50) } @media(max-width:1023px) { .contacttiles__contacts-tile { height: 140px } } .contacttiles__contacts-tile-phone { grid-column: 1; grid-row: 1; word-break: break-all } .contacttiles__contacts-tile-whatsapp { grid-column: 2; grid-row: 1 } .contacttiles__contacts-tile-callback { grid-column: 1; grid-row: 2 } .contacttiles__contacts-tile-email { grid-column: 2; grid-row: 2 } @media(max-width:1023px) { .contacttiles__contacts-tile--desktop { display: none } } .contacttiles__contacts-tile--mobile { display: none } @media(max-width:1023px) { .contacttiles__contacts-tile--mobile { display: flex } } .contacttiles__contacts-icon { fill: var(--color-primary-500); height: 3pc; margin-bottom: 1pc; width: 3pc } @media(max-width:1023px) { .contacttiles__contacts-icon { height: 24px; margin-bottom: 8px; width: 24px } } .contacttiles__contacts-label { color: var(--color-grey-900); font-size: 28px; line-height: 36px; margin-bottom: 0 } @media(max-width:1023px) { .contacttiles__contacts-label { font-size: 20px; line-height: 28px } } .contacttiles--blue .contacttiles__teaser:hover .contacttiles__teaser-overlay--hover { background: var(--color-secondary-500); opacity: .9 } .contacttiles--blue .contacttiles__teaser:hover .contacttiles__teaser-link { color: var(--color-highlight-500) } .contacttiles--blue .contacttiles__teaser:hover .contacttiles__teaser-link .link__icon.svg { right: -33px } .contacttiles--blue .contacttiles__teaser:hover .contacttiles__teaser-link .link__icon.svg svg { fill: var(--color-highlight-500) } .contacttiles--blue .contacttiles__contacts-tile:hover { background: var(--color-secondary-50) } .contacttiles--blue .contacttiles__contacts-icon { fill: var(--color-secondary-500) } .cmp-contentfragment__elements { hyphens: auto; overflow-wrap: break-word } .cmp-contentfragment__elements .cmp-contentfragment__element, .cmp-contentfragment__elements-paragraph>:not(div) { margin-left: auto; margin-right: auto; width: 60% } @media(max-width:1023px) { .cmp-contentfragment__elements .cmp-contentfragment__element, .cmp-contentfragment__elements-paragraph>:not(div) { margin-left: 0; margin-right: 0; padding: 0 4%; width: 100% } } .cmp-contentfragment__elements-paragraph>p { margin-bottom: 0 } .cmp-carousel--with-logos .cmp-contentfragment__elements-paragraph>.cmp-carousel__title, .cmp-contentfragment__elements .c-lecturers__title, .cmp-contentfragment__elements .cmp-navigation__item-link, .cmp-contentfragment__elements .cmp-navigation__item-link .link--l, .cmp-contentfragment__elements .cmp-navigation__item-link .text--button-linkstyle .text__link, .cmp-contentfragment__elements .contacttiles__teaser-title, .cmp-contentfragment__elements .event-calendar__title, .cmp-contentfragment__elements .event-calendar__title-link, .cmp-contentfragment__elements .eventlocation__building-name, .cmp-contentfragment__elements .eventlocation__title, .cmp-contentfragment__elements .info__section-title, .cmp-contentfragment__elements .link--xxl, .cmp-contentfragment__elements .locationteaser__description-title, .cmp-contentfragment__elements .magazineteaser__description-pretitle, .cmp-contentfragment__elements .magazineteaser__description-title, .cmp-contentfragment__elements .product-finder__title, .cmp-contentfragment__elements .product-instance-info__column-title, .cmp-contentfragment__elements .product-instance-info__title, .cmp-contentfragment__elements .productstudycost__title, .cmp-contentfragment__elements .reduced-event-calendar__title, .cmp-contentfragment__elements .socialmedia__title, .cmp-contentfragment__elements .studyentry__title, .cmp-contentfragment__elements .summary__item-title, .cmp-contentfragment__elements .summarymanual__items-text-title, .cmp-contentfragment__elements h2, .cmp-contentfragment__elements h3, .cmp-contentfragment__elements h4, .cmp-contentfragment__elements h5, .cmp-contentfragment__elements h6, .cmp-contentfragment__elements-paragraph>.cmp-quotes__quote, .cmp-contentfragment__elements-paragraph>.errorpage__title, .cmp-contentfragment__elements-paragraph>.herostudyformats__title, .cmp-contentfragment__elements-paragraph>.heroteaser__dynamic-content-title, .cmp-contentfragment__elements-paragraph>.heroteaser__title, .cmp-contentfragment__elements-paragraph>.productdescriptiontexts__content-title, .cmp-contentfragment__elements-paragraph>.productheader__title, .cmp-contentfragment__elements-paragraph>.promo__title, .cmp-contentfragment__elements-paragraph>.text__content-title, .cmp-contentfragment__elements-paragraph>h1, .cmp-navigation__item-link .cmp-contentfragment__elements .link--l, .cmp-navigation__item-link .cmp-contentfragment__elements .text--button-linkstyle .text__link, .text--button-linkstyle .cmp-contentfragment__elements .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .cmp-contentfragment__elements .text__link { margin-top: 0 } .cmp-contentfragment__elements-paragraph>:not(h1, .productheader__title, .productdescriptiontexts__content-title, .text__content-title, .cmp-quotes__quote, .promo__title, .heroteaser__dynamic-content-title, .heroteaser__title, .herostudyformats__title, .errorpage__title, h2, .product-instance-info__column-title, .product-instance-info__title, .product-finder__title, .studyentry__title, .socialmedia__title, .locationteaser__description-title, .magazineteaser__description-title, .magazineteaser__description-pretitle, .info__section-title, .reduced-event-calendar__title, .event-calendar__title, .link--xxl, .event-calendar__title-link, .c-lecturers__title, .contacttiles__teaser-title, h3, .productstudycost__title, .eventlocation__title, h4, .summarymanual__items-text-title, .summary__item-title, .cmp-navigation__item-link, .eventlocation__building-name, h5, h6, div) { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .cmp-contentfragment__elements-paragraph>:not(h1, .productheader__title, .productdescriptiontexts__content-title, .text__content-title, .cmp-quotes__quote, .promo__title, .heroteaser__dynamic-content-title, .heroteaser__title, .herostudyformats__title, .errorpage__title, h2, .product-instance-info__column-title, .product-instance-info__title, .product-finder__title, .studyentry__title, .socialmedia__title, .locationteaser__description-title, .magazineteaser__description-title, .magazineteaser__description-pretitle, .info__section-title, .reduced-event-calendar__title, .event-calendar__title, .link--xxl, .event-calendar__title-link, .c-lecturers__title, .contacttiles__teaser-title, h3, .productstudycost__title, .eventlocation__title, h4, .summarymanual__items-text-title, .summary__item-title, .cmp-navigation__item-link, .eventlocation__building-name, h5, h6, div) { font-size: 1pc; line-height: 24px } } .cmp-contentfragment__elements .cmp-contentfragment__element { color: var(--color-grey-600); font-size: 24px; line-height: 36px; margin-bottom: 24px; margin-top: 24px } @media(max-width:1023px) { .cmp-contentfragment__elements .cmp-contentfragment__element { font-size: 1pc; line-height: 24px; margin-bottom: 1pc; margin-top: 1pc } } .cmp-carousel--with-logos .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-carousel__title, .cmp-contentfragment__elements .cmp-contentfragment__element .c-lecturers__title, .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-carousel--with-logos .cmp-carousel__title, .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-navigation__item-link, .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-navigation__item-link .link--l, .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-navigation__item-link .text--button-linkstyle .text__link, .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-quotes__quote, .cmp-contentfragment__elements .cmp-contentfragment__element .contacttiles__teaser-title, .cmp-contentfragment__elements .cmp-contentfragment__element .errorpage__title, .cmp-contentfragment__elements .cmp-contentfragment__element .event-calendar__title, .cmp-contentfragment__elements .cmp-contentfragment__element .event-calendar__title-link, .cmp-contentfragment__elements .cmp-contentfragment__element .eventlocation__building-name, .cmp-contentfragment__elements .cmp-contentfragment__element .eventlocation__title, .cmp-contentfragment__elements .cmp-contentfragment__element .herostudyformats__title, .cmp-contentfragment__elements .cmp-contentfragment__element .heroteaser__dynamic-content-title, .cmp-contentfragment__elements .cmp-contentfragment__element .heroteaser__title, .cmp-contentfragment__elements .cmp-contentfragment__element .info__section-title, .cmp-contentfragment__elements .cmp-contentfragment__element .link--xxl, .cmp-contentfragment__elements .cmp-contentfragment__element .locationteaser__description-title, .cmp-contentfragment__elements .cmp-contentfragment__element .magazineteaser__description-pretitle, .cmp-contentfragment__elements .cmp-contentfragment__element .magazineteaser__description-title, .cmp-contentfragment__elements .cmp-contentfragment__element .product-finder__title, .cmp-contentfragment__elements .cmp-contentfragment__element .product-instance-info__column-title, .cmp-contentfragment__elements .cmp-contentfragment__element .product-instance-info__title, .cmp-contentfragment__elements .cmp-contentfragment__element .productdescriptiontexts__content-title, .cmp-contentfragment__elements .cmp-contentfragment__element .productheader__title, .cmp-contentfragment__elements .cmp-contentfragment__element .productstudycost__title, .cmp-contentfragment__elements .cmp-contentfragment__element .promo__title, .cmp-contentfragment__elements .cmp-contentfragment__element .reduced-event-calendar__title, .cmp-contentfragment__elements .cmp-contentfragment__element .socialmedia__title, .cmp-contentfragment__elements .cmp-contentfragment__element .studyentry__title, .cmp-contentfragment__elements .cmp-contentfragment__element .summary__item-title, .cmp-contentfragment__elements .cmp-contentfragment__element .summarymanual__items-text-title, .cmp-contentfragment__elements .cmp-contentfragment__element .text__content-title, .cmp-contentfragment__elements .cmp-contentfragment__element h1, .cmp-contentfragment__elements .cmp-contentfragment__element h2, .cmp-contentfragment__elements .cmp-contentfragment__element h3, .cmp-contentfragment__elements .cmp-contentfragment__element h4, .cmp-contentfragment__elements .cmp-contentfragment__element h5, .cmp-contentfragment__elements .cmp-contentfragment__element h6, .cmp-navigation__item-link .cmp-contentfragment__elements .cmp-contentfragment__element .link--l, .cmp-navigation__item-link .cmp-contentfragment__elements .cmp-contentfragment__element .text--button-linkstyle .text__link, .text--button-linkstyle .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .cmp-contentfragment__elements .cmp-contentfragment__element .text__link { color: var(--color-grey-900) } .download { margin: 40px 0; padding: 0 4% } @media(max-width:1023px) { .download { margin: 24px 0 } } .download+.download .cmp-download__divider { display: block } .download .cmp-download { display: inline-block; width: 100% } .download .cmp-download__title { margin-bottom: 24px; margin-top: 0 } @media(max-width:1023px) { .download .cmp-download__title { margin-bottom: 1pc } } .download .cmp-download__description { color: var(--color-grey-600); font-size: 24px; line-height: 36px; margin-bottom: 40px } @media(max-width:1023px) { .download .cmp-download__description { font-size: 1pc; line-height: 24px; margin-bottom: 24px } } .download .cmp-download__properties { display: flex; flex-wrap: wrap; gap: 8px 8px; margin-bottom: 24px } .download .cmp-download__property { border: 2px solid var(--color-grey-100); border-radius: 1pc; box-shadow: 0 0 24px hsla(0, 0%, 6%, .078); color: var(--color-grey-600); display: inline-block; padding: 8px 9pt } .download .cmp-download__property-content { font-size: 14px; font-weight: 700; line-height: 20px } .download .cmp-download__divider { border-bottom: 2px solid var(--color-grey-100); display: none; margin-bottom: 40px } @media(max-width:1023px) { .download .cmp-download__divider { margin-bottom: 24px } } .eventdescription { color: var(--color-grey-600); font-size: 24px; hyphens: auto; line-height: 36px; margin: 8pc auto; overflow-wrap: break-word; width: 60% } @media(max-width:1023px) { .eventdescription { font-size: 1pc; line-height: 24px; margin: 40px 0; padding: 0 4%; width: 100% } } .cmp-carousel--with-logos .eventdescription .cmp-carousel__title, .cmp-navigation__item-link .eventdescription .link--l, .cmp-navigation__item-link .eventdescription .text--button-linkstyle .text__link, .eventdescription .c-lecturers__title, .eventdescription .cmp-carousel--with-logos .cmp-carousel__title, .eventdescription .cmp-navigation__item-link, .eventdescription .cmp-navigation__item-link .link--l, .eventdescription .cmp-navigation__item-link .text--button-linkstyle .text__link, .eventdescription .cmp-quotes__quote, .eventdescription .contacttiles__teaser-title, .eventdescription .errorpage__title, .eventdescription .event-calendar__title, .eventdescription .event-calendar__title-link, .eventdescription .eventlocation__building-name, .eventdescription .eventlocation__title, .eventdescription .herostudyformats__title, .eventdescription .heroteaser__dynamic-content-title, .eventdescription .heroteaser__title, .eventdescription .info__section-title, .eventdescription .link--xxl, .eventdescription .locationteaser__description-title, .eventdescription .magazineteaser__description-pretitle, .eventdescription .magazineteaser__description-title, .eventdescription .product-finder__title, .eventdescription .product-instance-info__column-title, .eventdescription .product-instance-info__title, .eventdescription .productdescriptiontexts__content-title, .eventdescription .productheader__title, .eventdescription .productstudycost__title, .eventdescription .promo__title, .eventdescription .reduced-event-calendar__title, .eventdescription .socialmedia__title, .eventdescription .studyentry__title, .eventdescription .summary__item-title, .eventdescription .summarymanual__items-text-title, .eventdescription .text__content-title, .eventdescription h1, .eventdescription h2, .eventdescription h3, .eventdescription h4, .eventdescription h5, .eventdescription h6, .text--button-linkstyle .cmp-navigation__item-link .eventdescription .text__link, .text--button-linkstyle .eventdescription .cmp-navigation__item-link .text__link { color: var(--color-grey-900); font-size: 42px; font-weight: 700; line-height: 3pc } @media(max-width:1023px) { .cmp-carousel--with-logos .eventdescription .cmp-carousel__title, .cmp-navigation__item-link .eventdescription .link--l, .cmp-navigation__item-link .eventdescription .text--button-linkstyle .text__link, .eventdescription .c-lecturers__title, .eventdescription .cmp-carousel--with-logos .cmp-carousel__title, .eventdescription .cmp-navigation__item-link, .eventdescription .cmp-navigation__item-link .link--l, .eventdescription .cmp-navigation__item-link .text--button-linkstyle .text__link, .eventdescription .cmp-quotes__quote, .eventdescription .contacttiles__teaser-title, .eventdescription .errorpage__title, .eventdescription .event-calendar__title, .eventdescription .event-calendar__title-link, .eventdescription .eventlocation__building-name, .eventdescription .eventlocation__title, .eventdescription .herostudyformats__title, .eventdescription .heroteaser__dynamic-content-title, .eventdescription .heroteaser__title, .eventdescription .info__section-title, .eventdescription .link--xxl, .eventdescription .locationteaser__description-title, .eventdescription .magazineteaser__description-pretitle, .eventdescription .magazineteaser__description-title, .eventdescription .product-finder__title, .eventdescription .product-instance-info__column-title, .eventdescription .product-instance-info__title, .eventdescription .productdescriptiontexts__content-title, .eventdescription .productheader__title, .eventdescription .productstudycost__title, .eventdescription .promo__title, .eventdescription .reduced-event-calendar__title, .eventdescription .socialmedia__title, .eventdescription .studyentry__title, .eventdescription .summary__item-title, .eventdescription .summarymanual__items-text-title, .eventdescription .text__content-title, .eventdescription h1, .eventdescription h2, .eventdescription h3, .eventdescription h4, .eventdescription h5, .eventdescription h6, .text--button-linkstyle .cmp-navigation__item-link .eventdescription .text__link, .text--button-linkstyle .eventdescription .cmp-navigation__item-link .text__link { font-size: 24px; font-weight: 700; line-height: 36px } } .eventintro { display: flex; hyphens: auto; margin-bottom: 8pc; overflow-wrap: break-word; padding: 0 4%; position: relative } @media(max-width:1023px) { .eventintro { flex-direction: column; margin-bottom: 40px; margin-top: 2px; padding: 0 } } .eventintro__content { display: flex; flex-basis: 50%; flex-direction: column; margin-left: 40px; text-align: left } @media(max-width:1023px) { .eventintro__content { margin: 24px 0 40px; padding: 0 4% } } .eventintro__content-pre-title { font-size: 24px; line-height: 36px; margin-bottom: 8px } @media(max-width:1023px) { .eventintro__content-pre-title { font-size: 1pc; line-height: 24px } } .eventintro__content-title { margin: 0 0 24px } @media(max-width:1023px) { .eventintro__content-title { margin-bottom: 1pc } } .eventintro__content .eventintro__content-pre-title { color: var(--color-primary-500) } .eventintro__content-button { margin-top: 40px; width: fit-content } @media(max-width:1023px) { .eventintro__content-button { margin-top: 24px; width: 100% } } .eventintro__content-implementation, .eventintro__content-place, .eventintro__content-time { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .eventintro__content-implementation, .eventintro__content-place, .eventintro__content-time { font-size: 1pc; line-height: 24px } } .eventintro__media { flex-basis: 50%; position: relative } .eventintro__image { border-radius: 1pc; display: flex; height: auto; width: 100% } @media(max-width:1023px) { .eventintro__image { border-radius: 0 } } .eventintro__image img { height: auto; object-fit: cover; width: 100% } .eventintro__item { border-radius: 1pc; width: -moz-available; width: -webkit-fill-available } .eventintro__item-video { border-radius: 1pc } @media(max-width:1023px) { .eventintro__item-video { border-radius: 0 } } .eventintro__item-video-thumbnail { cursor: pointer; display: block; height: 8pc; left: calc(50% - 4pc); position: absolute; top: calc(50% - 4pc); width: 8pc; z-index: 998 } @media(max-width:1023px) { .eventintro__item-video-thumbnail { height: 4pc; left: calc(50% - 2pc); top: calc(50% - 2pc); width: 4pc } } .eventintro__item-video-thumbnail .video-play-background { fill: var(--color-primary-500); opacity: .9 } .eventintro__item-video-thumbnail .video-play-border { fill: var(--color-white) } .eventintro__item-video-duration { background-color: var(--color-primary-500); border-radius: 1pc; bottom: 8px; color: var(--color-white); font-size: 1pc; font-weight: 700; line-height: 24px; margin-bottom: 0; opacity: .9; padding: 4px 9pt; position: absolute; right: 8px; z-index: 998 } @media(max-width:1023px) { .eventintro__item-video-duration { font-size: 1pc; line-height: 24px; padding: 2px 8px } } .eventintro__item-video-interactive-overlay { background: var(--color-grey-900); border-radius: 1pc; height: 100%; opacity: .6; position: absolute; width: 100% } @media(max-width:1023px) { .eventintro__item-video-interactive-overlay { border-radius: 0 } } .eventintro__item-video-wrapper { display: flex; position: relative } .eventintro__item-video-wrapper:hover { cursor: pointer } .eventintro__item-video-wrapper:hover .eventintro__item-video-interactive-overlay { background-color: var(--color-primary-500); opacity: .9 } .eventintro__item-video-wrapper:hover .eventintro__item-video-thumbnail .video-play-background { fill: transparent } .eventintro__item-video-wrapper:hover .eventintro__item-video-duration { background-color: transparent } .eventagenda { hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .eventagenda { margin: 40px 0 } } .eventagenda__title { margin-bottom: 24px } @media(max-width:1023px) { .eventagenda__title { margin-bottom: 1pc } } .eventagenda__date { color: var(--color-grey-600) } @media(max-width:1023px) { .eventagenda__date { margin-top: 1pc } } .eventagenda__item { color: var(--color-grey-600); display: flex; margin-bottom: 1pc } @media(max-width:1023px) { .eventagenda__item { margin-bottom: 9pt } } .eventagenda__item:before { font-weight: 700; margin-top: 4px } @media(max-width:1023px) { .eventagenda__item:before { margin-top: 2px } } .eventagenda__item-information { font-size: 24px; line-height: 36px } @media(max-width:1023px) { .eventagenda__item-information { font-size: 1pc; line-height: 24px } } .eventagenda__item-time { font-weight: 700 } .eventlocation { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .eventlocation { margin: 40px 0 } } .eventlocation__title { margin-bottom: 24px } @media(max-width:1023px) { .eventlocation__title { margin-bottom: 1pc } } .eventlocation a { font-size: 24px; line-height: 36px; margin-bottom: 40px } @media(max-width:1023px) { .eventlocation a { font-size: 1pc; line-height: 24px; margin-bottom: 24px } } .eventlocation__description, .eventlocation__exception-text { color: var(--color-grey-600) } .eventspeakers { hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .eventspeakers { margin: 40px 0; padding: 0 0 0 4% } } .eventspeakers__title { margin-bottom: 40px } @media(max-width:1023px) { .eventspeakers__title { margin-bottom: 24px } } .eventspeakers__content { display: grid; gap: 40px 2%; grid-template-columns: repeat(5, 1fr) } @media(max-width:1023px) { .eventspeakers__content { -ms-overflow-style: none; display: flex; gap: 8px; overflow-x: scroll; scrollbar-width: none } .eventspeakers__content::-webkit-scrollbar { display: none } } .eventspeakers__card-profile { aspect-ratio: 1/1; background: var(--color-grey-50); border-radius: 1pc; display: block; overflow: hidden } .eventspeakers__card-profile img { display: block; height: 100%; object-fit: cover; width: 100% } .eventspeakers__card-information { color: var(--color-grey-600); font-size: 20px; line-height: 28px; margin-top: 1pc } @media(max-width:1023px) { .eventspeakers__card-information { font-size: 1pc; line-height: 24px; width: 280px } } .eventspeakers__card-name, .eventspeakers__card-title { color: var(--color-grey-900); font-size: 24px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .eventspeakers__card-name, .eventspeakers__card-title { font-size: 20px; font-weight: 700; line-height: 28px } } .eventspeakers__card-about { margin-top: 4px } .eventcalendar { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .eventcalendar { margin: 40px 0 } } .event-calendar__title { margin-bottom: 0 } .event-calendar__title-link { margin: 0 } .event-calendar__filters { display: flex; margin-top: 40px } @media(max-width:1023px) { .event-calendar__filters { flex-direction: column; margin-top: 24px } } .event-calendar__filter { flex-basis: 0; flex-grow: 1; margin-bottom: 28px; margin-right: 1pc; min-width: 0 } @media(max-width:1023px) { .event-calendar__filter { margin-bottom: 8px; margin-right: 0; width: 100% } } .event-calendar__filter:last-child { margin-right: 0 } @media(max-width:1023px) { .event-calendar__filter:last-child { margin-bottom: 9pt } } .event-calendar__active-filters { align-items: baseline; align-items: center; display: flex; flex-wrap: wrap; gap: 9pt 0; margin-bottom: 24px } .event-calendar__active-filters-reset { color: var(--color-primary-500); font-size: 20px; line-height: 28px; margin-top: 9pt; padding: 0 } @media(max-width:1023px) { .event-calendar__active-filters-reset { font-size: 1pc; line-height: 24px } } .event-calendar__results-number { font-size: 20px; font-weight: 700; line-height: 28px; margin-top: 9pt } @media(max-width:1023px) { .event-calendar__results-number { font-size: 1pc; line-height: 24px; margin-bottom: 1pc } } .event-calendar__results { margin-top: 24px; min-height: 90pt; position: relative } @media(max-width:1023px) { .event-calendar__results { margin-top: 1pc; min-height: 5pc; padding-top: 0 } } .event-calendar__no-results { padding: 40px 0 5pc; text-align: center } @media(max-width:1023px) { .event-calendar__no-results { padding: 1pc 0 40px } } .event-calendar__no-results-icon { height: 36px; margin-bottom: 4px; width: 36px } @media(max-width:1023px) { .event-calendar__no-results-icon { height: 22px; width: 22px } } .event-calendar__no-results-message { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .event-calendar__no-results-message { font-size: 1pc; line-height: 24px } } .event-calendar__footer { display: flex; justify-content: center; margin-top: 40px } @media(max-width:1023px) { .event-calendar__footer { margin-top: 24px } } .event-calendar .dropdown__field { box-shadow: 0 0 1pc hsla(0, 0%, 6%, .078); margin-top: 0 } [class*="--blue"] .event-calendar__active-filters-reset { color: var(--color-secondary-500) } .event-card { --border-color: var(--color-grey-200); border-bottom: 2px solid var(--color-grey-100); display: flex; margin-top: 9pt; padding-bottom: 1pc } @media(max-width:1023px) { .event-card { margin-top: 1pc; padding-bottom: 8px; padding-right: 0 } } .event-card:hover .event-card__arrow-icon svg { transform: translate(4px); transition: all .15s ease-in } .event-card:active { background: var(--color-grey-50) } .event-card p { margin: 0 } @media(max-width:1023px) { .event-card p { margin-bottom: 4px } } .event-card__main-content { border-left: 4px solid var(--border-color); display: flex; padding: 0; width: 100% } @media(max-width:1023px) { .event-card__main-content { flex-direction: column; padding: 8px 0 8px 9pt } } .event-card__arrow-icon, .event-card__study-model, .event-card__time-model { display: flex; flex-basis: 20.63%; flex-direction: column; justify-content: center } .event-card__time-model { gap: 4px; padding: 9pt 20px } @media(max-width:1023px) { .event-card__time-model { flex-direction: row; padding: 0 1pc 1pc } .event-card__time-model-info { flex: 1 } } .event-card__time-model-day, .event-card__time-model-location { color: var(--color-grey-600); font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .event-card__time-model-day, .event-card__time-model-location { font-size: 1pc; line-height: 24px } } .event-card__time-model-date { color: var(--color-grey-900); font-size: 24px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .event-card__time-model-date { font-size: 20px; font-weight: 700; line-height: 28px } } .event-card__time-model-time { color: var(--color-grey-900); font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .event-card__time-model-time { font-size: 1pc; line-height: 24px } } .event-card__details { border-left: 2px solid var(--color-grey-100); flex: 1; margin: 9pt 0; padding: 0 0 0 24px; width: 64.5% } @media(max-width:1023px) { .event-card__details { border-left: 0; border-top: 2px solid var(--color-grey-100); margin-top: 0; padding: 1pc 0 0 1pc; width: 100% } } .event-card__details-title { color: var(--color-grey-900); font-size: 20px; font-weight: 700; line-height: 28px; margin: 0; padding-bottom: 4px } @media(max-width:1023px) { .event-card__details-title { font-size: 1pc; line-height: 24px } } .event-card__details-description { color: var(--color-grey-900); height: 24px; margin-top: 1pc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media(max-width:1023px) { .event-card__details-description { margin: 8px 0 } } .event-card__details-description p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .event-card__details-description--expanded { height: auto } .event-card__details-description--expanded, .event-card__details-description--expanded p { overflow: visible; text-overflow: clip; white-space: normal } .event-card__details-toggle-description { color: var(--color-grey-600); cursor: pointer; font-size: 1pc; line-height: 24px; margin-top: 8px; padding: 0; text-decoration: underline; transition: all .15s ease-in } @media(max-width:1023px) { .event-card__details-toggle-description { font-size: 1pc; line-height: 24px } } .event-card__details-toggle-description:hover { text-decoration: none } @media(max-width:1023px) { .event-card__details-toggle-description { margin-bottom: 8px; margin-top: 0 } } .event-card__details-event { color: var(--color-grey-600); display: flex; font-size: 1pc; gap: 1pc; line-height: 24px } @media(max-width:1023px) { .event-card__details-event { flex-direction: column; font-size: 1pc; gap: 4px; line-height: 24px } } .event-card__details-event-execution, .event-card__details-event-type { display: flex; gap: 4px } .event-card__details-event-icon { fill: var(--color-grey-600); align-self: center; height: 1pc; width: 1pc } @media(max-width:1023px) { .event-card__details-event-icon { height: 14px; width: 14px } } .event-card__arrow-icon { flex-basis: 3%; padding-left: 24px } @media(max-width:1023px) { .event-card__arrow-icon { padding-left: 0 } .event-card__arrow-icon--desktop { display: none } } .event-card__arrow-icon--mobile { display: none } @media(max-width:1023px) { .event-card__arrow-icon--mobile { align-self: center; display: block } } .event-card__arrow-icon .svg, .event-card__arrow-icon svg { height: 24px; width: 24px } .event-card--purple .event-card__main-content { --border-color: var(--color-filter-purple) } .event-card--red .event-card__main-content { --border-color: var(--color-filter-red) } .event-card--light-blue .event-card__main-content { --border-color: var(--color-filter-light-blue) } .event-card--green .event-card__main-content { --border-color: var(--color-filter-green) } .event-card--dark-blue .event-card__main-content { --border-color: var(--color-filter-dark-blue) } .event-card--orange .event-card__main-content { --border-color: var(--color-filter-orange) } .event-card--blue .event-card__main-content { --border-color: var(--color-secondary-600) } .event-card--neon .event-card__main-content { --border-color: var(--color-primary-600) } .event-card--black .event-card__main-content { --border-color: var(--color-grey-900) } .event-card--grey .event-card__main-content { --border-color: var(--color-grey-600) } .event-card--yellow .event-card__main-content { --border-color: var(--color-grey-900) } .reducedeventcalendar { padding: 5pc 4% 8pc; position: relative } @media(max-width:1023px) { .reducedeventcalendar { padding: 40px 4% } } .reduced-event-calendar { position: relative } .reduced-event-calendar__title { margin-bottom: 0 } .reduced-event-calendar__filters { display: flex; margin-top: 40px } @media(max-width:1023px) { .reduced-event-calendar__filters { flex-direction: column; margin-top: 24px } } .reduced-event-calendar__filter { flex-basis: 0; flex-grow: 1; margin-bottom: 28px; margin-right: 1pc; max-width: 340px; min-width: 0 } @media(max-width:1023px) { .reduced-event-calendar__filter { margin-bottom: 8px; margin-right: 0; max-width: 100%; width: 100% } } .reduced-event-calendar__filter:last-child { margin-right: 0 } @media(max-width:1023px) { .reduced-event-calendar__filter:last-child { margin-bottom: 9pt } } .reduced-event-calendar__active-filters { align-items: baseline; align-items: center; display: flex; flex-wrap: wrap; gap: 9pt 0; margin-bottom: 24px } .reduced-event-calendar__active-filters-reset { color: var(--color-primary-500); font-size: 20px; line-height: 28px; margin-top: 9pt; padding: 0 } @media(max-width:1023px) { .reduced-event-calendar__active-filters-reset { font-size: 1pc; line-height: 24px } } .reduced-event-calendar__results { display: flex; margin: 40px 0 0; position: relative } @media(max-width:1023px) { .reduced-event-calendar__results { flex-direction: column; margin: 24px 0 0 } } .reduced-event-calendar__results:first-child { margin-top: 0 } .reduced-event-calendar__no-results { padding: 40px 0 5pc; text-align: center; width: 100% } @media(max-width:1023px) { .reduced-event-calendar__no-results { padding: 1pc 0 40px } } .reduced-event-calendar__no-results-icon { height: 36px; margin-bottom: 4px; width: 36px } @media(max-width:1023px) { .reduced-event-calendar__no-results-icon { height: 22px; width: 22px } } .reduced-event-calendar__no-results-message { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .reduced-event-calendar__no-results-message { font-size: 1pc; line-height: 24px } } .reduced-event-calendar__footer { display: flex; justify-content: center; margin-top: 40px } @media(max-width:1023px) { .reduced-event-calendar__footer { margin-top: 24px } } .reduced-event-card { --border-color: var(--color-grey-200); background: #fff 0 0 no-repeat padding-box; border-radius: 1pc; box-shadow: 0 0 24px hsla(0, 0%, 6%, .078); display: flex; height: fit-content; margin-right: 40px; overflow: hidden; transition: all .15s ease-in; width: calc(33.33333% - 26.66667px) } .reduced-event-card:last-child { margin-bottom: 0; margin-right: 0 } @media(max-width:1023px) { .reduced-event-card { margin-bottom: 8px; margin-right: 0; width: 100% } } .reduced-event-card__date-model { background-color: var(--color-grey-500); display: flex; flex-direction: column; justify-content: center; padding: 0 1pc; width: 146px } @media(max-width:1023px) { .reduced-event-card__date-model { padding: 0 9pt; width: 123px } } .reduced-event-card__date-model-day { color: var(--color-white); font-size: 14px; line-height: 20px; margin: 0; text-transform: uppercase } .reduced-event-card__date-model-date { color: var(--color-white); font-size: 28px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .reduced-event-card__date-model-date { font-size: 20px; font-weight: 700; line-height: 28px } } .reduced-event-card__details { border-color: var(--border-color); border-radius: 0 1pc 1pc 0; border-style: solid; border-width: 1px 1px 1px 0; flex: 1; margin: 0; overflow: hidden; padding: 24px 20px; width: 100% } @media(max-width:1023px) { .reduced-event-card__details { padding: 1pc } } .reduced-event-card__details-title { color: var(--color-grey-900); font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 4px; word-break: break-word } @media(max-width:1023px) { .reduced-event-card__details-title { font-size: 1pc; line-height: 24px; margin-bottom: 2px } } .reduced-event-card__details-time { color: var(--color-grey-900); font-size: 20px; line-height: 28px; margin-bottom: 4px } @media(max-width:1023px) { .reduced-event-card__details-time { font-size: 1pc; line-height: 24px; margin-bottom: 2px } } .reduced-event-card__details-location { color: var(--color-grey-900); font-size: 20px; line-height: 28px; margin-bottom: 0 } @media(max-width:1023px) { .reduced-event-card__details-location { font-size: 1pc; line-height: 24px } } .reduced-event-card:active .reduced-event-card__details, .reduced-event-card:hover .reduced-event-card__details { --border-color: var(--color-grey-500); border-width: 2px 2px 2px 0; padding: 23px 19px 23px 20px } @media(max-width:1023px) { .reduced-event-card:active .reduced-event-card__details, .reduced-event-card:hover .reduced-event-card__details { padding: 15px 15px 15px 1pc } } .reduced-event-card:active .reduced-event-card__details { background-color: var(--color-grey-50) } .reduced-event-card--purple .reduced-event-card__date-model { background-color: var(--color-filter-purple) } .reduced-event-card--purple:active .reduced-event-card__details, .reduced-event-card--purple:hover .reduced-event-card__details { --border-color: var(--color-filter-purple) } .reduced-event-card--purple:active .reduced-event-card__details { background-color: var(--color-filter-purple-chip-bg) } .reduced-event-card--red .reduced-event-card__date-model { background-color: var(--color-filter-red) } .reduced-event-card--red:active .reduced-event-card__details, .reduced-event-card--red:hover .reduced-event-card__details { --border-color: var(--color-filter-red) } .reduced-event-card--red:active .reduced-event-card__details { background-color: var(--color-filter-red-chip-bg) } .reduced-event-card--light-blue .reduced-event-card__date-model { background-color: var(--color-filter-light-blue) } .reduced-event-card--light-blue:active .reduced-event-card__details, .reduced-event-card--light-blue:hover .reduced-event-card__details { --border-color: var(--color-filter-light-blue) } .reduced-event-card--light-blue:active .reduced-event-card__details { background-color: var(--color-filter-light-blue-chip-bg) } .reduced-event-card--green .reduced-event-card__date-model { background-color: var(--color-filter-green) } .reduced-event-card--green:active .reduced-event-card__details, .reduced-event-card--green:hover .reduced-event-card__details { --border-color: var(--color-filter-green) } .reduced-event-card--green:active .reduced-event-card__details { background-color: var(--color-filter-green-chip-bg) } .reduced-event-card--dark-blue .reduced-event-card__date-model { background-color: var(--color-filter-dark-blue) } .reduced-event-card--dark-blue:active .reduced-event-card__details, .reduced-event-card--dark-blue:hover .reduced-event-card__details { --border-color: var(--color-filter-dark-blue) } .reduced-event-card--dark-blue:active .reduced-event-card__details { background-color: var(--color-filter-dark-blue-chip-bg) } .reduced-event-card--orange .reduced-event-card__date-model { background-color: var(--color-filter-orange) } .reduced-event-card--orange:active .reduced-event-card__details, .reduced-event-card--orange:hover .reduced-event-card__details { --border-color: var(--color-filter-orange) } .reduced-event-card--orange:active .reduced-event-card__details { background-color: var(--color-filter-orange-chip-bg) } .reduced-event-card--blue .reduced-event-card__date-model { background-color: var(--color-secondary-600) } .reduced-event-card--blue:active .reduced-event-card__details, .reduced-event-card--blue:hover .reduced-event-card__details { --border-color: var(--color-secondary-600) } .reduced-event-card--neon .reduced-event-card__date-model { background-color: var(--color-primary-600) } .reduced-event-card--neon:active .reduced-event-card__details, .reduced-event-card--neon:hover .reduced-event-card__details { --border-color: var(--color-primary-600) } .reduced-event-card--black .reduced-event-card__date-model { background-color: var(--color-grey-900) } .reduced-event-card--black:active .reduced-event-card__details, .reduced-event-card--black:hover .reduced-event-card__details { --border-color: var(--color-grey-900) } .reduced-event-card--grey .reduced-event-card__date-model { background-color: var(--color-grey-600) } .reduced-event-card--grey:active .reduced-event-card__details, .reduced-event-card--grey:hover .reduced-event-card__details { --border-color: var(--color-grey-600) } .reduced-event-card--grey:active .reduced-event-card__details { background-color: var(--color-grey-50) } .reduced-event-card--yellow .reduced-event-card__date-model { background-color: var(--color-grey-900) } .reduced-event-card--yellow:active .reduced-event-card__details, .reduced-event-card--yellow:hover .reduced-event-card__details { --border-color: var(--color-grey-900) } .reduced-event-card--yellow:active .reduced-event-card__details { background-color: var(--color-highlight-500) } .reduced-event-card--dark-blue:active .reduced-event-card__details, .reduced-event-card--green:active .reduced-event-card__details, .reduced-event-card--light-blue:active .reduced-event-card__details, .reduced-event-card--orange:active .reduced-event-card__details, .reduced-event-card--purple:active .reduced-event-card__details, .reduced-event-card--red:active .reduced-event-card__details { background-color: var(--color-grey-50) } .reduced-event-card--blue:active .reduced-event-card__details { background-color: var(--color-secondary-50) } .reduced-event-card--neon:active .reduced-event-card__details { background-color: var(--color-primary-50) } .reduced-event-card--black:active .reduced-event-card__details { background-color: var(--color-grey-50) } .factcards { hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .factcards { margin: 40px 0 } } .factcards__title { margin: 0; text-align: center } .factcards__content { display: grid; gap: 40px; grid-template-columns: repeat(auto-fit, minmax(20.12%, 1fr)); margin-top: 40px } @media(max-width:1023px) { .factcards__content { display: block; margin-top: 24px } .factcards__column:not(:last-child) { margin-bottom: 1pc } } .factcards__card { border: 1px solid var(--color-grey-200); border-radius: 1pc; display: block; padding: 2pc } .factcards__card:not(:last-child) { margin-bottom: 40px } @media(max-width:1023px) { .factcards__card:not(:last-child) { margin-bottom: 1pc } .factcards__card { padding: 24px } } .factcards__card-pretitle { color: var(--color-grey-900); margin-bottom: 8px } @media(max-width:1023px) { .factcards__card-pretitle { margin-bottom: 4px } } .factcards__card-headline { border-bottom: 4px solid var(--color-primary-500); color: var(--color-grey-900); font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 0; padding-bottom: 1pc } @media(max-width:1023px) { .factcards__card-headline { font-size: 20px; font-weight: 700; line-height: 28px; padding-bottom: 9pt } } .factcards__card-highlight { float: left; font-family: Neue-Haas-Grotesk-Display-Pro, Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 700; line-height: 60px; padding-bottom: 20px; padding-right: 8px; position: relative; top: 22px; word-break: break-all } @media(max-width:1023px) { .factcards__card-highlight { font-size: 42px; font-weight: 700; line-height: 42px; padding-right: 4px; top: 18px } } .factcards__card-description { color: var(--color-grey-600); font-size: 20px; line-height: 28px; padding-top: 24px } @media(max-width:1023px) { .factcards__card-description { font-size: 1pc; line-height: 24px; padding-top: 1pc } } .factcards__card-link { margin-top: 2pc } @media(max-width:1023px) { .factcards__card-link { margin-top: 1pc } } .factcards a.factcards__card { box-shadow: 0 0 24px hsla(0, 0%, 6%, .078) } .factcards a.factcards__card:hover { border-color: var(--color-primary-500) } .factcards a.factcards__card:hover .factcards__card-link { color: var(--color-primary-500) } .factcards a.factcards__card:hover .factcards__card-link .link__icon { right: -33px } @media(max-width:1023px) { .factcards a.factcards__card:hover .factcards__card-link .link__icon { right: -28px } } .factcards a.factcards__card:active { border: 2px solid var(--color-primary-600) } .factcards a.factcards__card:active .factcards__card-highlight { color: var(--color-primary-600) } .factcards a.factcards__card:active .factcards__card-headline { border-color: var(--color-primary-600) } .factcards a.factcards__card:active .factcards__card-link { color: var(--color-primary-600) } .factcards a.factcards__card:active .factcards__card-link svg { fill: var(--color-primary-600) } .factcards--neon .factcards__card-highlight { color: var(--color-primary-500) } .factcards--neon .factcards__card-headline { border-color: var(--color-primary-500) } .factcards--blue .factcards__card-highlight { color: var(--color-secondary-500) } .factcards--blue .factcards__card-headline, .factcards--blue a.factcards__card:hover { border-color: var(--color-secondary-500) } .factcards--blue a.factcards__card:hover .factcards__card-link { color: var(--color-secondary-500) } .factcards--blue a.factcards__card:active { border-color: var(--color-secondary-600) } .factcards--blue a.factcards__card:active .factcards__card-highlight { color: var(--color-secondary-600) } .factcards--blue a.factcards__card:active .factcards__card-headline { border-color: var(--color-secondary-600) } .factcards--blue a.factcards__card:active .factcards__card-link { color: var(--color-secondary-600) } .factcards--blue a.factcards__card:active .factcards__card-link svg { fill: var(--color-secondary-600) } .flipinfocard .flip-cards { align-items: center; display: flex; flex-direction: column; hyphens: auto; justify-content: center; padding: 5rem 4%; width: 100% } .flipinfocard .flip-cards__pre-title, .flipinfocard .flip-cards__title { text-align: center } .flipinfocard .flip-cards__pre-title { font-size: 24px; line-height: 36px; margin-bottom: 8px } @media(max-width:1023px)and (max-width:1023px) { .flipinfocard .flip-cards__pre-title { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .flipinfocard .flip-cards__pre-title { font-size: 1pc; line-height: 24px } } .flipinfocard .flip-cards__title { color: var(--color-black); margin: 0 0 40px } @media(max-width:1365px) { .flipinfocard .flip-cards__title { margin: 0 0 1.5rem } } .flipinfocard .flip-cards__cards { display: grid; gap: 40px; grid-template-rows: auto; margin: 0 auto; max-width: 1460px; width: 100% } .flipinfocard .flip-cards__cards.cols-2 { grid-template-columns: 1fr 1fr } .flipinfocard .flip-cards__cards.cols-2 .icon { height: 90pt; padding: 40px; width: 90pt } .flipinfocard .flip-cards__cards.cols-2 .icon svg { height: 40px; width: 40px } @media(max-width:1023px) { .flipinfocard .flip-cards__cards.cols-2 .icon { height: 4pc; padding: 20px; width: 4pc } .flipinfocard .flip-cards__cards.cols-2 .icon svg { height: 24px; width: 24px } .flipinfocard .flip-cards__cards.cols-2 .flip-card-inner-content .title { font-size: 30px; line-height: 1.2; margin-bottom: .5rem } } @media(max-width:767px) { .flipinfocard .flip-cards__cards.cols-2 { grid-template-columns: 1fr } .flipinfocard .flip-cards__cards.cols-2 .flip-card-inner-content .title { font-size: 24px; line-height: 1.2 } } .flipinfocard .flip-cards__cards.cols-3 { grid-template-columns: 1fr 1fr 1fr } @media(max-width:1023px) { .flipinfocard .flip-cards__cards.cols-3 { grid-template-columns: 1fr 1fr } } @media(max-width:767px) { .flipinfocard .flip-cards__cards.cols-3 { grid-template-columns: 1fr } } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content { padding: 50px 24px 24px } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .title { font-size: 30px; line-height: 1.2; margin-bottom: .5rem } @media(max-width:767px) { .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .title { font-size: 24px; line-height: 1.2 } } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content li, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content ol, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content p, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content ul { font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content li, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content ol, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content p, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content ul { font-size: 1pc; line-height: 24px } } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .subtitle { margin-bottom: 0 } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .pretitle, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .subtitle { font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .pretitle, .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .subtitle { font-size: 1pc; line-height: 24px } } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .icon { height: 4pc; padding: 20px; width: 4pc } .flipinfocard .flip-cards__cards.cols-3 .flip-card-inner-content .icon svg { height: 24px; width: 24px } @media(max-width:1365px) { .flipinfocard .flip-cards__cards { gap: 24px } } @media(max-width:767px) { .flipinfocard .flip-cards__cards { justify-content: center } } .flipinfocard--neon .flip-cards__pre-title { color: var(--color-primary-500) } .flipinfocard--blue .flip-cards__pre-title { color: var(--color-secondary-600) } .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards.cols-3 { grid-template-columns: 1fr } .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content { padding: 50px 24px 24px } .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content .icon, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content .icon, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content .icon, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content .icon, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content .icon { height: 4pc; padding: 20px; width: 4pc } .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content .icon svg, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content .icon svg, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content .icon svg, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content .icon svg, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content .icon svg { height: 24px; width: 24px } .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content .title { font-size: 36px; line-height: 1.2; margin-bottom: .5rem } @media(max-width:767px) { .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content .title, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content .title { font-size: 24px; line-height: 1.2 } } .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content ul { font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--1 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--2 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--3 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--4 .flip-cards__cards .flip-card-inner-content ul, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content li, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content ol, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content p, .flipinfocard.aem-GridColumn--default--5 .flip-cards__cards .flip-card-inner-content ul { font-size: 1pc; line-height: 24px } } .flipinfocard.aem-GridColumn--default--6 .flip-cards__cards, .flipinfocard.aem-GridColumn--default--6 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--6 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--7 .flip-cards__cards, .flipinfocard.aem-GridColumn--default--7 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--7 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--8 .flip-cards__cards, .flipinfocard.aem-GridColumn--default--8 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--8 .flip-cards__cards.cols-3, .flipinfocard.aem-GridColumn--default--9 .flip-cards__cards, .flipinfocard.aem-GridColumn--default--9 .flip-cards__cards.cols-2, .flipinfocard.aem-GridColumn--default--9 .flip-cards__cards.cols-3 { grid-template-columns: 1fr } .flipinfocard.aem-GridColumn .flip-cards { padding: 5rem 1rem } .flip-card { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); aspect-ratio: 4/3; border: 2px solid transparent; cursor: pointer; display: flex; perspective: 750pt; position: relative; width: 100% } @media(max-width:1365px) { .flip-card { aspect-ratio: 1/1 } } .flip-card-inner { background-color: var(--color-grey-50); position: relative; word-break: break-word } .flip-card-inner, .flip-card-inner-content { border-radius: 2pc; height: 100%; transform-style: preserve-3d; transition: transform .6s; -webkit-transition: transform .6s; width: 100% } .flip-card-inner-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 5pc 3pc 3pc; position: absolute } @media(max-width:1023px) { .flip-card-inner-content { padding: 50px 24px 24px } } .flip-card-inner-content .cover-image { background-position: 50%; background-size: cover; border-radius: 2pc; inset: 0; position: absolute; transition: transform .2s; -webkit-transition: transform .2s; will-change: auto; z-index: -1 } .flip-card-inner-content .text-content { display: flex; flex-direction: column; overflow: auto; scrollbar-color: rgba(0, 0, 0, .3) transparent; scrollbar-width: thin } .flip-card-inner-content .overlay { background: linear-gradient(180deg, hsla(0, 0%, 7%, 0) 33%, #121212); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .flip-card-inner-content .icon { border-radius: 0 2pc; height: 90pt; padding: 20px; pointer-events: none; position: absolute; right: 0; top: 0; width: 90pt } .flip-card-inner-content .icon svg { height: 40px; width: 40px } @media(max-width:1365px) { .flip-card-inner-content .icon { height: 4pc; padding: 20px; width: 4pc } .flip-card-inner-content .icon svg { height: 24px; width: 24px } } .flip-card-inner-content .pretitle, .flip-card-inner-content .subtitle { flex-shrink: 0; font-size: 24px; line-height: 36px } @media(max-width:1365px) { .flip-card-inner-content .pretitle, .flip-card-inner-content .subtitle { font-size: 1pc; line-height: 24px } } @media(max-width:1365px)and (max-width:1023px) { .flip-card-inner-content .pretitle, .flip-card-inner-content .subtitle { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .flip-card-inner-content .pretitle, .flip-card-inner-content .subtitle { font-size: 1pc; line-height: 24px } } .flip-card-inner-content.back, .flip-card.flipped .flip-card-inner { transform: rotateY(180deg); -webkit-transform: rotateY(180deg) } .flip-card .flip-card-inner-content.front .title { color: var(--color-white); flex-shrink: 0; margin: 0 0 1pc } @media(max-width:1365px) { .flip-card .flip-card-inner-content.front .title { margin: 0 0 8px } } .flip-card .flip-card-inner-content.front .subtitle { margin-bottom: 0 } .flip-card .flip-card-inner-content.front .pretitle { margin-bottom: 8px } .flip-card .flip-card-inner-content.front .pretitle, .flip-card .flip-card-inner-content.front .subtitle { color: var(--color-white) } .flip-card .flip-card-inner-content.front:hover .cover-image { transform: scale(1.1); -webkit-transform: scale(1.1); transition: transform .2s } .flip-card .flip-card-inner-content.back { background-color: var(--color-grey-50); justify-content: flex-start } .flip-card .flip-card-inner-content.back .title { color: var(--color-black); flex-shrink: 0; margin: 0 0 1pc } .flip-card .flip-card-inner-content.back .pretitle, .flip-card .flip-card-inner-content.back .subtitle { color: var(--color-primary-600); margin-bottom: 8px } .flip-card .flip-card-inner-content.back li, .flip-card .flip-card-inner-content.back ol, .flip-card .flip-card-inner-content.back p, .flip-card .flip-card-inner-content.back ul { color: var(--color-grey-600); font-size: 24px; line-height: 36px; overflow: hidden } @media(max-width:1365px) { .flip-card .flip-card-inner-content.back li, .flip-card .flip-card-inner-content.back ol, .flip-card .flip-card-inner-content.back p, .flip-card .flip-card-inner-content.back ul { font-size: 1pc; line-height: 24px } } @media(max-width:1365px)and (max-width:1023px) { .flip-card .flip-card-inner-content.back li, .flip-card .flip-card-inner-content.back ol, .flip-card .flip-card-inner-content.back p, .flip-card .flip-card-inner-content.back ul { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .flip-card .flip-card-inner-content.back li, .flip-card .flip-card-inner-content.back ol, .flip-card .flip-card-inner-content.back p, .flip-card .flip-card-inner-content.back ul { font-size: 1pc; line-height: 24px } } .flip-card.neon .flip-card-inner-content.back .pretitle, .flip-card.neon .flip-card-inner-content.back .subtitle { color: var(--color-primary-600) } .flip-card.neon:hover .flip-card-inner-content.front .overlay { background: linear-gradient(180deg, rgba(0, 198, 178, 0) 33%, #00c6b2) } .flip-card.neon:hover .flip-card-inner-content.front .icon svg path { fill: var(--color-white) } .flip-card.neon:hover .flip-card-inner-content.back .icon svg path { fill: var(--color-primary-600) } .flip-card.neon:active .flip-card-inner-content.back .icon svg path, .flip-card.neon:active .flip-card-inner-content.front .icon svg path { fill: var(--color-primary-800) } .flip-card.blue .flip-card-inner-content.back .pretitle, .flip-card.blue .flip-card-inner-content.back .subtitle { color: var(--color-secondary-600) } .flip-card.blue:hover .flip-card-inner-content.front .overlay { background: linear-gradient(180deg, rgba(0, 113, 222, 0) 33%, #0071de) } .flip-card.blue:hover .flip-card-inner-content.front .icon svg path { fill: var(--color-white) } .flip-card.blue:hover .flip-card-inner-content.back .icon svg path { fill: var(--color-secondary-600) } .flip-card.blue:active .flip-card-inner-content.back .icon svg path, .flip-card.blue:active .flip-card-inner-content.front .icon svg path { fill: var(--color-secondary-800) } .flipinfocardslider { hyphens: auto; padding: 8rem 4% } @media(max-width:767px) { .flipinfocardslider { padding: 2.5rem 4% } } .flipinfocardslider--purple { background: var(--color-filter-purple-chip-bg) } .flipinfocardslider--red { background: var(--color-filter-red-chip-bg) } .flipinfocardslider--light-blue { background: var(--color-filter-light-blue-chip-bg) } .flipinfocardslider--green { background: var(--color-filter-green-chip-bg) } .flipinfocardslider--dark-blue { background: var(--color-filter-dark-blue-chip-bg) } .flipinfocardslider--orange { background: var(--color-filter-orange-chip-bg) } .flipinfocardslider--blue { background: var(--color-secondary-50) } .flipinfocardslider--neon { background: var(--color-primary-50) } .flipinfocardslider--black, .flipinfocardslider--grey { background: var(--color-grey-50) } .flipinfocardslider--yellow { background: var(--color-highlight-500) } .flipinfocardslider--neon .splide__pagination__page.is-active { background: var(--color-primary-500) } .flipinfocardslider--neon .splide__arrow svg { fill: var(--color-primary-500) } .flipinfocardslider--neon .pretitle { color: var(--color-primary-500); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .flipinfocardslider--neon .pretitle { font-size: 1pc; line-height: 24px } } .flipinfocardslider--blue .splide__pagination__page.is-active { background: var(--color-secondary-600) } .flipinfocardslider--blue .splide__arrow svg { fill: var(--color-secondary-600) } .flipinfocardslider--blue .pretitle { color: var(--color-secondary-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .flipinfocardslider--blue .pretitle { font-size: 1pc; line-height: 24px } } .flipinfocardslider--white .pretitle { color: var(--color-black); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .flipinfocardslider--white .pretitle { font-size: 1pc; line-height: 24px } } .flipinfocardslider--white .splide__arrow { border: 1px solid var(--color-grey-600) } .flipinfocardslider--white .splide__arrow svg { fill: var(--color-grey-600) } .flipinfocardslider--white .splide__pagination__page { border: 1px solid var(--color-grey-600) } .flipinfocardslider--white .splide__pagination__page.is-active { background: var(--color-grey-600); border: none } .flipinfocardslider .text-section { grid-gap: 5rem; display: grid; grid-template-columns: 1fr 1fr } @media(max-width:767px) { .flipinfocardslider .text-section { grid-gap: 1rem; grid-template-columns: 100% } } .flipinfocardslider .text-section .description { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .flipinfocardslider .text-section .description { font-size: 1pc; line-height: 24px } } .flipinfocardslider .text-section .c-lecturers__title, .flipinfocardslider .text-section .contacttiles__teaser-title, .flipinfocardslider .text-section .event-calendar__title, .flipinfocardslider .text-section .event-calendar__title-link, .flipinfocardslider .text-section .info__section-title, .flipinfocardslider .text-section .link--xxl, .flipinfocardslider .text-section .locationteaser__description-title, .flipinfocardslider .text-section .magazineteaser__description-pretitle, .flipinfocardslider .text-section .magazineteaser__description-title, .flipinfocardslider .text-section .product-finder__title, .flipinfocardslider .text-section .product-instance-info__column-title, .flipinfocardslider .text-section .product-instance-info__title, .flipinfocardslider .text-section .reduced-event-calendar__title, .flipinfocardslider .text-section .socialmedia__title, .flipinfocardslider .text-section .studyentry__title, .flipinfocardslider .text-section h2 { margin-top: 0 } .flipinfocardslider .text-section .pretitle { margin-bottom: .5rem } .flipinfocardslider .flip-info-card-slider { padding-top: 3rem } @media(max-width:767px) { .flipinfocardslider .flip-info-card-slider { padding-top: 2rem } } .flipinfocardslider .flip-info-card-slider .cards-carousel { padding-bottom: 5.5rem } @media(max-width:767px) { .flipinfocardslider .flip-info-card-slider .cards-carousel { padding-bottom: 3.5rem } } .flipinfocardslider .flip-info-card-slider .cards-carousel .splide__track { padding-bottom: 2rem; padding-top: 2rem } .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content { padding: 50px 24px 24px } .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content .icon { height: 4pc; padding: 20px; width: 4pc } .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content .icon svg { height: 24px; width: 24px } .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content .title { font-size: 30px; line-height: 1.2; margin-bottom: .5rem } @media(max-width:1365px) { .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content .title { font-size: 24px; line-height: 1.2 } } .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content li, .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content ol, .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content p, .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content ul { font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content li, .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content ol, .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content p, .flipinfocardslider .flip-info-card-slider .flip-card .flip-card-inner-content ul { font-size: 1pc; line-height: 24px } } .cards-carousel { padding-bottom: 7.5rem } @media(max-width:767px) { .cards-carousel { padding-bottom: 5rem } } .cards-carousel .navigation { bottom: 1.25rem; position: absolute; width: 100% } .cards-carousel .arrows-wrapper { margin: 0 auto; min-width: 78pt; position: relative; width: fit-content } .cards-carousel .splide__arrows { padding: 0 2.5rem } .cards-carousel .splide__arrows .splide__arrow { background: #fff; height: 2.5rem; width: 2.5rem } .cards-carousel .splide__arrows .splide__arrow svg { height: 1.5rem; width: auto } .cards-carousel .splide__arrows .splide__arrow--next { right: 0 } .cards-carousel .splide__arrows .splide__arrow--prev { left: 0 } .cards-carousel .splide:not(.is-overflow) .splide__pagination { display: flex } .cards-carousel .splide__track { height: 100%; overflow-x: auto; scrollbar-width: none } .cards-carousel .splide__track::-webkit-scrollbar { display: none } .cards-carousel .splide__pagination { padding: 0 1.5rem; position: static } .cards-carousel .splide__pagination__page { height: .75rem; margin: .375rem; width: .75rem } .cards-carousel .splide__pagination__page.is-active { transform: scale(1) } .cards-carousel .splide__pagination__page:not(.is-active) { background: #fff } .cards-carousel .splide__list li:before, .cards-carousel .splide__pagination li:before { content: ""; display: none } .footer { background-color: var(--color-primary-900); color: var(--color-white); hyphens: auto; overflow-wrap: break-word; padding-left: 4%; padding-right: 4%; padding-top: 40px; width: 100% } .footer ul li:before { content: none } .footer__text { font-size: 1pc; line-height: 24px; margin-right: 8%; opacity: .64; width: 410px } @media(max-width:1023px) { .footer__text { font-size: 1pc; line-height: 24px; margin-bottom: 40px; margin-right: 0; width: 100% } } .footer__navigation { display: flex; flex-wrap: wrap; height: 100% } .footer__navigation-items { margin-bottom: 40px; margin-right: 40px; width: 260px } @media(max-width:1023px) { .footer__navigation-items { margin-right: 0 } } .footer__navigation-item { font-size: 20px; line-height: 28px; margin-bottom: 9pt; margin-left: 0 } @media(max-width:1023px) { .footer__navigation-item { font-size: 1pc; line-height: 24px } } .footer__navigation-item:last-child { margin-bottom: 0 } .footer__navigation-item:before { content: none } .footer__navigation-item-title { color: var(--color-primary-500); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 1pc; font-weight: 400; line-height: 24px; margin-bottom: 9pt } @media(max-width:1023px) { .footer__navigation-item-title { font-size: 1pc; line-height: 24px } } .footer__navigation-link { color: var(--color-white); text-decoration: underline } .footer__navigation-link:hover { text-decoration: none } .footer__navigation-link:active { color: var(--color-grey-100) } .footer__navigation-accreditations { display: block } .footer__navigation-accreditations-item { display: inline; margin-left: 0 } .footer__navigation-accreditations-item:before { content: none } .footer__navigation-accreditations-link { text-decoration: none } .footer__navigation-accreditations-title { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 1pc; font-weight: 400; line-height: 24px; opacity: .64 } @media(max-width:1023px) { .footer__navigation-accreditations-title { font-size: 1pc; line-height: 24px } } .footer__navigation-accreditations-title:last-child { margin-bottom: 1pc } @media(max-width:1023px) { .footer__navigation-accreditations-title:last-child { margin-bottom: 18px } } .footer__icon { fill: var(--color-white); display: flex; margin-bottom: 40px; width: 260px } @media(max-width:1023px) { .footer__icon { margin-bottom: 24px; width: 170px } } .footer__icon-social { fill: var(--color-white); height: 21px; margin-right: 9pt; width: 24px } @media(max-width:1023px) { .footer__icon-social { height: 17px; margin-right: 8px; width: 20px } } .footer__icon-accreditation { fill: var(--color-white); height: 6pc; margin-right: 2pc; opacity: .64; width: 6pc } @media(max-width:1023px) { .footer__icon-accreditation { height: 60px; margin-right: 24px; width: 60px } } .footer__icon-accreditation-big { fill: var(--color-white); height: 6pc; opacity: .64; width: 210px } @media(max-width:1023px) { .footer__icon-accreditation-big { height: 4pc; width: 134px } } .footer__content { display: flex; hyphens: auto; width: 100% } @media(max-width:1023px) { .footer__content { flex-direction: column } } .footer__legals { border-top: 2px solid var(--color-primary-800); display: flex; margin-top: 40px; padding: 40px 0 } @media(max-width:1023px) { .footer__legals { flex-wrap: wrap; margin-top: 24px; padding-bottom: 40px; padding-top: 24px } } .footer__legals-item { margin-left: 0 } .footer__legals-item:before { content: none } .footer__legals-link { color: var(--color-primary-500); display: inline-flex; margin-right: 40px; text-decoration: underline } @media(max-width:1023px) { .footer__legals-link { margin-right: 24px } } .footer__legals-link:last-child { margin-right: 0 } .footer__legals-link:hover { text-decoration: none } .footer__legals-link:active { color: var(--color-primary-600) } .richtext { flex-direction: column } .richtext a, .richtext li, .richtext ol, .richtext p, .richtext ul { color: var(--color-grey-600) !important; font-size: 24px; line-height: 36px } @media(max-width:1023px)and (max-width:1023px) { .richtext a, .richtext li, .richtext ol, .richtext p, .richtext ul { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .richtext a, .richtext li, .richtext ol, .richtext p, .richtext ul { font-size: 1pc; line-height: 24px } } .richtext a li, .richtext li li, .richtext ol li, .richtext p li, .richtext ul li { list-style-position: outside !important } .semesterslider { margin-top: 8rem; padding: 0 0 0 4% } .semesterslider--purple .splide__arrow svg { fill: var(--color-filter-purple) } .semesterslider--red .splide__arrow svg { fill: var(--color-filter-red) } .semesterslider--light-blue .splide__arrow svg { fill: var(--color-filter-light-blue) } .semesterslider--green .splide__arrow svg { fill: var(--color-filter-green) } .semesterslider--dark-blue .splide__arrow svg { fill: var(--color-filter-dark-blue) } .semesterslider--orange .splide__arrow svg { fill: var(--color-filter-orange) } .semesterslider--blue .splide__arrow svg { fill: var(--color-secondary-600) } .semesterslider--neon .splide__arrow svg { fill: var(--color-primary-600) } .semesterslider--black .splide__arrow svg { fill: var(--color-grey-900) } .semesterslider--grey .splide__arrow svg { fill: var(--color-grey-600) } .semesterslider--yellow .splide__arrow svg { fill: var(--color-grey-900) } .semesterslider .semester-slider-wrapper__pre-title { color: var(--color-primary-500); font-size: 24px; font-weight: 500; line-height: 36px; margin: 0 0 8px } @media(max-width:1023px)and (max-width:1023px) { .semesterslider .semester-slider-wrapper__pre-title { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__pre-title { font-size: 1pc; line-height: 24px } } .semesterslider .semester-slider-wrapper__title { margin: 0 0 40px } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__title { font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 1pc } } .semesterslider .semester-slider-wrapper__text { hyphens: auto; margin-bottom: 40px } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__text { margin-bottom: 1pc } } .semesterslider .semester-slider-wrapper__pre-title, .semesterslider .semester-slider-wrapper__text, .semesterslider .semester-slider-wrapper__title { padding-right: 4% } .semesterslider .semester-slider-wrapper__slider { margin-left: -4% } .semesterslider .semester-slider-wrapper__cards { display: flex; flex-wrap: nowrap; gap: 1pc; margin-bottom: 24px; margin-right: -5pc; overflow-x: auto; overflow-y: hidden } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__cards { gap: 20px; margin-bottom: 1pc; margin-right: -1pc } } .semesterslider .semester-slider-wrapper__cards::-webkit-scrollbar { display: none } .semesterslider .semester-slider-wrapper__richtext-info { align-items: center; display: flex; margin: 24px 0; padding-right: 4% } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__richtext-info { margin: 1pc 0 } } .semesterslider .semester-slider-wrapper__richtext-info svg { fill: var(--color-primary-500); flex-shrink: 0; height: 24px; margin-right: 9pt; width: 24px } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__richtext-info svg { height: 20px; width: 20px } } .semesterslider .semester-slider-wrapper__richtext-info__text { color: var(--color-grey-600); font-size: 20px; line-height: 28px } @media(max-width:1023px) { .semesterslider .semester-slider-wrapper__richtext-info__text { font-size: 1pc; line-height: 24px } } .semesterslider .semester-slider-wrapper__controls { align-items: center; display: flex; gap: 24px; justify-content: center } .semesterslider .semester-slider-wrapper__controls__button { align-items: center; background: var(--color-white); border: none; border-radius: 50%; cursor: pointer; display: flex; height: 41px; justify-content: center; margin: 0; padding: 0; width: 41px } .semesterslider .semester-slider-wrapper__controls__button:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .114) } .semesterslider .semester-slider-wrapper__controls__button .icon-wrapper { align-items: center; display: flex; height: 24px; justify-content: center; width: 24px } .semesterslider .semester-slider-wrapper__controls__button .icon-wrapper svg { fill: var(--color-primary-500) } .semesterslider .semester-slider-wrapper__controls__button.left .icon-wrapper { margin-right: 9pt } .semesterslider .semester-slider-wrapper__controls__button.left .icon-wrapper svg { transform: rotateY(180deg) } .semesterslider .semester-slider-wrapper__controls__button.right .icon-wrapper { margin-left: 9pt } .semesterslider .semester-card { background-color: var(--color-grey-50); border-radius: 2pc; box-sizing: border-box; cursor: pointer; height: 433px; overflow: hidden; position: relative; width: 324px } @media(max-width:1023px) { .semesterslider .semester-card { border-radius: 1pc; height: 383px; width: 286px } } .semesterslider .semester-card.highlight { background-color: var(--color-primary-500) } .semesterslider .semester-card.highlight .semester-card__module-text { border: 2px solid var(--color-primary-500); border-top: 0 } .semesterslider .semester-card.highlight .semester-card__module-text a, .semesterslider .semester-card.highlight .semester-card__module-text li, .semesterslider .semester-card.highlight .semester-card__module-text ol, .semesterslider .semester-card.highlight .semester-card__module-text p, .semesterslider .semester-card.highlight .semester-card__module-text ul { color: var(--color-white) !important } .semesterslider .semester-card.highlight.pressed { background-color: var(--color-primary-700) } .semesterslider .semester-card.highlight.pressed .semester-card__module-text { border: 2px solid var(--color-primary-700) } .semesterslider .semester-card .semester-card__module-text { height: 324px; overflow: hidden; width: 324px } @media(max-width:1023px) { .semesterslider .semester-card .semester-card__module-text { height: 298px; width: 286px } } .semesterslider .semester-card .semester-card__module-text-content { overflow: hidden } .semesterslider .semester-card .semester-card__module-text-content.richtext { hyphens: auto } .semesterslider .semester-card .semester-card__module-text a, .semesterslider .semester-card .semester-card__module-text li, .semesterslider .semester-card .semester-card__module-text ol, .semesterslider .semester-card .semester-card__module-text p, .semesterslider .semester-card .semester-card__module-text ul { margin-bottom: 10px } @media(max-width:1023px) { .semesterslider .semester-card .semester-card__module-text a, .semesterslider .semester-card .semester-card__module-text li, .semesterslider .semester-card .semester-card__module-text ol, .semesterslider .semester-card .semester-card__module-text p, .semesterslider .semester-card .semester-card__module-text ul { font-size: 1pc; font-weight: 400; line-height: 24px } } .semesterslider .semester-card:hover .semester-card__header__icon svg path { fill: var(--color-primary-700) } .semesterslider .semester-card:hover .semester-card__module-text { border: 2px solid var(--color-primary-500); border-top: 0 } .semesterslider .semester-card.pressed .semester-card__header { background-color: var(--color-primary-700) } .semesterslider .semester-card.pressed .semester-card__header__icon svg path { fill: var(--color-white) } .semesterslider .semester-card.pressed .semester-card__module-text { border-color: var(--color-primary-700); border-top: 0 } .semesterslider .semester-card__header { background-color: var(--color-primary-500); color: var(--color-white); display: flex; flex-direction: column; min-height: 81pt; padding: 24px } @media(max-width:1023px) { .semesterslider .semester-card__header { min-height: 84px; padding: 1pc 24px } } .semesterslider .semester-card__header__title { font-size: 28px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .semesterslider .semester-card__header__title { font-size: 20px; font-weight: 700; line-height: 28px } } .semesterslider .semester-card__header__subtitle { font-size: 1pc; line-height: 24px } .semesterslider .semester-card__header__subtitle, .semesterslider .semester-card__header__title { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; margin-right: 4pc; overflow: hidden; width: 14pc } @media(max-width:1023px) { .semesterslider .semester-card__header__subtitle, .semesterslider .semester-card__header__title { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; margin-right: 44px; overflow: hidden; width: 212px } } .semesterslider .semester-card__header__icon { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0; position: absolute; right: 24px; top: 24px } @media(max-width:1023px) { .semesterslider .semester-card__header__icon { right: 18px; top: 18px } } .semesterslider .semester-card__header__icon .svg { height: 40px; width: 40px } @media(max-width:1023px) { .semesterslider .semester-card__header__icon .svg { height: 24px; width: 24px } } .semesterslider .semester-card__header__icon .svg path { fill: var(--color-white) } .semesterslider .semester-card__module-text { align-items: flex-end; border: 2px solid var(--color-grey-50); border-radius: 0 0 2pc 2pc; border-top: 0; display: flex; height: 324px; justify-content: flex-start; padding: 22px 24px 24px } @media(max-width:1023px) { .semesterslider .semester-card__module-text { border-radius: 0 0 1pc 1pc; height: 298px } } .semesterslider .semester-card__module-text li { list-style-position: inside !important } .semesterslider .semester-card__module-text a, .semesterslider .semester-card__module-text li, .semesterslider .semester-card__module-text ol, .semesterslider .semester-card__module-text p, .semesterslider .semester-card__module-text ul { font-size: 20px; line-height: 28px } .semesterslider .semester-card__modal { align-items: center; display: none; flex-direction: column; inset: 0; justify-content: center; transform: unset } .semesterslider .semester-card__modal.show { background-color: hsla(0, 0%, 4%, .86); display: flex; overflow: hidden; position: fixed; z-index: 1110 } .semesterslider .semester-card__modal__dialog { background: var(--color-white); border-radius: 1pc; margin: 5pc 12%; max-height: 90vh; max-width: 750pt; padding: 5pc; position: relative; z-index: 1 } @media(max-width:1023px) { .semesterslider .semester-card__modal__dialog { margin: 24px 4%; padding: 4pc 24px 40px } } .semesterslider .semester-card__modal__content { color: var(--color-grey-600); font-size: 20px; height: 100%; line-height: 28px; overflow-y: auto; word-break: break-word } .semesterslider .semester-card__modal__content a, .semesterslider .semester-card__modal__content>* { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .semesterslider .semester-card__modal__content a { font-size: 1pc; line-height: 24px } } .cmp-carousel--with-logos .semesterslider .semester-card__modal__content .cmp-carousel__title, .cmp-navigation__item-link .semesterslider .semester-card__modal__content .link--l, .cmp-navigation__item-link .semesterslider .semester-card__modal__content .text--button-linkstyle .text__link, .semesterslider .semester-card__modal__content .c-lecturers__title, .semesterslider .semester-card__modal__content .cmp-carousel--with-logos .cmp-carousel__title, .semesterslider .semester-card__modal__content .cmp-navigation__item-link, .semesterslider .semester-card__modal__content .cmp-navigation__item-link .link--l, .semesterslider .semester-card__modal__content .cmp-navigation__item-link .text--button-linkstyle .text__link, .semesterslider .semester-card__modal__content .cmp-quotes__quote, .semesterslider .semester-card__modal__content .contacttiles__teaser-title, .semesterslider .semester-card__modal__content .errorpage__title, .semesterslider .semester-card__modal__content .event-calendar__title, .semesterslider .semester-card__modal__content .event-calendar__title-link, .semesterslider .semester-card__modal__content .eventlocation__building-name, .semesterslider .semester-card__modal__content .eventlocation__title, .semesterslider .semester-card__modal__content .herostudyformats__title, .semesterslider .semester-card__modal__content .heroteaser__dynamic-content-title, .semesterslider .semester-card__modal__content .heroteaser__title, .semesterslider .semester-card__modal__content .info__section-title, .semesterslider .semester-card__modal__content .link--xxl, .semesterslider .semester-card__modal__content .locationteaser__description-title, .semesterslider .semester-card__modal__content .magazineteaser__description-pretitle, .semesterslider .semester-card__modal__content .magazineteaser__description-title, .semesterslider .semester-card__modal__content .product-finder__title, .semesterslider .semester-card__modal__content .product-instance-info__column-title, .semesterslider .semester-card__modal__content .product-instance-info__title, .semesterslider .semester-card__modal__content .productdescriptiontexts__content-title, .semesterslider .semester-card__modal__content .productheader__title, .semesterslider .semester-card__modal__content .productstudycost__title, .semesterslider .semester-card__modal__content .promo__title, .semesterslider .semester-card__modal__content .reduced-event-calendar__title, .semesterslider .semester-card__modal__content .socialmedia__title, .semesterslider .semester-card__modal__content .studyentry__title, .semesterslider .semester-card__modal__content .summary__item-title, .semesterslider .semester-card__modal__content .summarymanual__items-text-title, .semesterslider .semester-card__modal__content .text__content-title, .semesterslider .semester-card__modal__content h1, .semesterslider .semester-card__modal__content h2, .semesterslider .semester-card__modal__content h3, .semesterslider .semester-card__modal__content h4, .semesterslider .semester-card__modal__content h5, .semesterslider .semester-card__modal__content h6, .text--button-linkstyle .cmp-navigation__item-link .semesterslider .semester-card__modal__content .text__link, .text--button-linkstyle .semesterslider .semester-card__modal__content .cmp-navigation__item-link .text__link { color: var(--color-black) } .cmp-carousel--with-logos .semesterslider .semester-card__modal__content .cmp-carousel__title, .semesterslider .semester-card__modal__content .cmp-carousel--with-logos .cmp-carousel__title, .semesterslider .semester-card__modal__content .cmp-quotes__quote, .semesterslider .semester-card__modal__content .errorpage__title, .semesterslider .semester-card__modal__content .herostudyformats__title, .semesterslider .semester-card__modal__content .heroteaser__dynamic-content-title, .semesterslider .semester-card__modal__content .heroteaser__title, .semesterslider .semester-card__modal__content .productdescriptiontexts__content-title, .semesterslider .semester-card__modal__content .productheader__title, .semesterslider .semester-card__modal__content .promo__title, .semesterslider .semester-card__modal__content .text__content-title, .semesterslider .semester-card__modal__content h1 { font-size: 42px; font-weight: 700; line-height: 3pc; margin-bottom: 40px } .semesterslider .semester-card__modal__content .c-lecturers__title, .semesterslider .semester-card__modal__content .contacttiles__teaser-title, .semesterslider .semester-card__modal__content .event-calendar__title, .semesterslider .semester-card__modal__content .event-calendar__title-link, .semesterslider .semester-card__modal__content .info__section-title, .semesterslider .semester-card__modal__content .link--xxl, .semesterslider .semester-card__modal__content .locationteaser__description-title, .semesterslider .semester-card__modal__content .magazineteaser__description-pretitle, .semesterslider .semester-card__modal__content .magazineteaser__description-title, .semesterslider .semester-card__modal__content .product-finder__title, .semesterslider .semester-card__modal__content .product-instance-info__column-title, .semesterslider .semester-card__modal__content .product-instance-info__title, .semesterslider .semester-card__modal__content .reduced-event-calendar__title, .semesterslider .semester-card__modal__content .socialmedia__title, .semesterslider .semester-card__modal__content .studyentry__title, .semesterslider .semester-card__modal__content h2 { font-size: 28px; font-weight: 700; line-height: 36px } .semesterslider .semester-card__modal__content .eventlocation__title, .semesterslider .semester-card__modal__content .productstudycost__title, .semesterslider .semester-card__modal__content h3 { font-size: 28px; line-height: 36px } .cmp-navigation__item-link .semesterslider .semester-card__modal__content .link--l, .cmp-navigation__item-link .semesterslider .semester-card__modal__content .text--button-linkstyle .text__link, .semesterslider .semester-card__modal__content .cmp-navigation__item-link, .semesterslider .semester-card__modal__content .cmp-navigation__item-link .link--l, .semesterslider .semester-card__modal__content .cmp-navigation__item-link .text--button-linkstyle .text__link, .semesterslider .semester-card__modal__content .eventlocation__building-name, .semesterslider .semester-card__modal__content .summary__item-title, .semesterslider .semester-card__modal__content .summarymanual__items-text-title, .semesterslider .semester-card__modal__content h4, .text--button-linkstyle .cmp-navigation__item-link .semesterslider .semester-card__modal__content .text__link, .text--button-linkstyle .semesterslider .semester-card__modal__content .cmp-navigation__item-link .text__link { font-size: 24px; line-height: 36px } .semesterslider .semester-card__modal__content h5 { font-size: 20px; line-height: 28px } .semesterslider .semester-card__modal__content h6 { font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .semesterslider .semester-card__modal__content { -ms-overflow-style: none; font-size: 1pc; line-height: 24px; scrollbar-width: none } .semesterslider .semester-card__modal__content>* { font-size: 1pc; line-height: 24px } .semesterslider .semester-card__modal__content::-webkit-scrollbar { display: none } .cmp-carousel--with-logos .semesterslider .semester-card__modal__content .cmp-carousel__title, .semesterslider .semester-card__modal__content .cmp-carousel--with-logos .cmp-carousel__title, .semesterslider .semester-card__modal__content .cmp-quotes__quote, .semesterslider .semester-card__modal__content .errorpage__title, .semesterslider .semester-card__modal__content .herostudyformats__title, .semesterslider .semester-card__modal__content .heroteaser__dynamic-content-title, .semesterslider .semester-card__modal__content .heroteaser__title, .semesterslider .semester-card__modal__content .productdescriptiontexts__content-title, .semesterslider .semester-card__modal__content .productheader__title, .semesterslider .semester-card__modal__content .promo__title, .semesterslider .semester-card__modal__content .text__content-title, .semesterslider .semester-card__modal__content h1 { font-size: 24px; font-weight: 700; line-height: 36px } .semesterslider .semester-card__modal__content .c-lecturers__title, .semesterslider .semester-card__modal__content .contacttiles__teaser-title, .semesterslider .semester-card__modal__content .event-calendar__title, .semesterslider .semester-card__modal__content .event-calendar__title-link, .semesterslider .semester-card__modal__content .info__section-title, .semesterslider .semester-card__modal__content .link--xxl, .semesterslider .semester-card__modal__content .locationteaser__description-title, .semesterslider .semester-card__modal__content .magazineteaser__description-pretitle, .semesterslider .semester-card__modal__content .magazineteaser__description-title, .semesterslider .semester-card__modal__content .product-finder__title, .semesterslider .semester-card__modal__content .product-instance-info__column-title, .semesterslider .semester-card__modal__content .product-instance-info__title, .semesterslider .semester-card__modal__content .reduced-event-calendar__title, .semesterslider .semester-card__modal__content .socialmedia__title, .semesterslider .semester-card__modal__content .studyentry__title, .semesterslider .semester-card__modal__content h2 { font-size: 20px; font-weight: 700; line-height: 28px } .semesterslider .semester-card__modal__content .eventlocation__title, .semesterslider .semester-card__modal__content .productstudycost__title, .semesterslider .semester-card__modal__content h3 { font-size: 20px; line-height: 28px } .cmp-navigation__item-link .semesterslider .semester-card__modal__content .link--l, .cmp-navigation__item-link .semesterslider .semester-card__modal__content .text--button-linkstyle .text__link, .semesterslider .semester-card__modal__content .cmp-navigation__item-link, .semesterslider .semester-card__modal__content .cmp-navigation__item-link .link--l, .semesterslider .semester-card__modal__content .cmp-navigation__item-link .text--button-linkstyle .text__link, .semesterslider .semester-card__modal__content .eventlocation__building-name, .semesterslider .semester-card__modal__content .summary__item-title, .semesterslider .semester-card__modal__content .summarymanual__items-text-title, .semesterslider .semester-card__modal__content h4, .text--button-linkstyle .cmp-navigation__item-link .semesterslider .semester-card__modal__content .text__link, .text--button-linkstyle .semesterslider .semester-card__modal__content .cmp-navigation__item-link .text__link { font-size: 1pc; line-height: 24px } .semesterslider .semester-card__modal__content h5 { font-size: 14px; line-height: 20px } .semesterslider .semester-card__modal__content h6 { font-size: 9pt; line-height: 18px } } .semesterslider .semester-card__modal__close { background: none; border: 0; border-radius: 5px; cursor: pointer; padding: 0; position: absolute; right: 40px; top: 40px } .semesterslider .semester-card__modal__close svg { height: auto; width: 2pc } .semesterslider .semester-card__modal__close:hover { cursor: pointer } @media(max-width:1023px) { .semesterslider .semester-card__modal__close { right: 24px; top: 24px } .semesterslider .semester-card__modal__close svg { height: auto; width: 24px } } .semesterslider--blue .semester-slider-wrapper__pre-title { color: var(--color-secondary-500) } .semesterslider--blue .semester-slider-wrapper__richtext-info svg { fill: var(--color-secondary-500) } .semesterslider--blue .semester-card.highlight { background-color: var(--color-secondary-500) } .semesterslider--blue .semester-card.highlight .semester-card__module-text { border: 2px solid var(--color-secondary-500) } .semesterslider--blue .semester-card.highlight .semester-card__module-text a, .semesterslider--blue .semester-card.highlight .semester-card__module-text li, .semesterslider--blue .semester-card.highlight .semester-card__module-text ol, .semesterslider--blue .semester-card.highlight .semester-card__module-text p, .semesterslider--blue .semester-card.highlight .semester-card__module-text ul { color: var(--color-white) !important } .semesterslider--blue .semester-card.highlight.pressed { background-color: var(--color-secondary-700) } .semesterslider--blue .semester-card.highlight.pressed .semester-card__module-text { border: 2px solid var(--color-secondary-700) } .semesterslider--blue .semester-card:hover .semester-card__header__icon svg path { fill: var(--color-secondary-700) } .semesterslider--blue .semester-card:hover .semester-card__module-text { border: 2px solid var(--color-secondary-500); border-top: 0 } .semesterslider--blue .semester-card.pressed .semester-card__header { background-color: var(--color-secondary-700) } .semesterslider--blue .semester-card.pressed .semester-card__header__icon svg path { fill: var(--color-white) } .semesterslider--blue .semester-card.pressed .semester-card__module-text { border-color: var(--color-secondary-700); border-top: 0 } .semesterslider--blue .semester-card .semester-card__header { background-color: var(--color-secondary-500) } .semesterslider--blue .semester-card .semester-card__header__icon svg path { fill: var(--color-white) } .semesterslider .cards-carousel { padding-bottom: 6rem } @media(max-width:1023px) { .semesterslider .cards-carousel { padding-bottom: 0 } } .semesterslider .cards-carousel .navigation { bottom: 1.25rem; position: absolute; width: 100% } .semesterslider .cards-carousel .arrows-wrapper { margin: 0 auto; min-width: 78pt; position: relative; width: fit-content } .semesterslider .cards-carousel .splide { padding-bottom: 7.25rem } .semesterslider .cards-carousel .splide__arrows { padding: 0 2.5rem } @media(max-width:1023px) { .semesterslider .cards-carousel .splide__arrows { display: none } } .semesterslider .cards-carousel .splide__arrows .splide__arrow { background: var(--color-white); height: 2.5rem; width: 2.5rem } .semesterslider .cards-carousel .splide__arrows .splide__arrow:hover:not(:disabled) { box-shadow: 0 0 1pc 0 hsla(0, 0%, 6%, .08) } .semesterslider .cards-carousel .splide__arrows .splide__arrow svg { height: 1.5rem; width: auto } .semesterslider .cards-carousel .splide__arrows .splide__arrow--next { right: 0 } .semesterslider .cards-carousel .splide__arrows .splide__arrow--prev { left: 0 } .semesterslider .cards-carousel .splide .navigation { bottom: 1.25rem; position: absolute; width: 100% } .semesterslider .cards-carousel .splide .arrows-wrapper { margin: 0 auto; min-width: 78pt; position: relative; width: fit-content } .semesterslider .cards-carousel .splide__track { height: 100% } .semesterslider .cards-carousel .splide__slide:last-child { padding-right: 4% } .errorpage { align-items: center; display: flex; flex-direction: column; font-size: 24px; justify-content: center; line-height: 36px; padding: 8pc 4%; text-align: center } @media(max-width:1023px) { .errorpage { font-size: 1pc; line-height: 24px; padding: 40px 4% } } .errorpage__bug-icon { display: block; height: 3pc; width: 3pc } @media(max-width:1023px) { .errorpage__bug-icon { height: 2pc; width: 2pc } } .errorpage__status { color: var(--color-primary-500); margin-top: 10px } .errorpage__title { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; margin-bottom: 0; margin-top: 8px } .errorpage__description { color: var(--color-grey-600); margin: 24px 0 40px } @media(max-width:1023px) { .errorpage__description { margin: 1pc 0 24px } } .errorpage__link { justify-content: center; margin-right: 0 } .errorpage__link .link__label { color: var(--color-white) } .errorpage__link .svg { display: none } .greyinfobox { align-items: baseline; hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .greyinfobox { margin: 40px 0; padding: 24px } } .greyinfobox__box { background-color: var(--color-grey-50); border-radius: 1pc; display: flex; padding: 40px } @media(max-width:1023px) { .greyinfobox__box { padding: 24px } } .greyinfobox__title { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 24px } @media(max-width:1023px) { .greyinfobox__title { font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 1pc } } .greyinfobox__description { color: var(--color-grey-600); font-size: 20px; line-height: 28px } @media(max-width:1023px) { .greyinfobox__description { font-size: 1pc; line-height: 24px } } .greyinfobox__list { font-size: 20px; line-height: 28px; margin-top: 40px } @media(max-width:1023px) { .greyinfobox__list { font-size: 1pc; line-height: 24px; margin-top: 24px } } .greyinfobox__list-item { display: flex; gap: 9pt } @media(max-width:1023px) { .greyinfobox__list-item { gap: 8px } } .greyinfobox__list-item:not(:last-child) { margin-bottom: 24px } @media(max-width:1023px) { .greyinfobox__list-item:not(:last-child) { margin-bottom: 1pc } } .greyinfobox__list-icon { fill: var(--color-grey-900); flex-shrink: 0; height: 24px; width: 24px } @media(max-width:1023px) { .greyinfobox__list-icon { height: 20px; width: 20px } } .greyinfobox__link { margin-top: 40px } @media(max-width:1023px) { .greyinfobox__link { margin-top: 24px } } .greyinfobox__info-icon { fill: var(--color-primary-500); flex-shrink: 0; height: 24px; margin-right: 1pc; width: 24px } @media(max-width:1023px) { .greyinfobox__info-icon { height: 20px; margin-right: 8px; width: 20px } } .greyinfobox__info-icon svg { margin: 2px 0 } .greyinfobox--blue .greyinfobox__info-icon { fill: var(--color-secondary-500) } .greyinfobox--deactivated .greyinfobox__info-icon { display: none } .formstep .greyinfobox { margin-bottom: 4pc !important } @media(max-width:1023px) { .formstep .greyinfobox { margin-bottom: 40px !important } } :root { --header-height: 100px; --header-height-mobile: 80px; --newsbanner-height: 41px; --newsbanner-height-mobile: 36px } .header { --height: var(--header-height); display: flex; flex-direction: column; height: var(--height); position: sticky; top: 0; transition: all .3s ease; width: 100%; z-index: 1100 } .header.cq-Editable-dom { height: 100%; position: relative } .header .wrapped { display: none } .header--hidden { top: calc(var(--height)*-1) } @media(max-width:1023px) { .header { --height: var(--header-height-mobile) } } .header__main-bar { background-color: var(--color-primary-500); display: flex; height: 100%; padding: 2pc 1.6%; width: 100%; z-index: 1 } .header__main-bar.resized { justify-content: space-between } @media(max-width:1023px) { .header__main-bar { justify-content: space-between; padding: 1pc 4% } } .header__logo { align-items: center; display: block; display: flex } .header__logo-image { height: 5pc; margin-right: 24px } @media(max-width:1023px) { .header__logo-image { height: 4pc; margin-right: 0 } } .header__quick-links { align-items: center; display: flex; flex: 1; justify-content: flex-end; margin: 0 } @media(max-width:1023px) { .header__quick-links { display: none } } .header__quick-links-group { border-right: 2px solid hsla(0, 0%, 100%, .48); display: flex; margin: 0 } .header__quick-links-group-item { margin: 0 24px 0 0 } @media(max-width:1023px) { .header__quick-links-group-item { margin-bottom: 9pt } } .header__quick-links-group-item-link { color: var(--color-white); font-size: 20px; font-weight: 700; line-height: 28px; white-space: nowrap } @media(max-width:1023px) { .header__quick-links-group-item-link { font-size: 1pc; line-height: 24px } } .header__quick-links-group-item-link:hover { color: var(--color-grey-200); text-decoration: underline } .header__quick-links-group-item-link:active, .header__quick-links-group-item-link:focus { color: hsla(0, 0%, 100%, .48) } .header__quick-links-group-item:before { content: none } .header__quick-links-group-item:first-of-type { margin-left: 24px } .header__quick-links-button { background-color: transparent; border-color: var(--color-white); display: block; margin-left: 24px } .header__quick-links-button:hover { background-color: var(--color-white); color: var(--color-grey-900) } .header__quick-links-button:active, .header__quick-links-button:focus { background-color: var(--color-grey-100); color: var(--color-grey-900) } .header__quick-links-button a { color: var(--color-white); font-size: 1pc; font-weight: 700; line-height: 24px; text-decoration: none } @media(max-width:1023px) { .header__quick-links-button a { font-size: 1pc; line-height: 24px } } .header__quick-links-navigation { display: none } @media(max-width:1023px) { .header__quick-links-navigation { display: flex; flex-direction: column } } .header__quick-links-navigation--visible { align-items: center; display: flex; flex-wrap: wrap } .header__quick-links-navigation .header__quick-links-group { margin-bottom: 9pt } .header__quick-links-navigation .header__quick-links-group:last-child { margin-bottom: 0 } .header__quick-links-navigation .header__quick-links-group-item { margin: 0 } .header__quick-links-navigation .header__quick-links-button { border-color: var(--color-primary-500); color: var(--color-primary-500); margin-bottom: 24px; margin-left: 0; margin-top: 24px } @media(max-width:1023px) { .header__quick-links-navigation .header__quick-links-button { margin-top: 9pt } } .header__quick-links-navigation .header__quick-links-group-item-link { color: var(--color-primary-500) } .header__actions { align-items: center; display: flex; margin-left: 40px } .header__actions-register { color: var(--color-white); flex: 1; width: 10.31% } .header__actions-search { height: 24px; margin-right: 24px; padding: 0; width: 24px } .header__actions-search-svg { fill: var(--color-white); height: 24px; width: 24px } .header__actions-hamburger { height: 24px; padding: 0; width: 24px } .header__actions-hamburger--invisible { display: none } .header__actions-hamburger-svg { fill: var(--color-white); height: 24px; width: 24px } .header__actions-close { display: none; padding: 0; width: 24px } .header__actions-close--visible { display: block } .header__actions-close-svg { fill: var(--color-white); height: 24px; width: 24px } .header__actions-icons { margin-left: 24px } .header--blue .cmp-navigation__dropdown-pretitle { color: var(--color-secondary-500) } .header--blue .cmp-navigation__list .cmp-navigation__item--level-0:hover { border-color: var(--color-secondary-500) } .header--blue .link--black:hover, .header--blue .link--black:hover .link__icon.svg svg, .header--blue .text--button-linkstyle .text__link:hover, .header--blue .text--button-linkstyle .text__link:hover .link__icon.svg svg, .text--button-linkstyle .header--blue .text__link:hover, .text--button-linkstyle .header--blue .text__link:hover .link__icon.svg svg { fill: var(--color-secondary-500); color: var(--color-secondary-500) } .header--blue .cmp-navigation__item--level-1 .cmp-navigation__item-link { color: var(--color-secondary-500) } .header--blue .cmp-navigation__item--level-1 .cmp-navigation__item-link:active { color: var(--color-secondary-600); text-decoration-color: var(--color-secondary-600) } .header--blue .header__quick-links-navigation .header__quick-links-group-item-link { color: var(--color-secondary-500) } .header--blue .header__quick-links-navigation .header__quick-links-group-item-link:active, .header--blue .header__quick-links-navigation .header__quick-links-group-item-link:focus { color: var(--color-secondary-600) } .header--blue .header__quick-links-navigation .header__quick-links-button { border-color: var(--color-secondary-500); color: var(--color-secondary-500) } .header--blue .cmp-navigation .header__quick-links-group { border-color: var(--color-secondary-500) } .has-news-banner { --height-nb: var(--newsbanner-height); --height: var(--header-height); --full-height: calc(var(--height) + 64px + var(--height-nb)) } @media(max-width:1023px) { .has-news-banner { --height-nb: var(--newsbanner-height-mobile); --height: var(--header-height-mobile); --full-height: calc(var(--height) + 24px + var(--height-nb)) } } .has-news-banner .header { top: var(--height-nb) } .has-news-banner .header--hidden { top: calc((var(--height))*-1) } .has-news-banner .cmp-navigation { padding-top: var(--full-height) } .has-teaser .header { position: sticky } .has-teaser .header__main-bar, .has-teaser .header__main-bar--dark, .has-teaser-scrolled .header__main-bar { background-color: var(--color-primary-500) } .herostudyformats { background: var(--color-primary-500); height: 50pc; hyphens: auto; overflow-wrap: break-word; padding-top: 41.666666%; position: relative; width: 100% } @media(max-width:1023px) { .herostudyformats { height: max-content; min-height: 570px; padding-top: 56.666666% } } @media(max-width:430px) { .herostudyformats { height: auto; min-height: auto; padding-top: 100% } } .herostudyformats__overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); opacity: .32; z-index: 10 } .herostudyformats__media-overlay, .herostudyformats__overlay { display: flex; height: 100%; inset: 0; position: absolute; width: 100% } .herostudyformats__media-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-primary-500) 100%); z-index: 400 } @media(max-width:1023px) { .herostudyformats__media-overlay { height: 375px } } .herostudyformats__image { display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 100 } .herostudyformats__image img { height: 100%; object-fit: cover; object-position: center top; width: 100% } @media(max-width:1023px) { .herostudyformats__image img { height: 375px } } .herostudyformats__content { align-items: center; display: flex; flex-direction: column; height: 100%; inset: 0; justify-content: center; padding: 0 4%; position: absolute; text-align: center; width: 100%; z-index: 500 } .cmp-carousel--with-logos .herostudyformats__content .cmp-carousel__title, .herostudyformats__content .cmp-carousel--with-logos .cmp-carousel__title, .herostudyformats__content .cmp-quotes__quote, .herostudyformats__content .errorpage__title, .herostudyformats__content .herostudyformats__title, .herostudyformats__content .heroteaser__dynamic-content-title, .herostudyformats__content .heroteaser__title, .herostudyformats__content .productdescriptiontexts__content-title, .herostudyformats__content .productheader__title, .herostudyformats__content .promo__title, .herostudyformats__content .text__content-title, .herostudyformats__content h1 { text-align: inherit } @media(max-width:1023px) { .herostudyformats__content { justify-content: start } .herostudyformats__content:has(+.herostudyformats__list) { padding-top: 36.53% } .herostudyformats__content:not(:has(+.herostudyformats__list)) { padding-top: 28.53% } } @media(max-width:430px) { .herostudyformats__content { justify-content: start; padding-top: 36.53% !important } } .herostudyformats__content--left { align-items: normal; justify-content: end; padding: 0 4% 260px 20%; text-align: left } @media(max-width:1023px) { .herostudyformats__content--left { justify-content: start; padding: 0 4%; text-align: left } } .herostudyformats__content--left p:last-child { padding-bottom: 2pc } .herostudyformats__pretitle { color: var(--color-white); font-size: 42px; line-height: 3pc; margin-bottom: 1pc } @media(max-width:1023px) { .herostudyformats__pretitle { font-size: 20px; line-height: 28px; margin-bottom: 8px } } .herostudyformats__title { color: var(--color-white); margin: 0; width: 100% } .herostudyformats__subtitle { color: var(--color-white); font-size: 42px; line-height: 3pc; margin-bottom: 0; margin-top: 1pc } @media(max-width:1023px) { .herostudyformats__subtitle { font-size: 20px; line-height: 28px; margin-top: 8px } } .herostudyformats__subtitle--left { margin-bottom: 2pc } .herostudyformats__list { bottom: 0; display: flex; flex-direction: row; justify-content: space-between; left: 0; margin-bottom: 0; padding: 0 4% 2%; position: absolute; right: 0; z-index: 500 } @media(max-width:1023px) { .herostudyformats__list { flex-direction: column; padding: 24px 0; position: relative; width: 100% } } .herostudyformats__list-item { border-left: 2px solid var(--color-white); color: var(--color-white); font-size: 28px; font-weight: 700; line-height: 36px; margin: 0; padding: 40px 0 0 24px; position: relative; width: 22.66%; word-break: break-word } @media(max-width:1023px) { .herostudyformats__list-item { font-size: 20px; font-weight: 700; line-height: 28px } } .herostudyformats__list-item:before { content: none } @media(max-width:1023px) { .herostudyformats__list-item { align-items: center; border-left: 0; display: flex; flex-direction: column; padding: 1pc 18px; text-align: center; width: 100%; z-index: 500 } .herostudyformats__list-item:first-child { padding-top: 0 } } .herostudyformats__list-icon { height: 30px; left: 24px; position: absolute; top: 0; width: 30px; z-index: 500 } @media(max-width:1023px) { .herostudyformats__list-icon { height: 22px; width: 22px } } .herostudyformats__list-icon .svg { height: 100%; padding-bottom: 10px; width: 100% } @media(max-width:1023px) { .herostudyformats__list-icon .svg { height: 22px; width: 22px } } .herostudyformats__list-icon .svg .check-circle-background { fill: none } .herostudyformats__list-icon .svg .check-circle-border { fill: var(--color-white) } @media(max-width:1023px) { .herostudyformats__list-icon { inset: 0; position: relative } } .herostudyformats--blue { background: var(--color-secondary-500) } .herostudyformats--blue .herostudyformats__media-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-secondary-500) 100%) } .herostudyformats--grey, .herostudyformats--grey .herostudyformats__overlay { background: var(--color-grey-900) } .herostudyformats--grey .herostudyformats__media-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%) } .herostudyformats--left { align-items: normal; text-align: left } .herostudyformats--left .herostudyformats__content-title { margin-bottom: 24px } @media(max-width:1023px) { .herostudyformats--left .herostudyformats__content-title { margin-bottom: 1pc } } .heroteaser { background: var(--color-primary-500); height: 100vh; height: calc(var(--vh, 1vh)*100); overflow: hidden; position: relative; width: 100% } .heroteaser.cq-Editable-dom { height: 100%; padding-top: 56.25% } @media(max-width:1023px) { .heroteaser, .heroteaser.cq-Editable-dom { height: auto; padding-top: 133.333333% } } .heroteaser__overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); display: flex; height: 100%; inset: 0; opacity: .32; position: absolute; width: 100%; z-index: 10 } .heroteaser__media-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-primary-500) 100%); bottom: 0; display: flex; height: 33%; position: absolute; width: 100%; z-index: 400 } @media(max-width:1023px) { .heroteaser__media-overlay { height: 66% } } .heroteaser__image { display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 100 } .heroteaser__image img, .heroteaser__video { height: 100%; object-fit: cover; width: 100% } .heroteaser__video { inset: 0; position: absolute; z-index: 99 } .heroteaser__content { align-items: center; display: flex; flex-direction: column; height: 100%; inset: 0; justify-content: center; padding: 0 16%; position: absolute; text-align: center; width: 100%; z-index: 500 } @media(max-width:1023px) { .heroteaser__content { padding: 0 4% } } .heroteaser__pretitle { color: var(--color-white); font-size: 42px; line-height: 3pc; margin-bottom: 1pc } @media(max-width:1023px) { .heroteaser__pretitle { font-size: 20px; line-height: 28px; margin-bottom: 8px } } .heroteaser__title { color: var(--color-white); margin: 0; text-align: center; width: 100% } .heroteaser__subtitle { color: var(--color-white); font-size: 42px; line-height: 3pc; margin: 1pc 0 } @media(max-width:1023px) { .heroteaser__subtitle { font-size: 20px; line-height: 28px; margin: 8px 0 } } .heroteaser__dynamic-content { height: 72px } @media(max-width:1023px) { .heroteaser__dynamic-content { height: 36px } } .heroteaser__dynamic-content-title { color: var(--color-highlight-500); margin: 0 } .heroteaser__dynamic-content-cursor { animation: blink .75s step-end infinite; background-color: var(--color-highlight-500); display: inline-block; height: 54px; margin-left: 9pt; vertical-align: text-bottom; width: 9pt } .heroteaser__dynamic-content-cursor--inactive { animation: none } @media(max-width:1023px) { .heroteaser__dynamic-content-cursor { height: 24px; width: 4px } } .heroteaser__scroll-down { align-items: center; bottom: 20px; display: flex; height: 40px; justify-content: center; left: calc(50% - 20px); padding: 4px; position: absolute; width: 40px; z-index: 1000 } @media(max-width:1023px) { .heroteaser__scroll-down { display: none } } .heroteaser__scroll-down .svg { animation: jump 1.5s infinite; width: 40px } .heroteaser__scroll-down .svg svg { fill: var(--color-white) } .heroteaser--blue { background: var(--color-secondary-500) } .heroteaser--blue .heroteaser__media-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-secondary-500) 100%) } .heroteaser--no-gradient .heroteaser__media-overlay, .heroteaser--no-gradient .heroteaser__overlay { background: none } @keyframes blink { 0%, to { background-color: transparent } 50% { background-color: var(--color-highlight-500) } } @keyframes jump { 0% { margin-top: 0 } 50% { margin-top: 2pc } to { margin-top: 0 } } .imagecomponent__picture img { border-radius: 1pc; display: block; height: auto; object-fit: cover; width: 100% } @media(max-width:1023px) { .imagecomponent__picture img { border-radius: 0 } } .info { hyphens: auto; margin: 0; overflow-wrap: break-word; padding: 0; position: relative; width: 100% } .info__section { align-items: center; background: transparent linear-gradient(90deg, var(--color-primary-500) 30%, var(--color-secondary-500) 100%); display: flex; flex-direction: column; justify-content: center; padding: 5pc 4%; text-align: center } @media(max-width:1023px) { .info__section { padding: 40px 4% } } .info__section-title { color: var(--color-white); margin: 0 0 1pc } @media(max-width:1023px) { .info__section-title { margin-bottom: 8px } } .info__section-description { color: var(--color-white); font-size: 24px; line-height: 36px; margin-bottom: 0 } @media(max-width:1023px) { .info__section-description { font-size: 1pc; line-height: 24px } } .info__section--brackets { background: var(--color-grey-50) } .info__section--brackets .info__section-description { color: var(--color-grey-900); font-size: 42px; font-weight: 700; line-height: 3pc; padding: 0 2pc; position: relative; width: 100% } @media(max-width:1023px) { .info__section--brackets .info__section-description { font-size: 24px; font-weight: 700; line-height: 36px; padding: 0 9pt } } .info__section--brackets .info__section-description:before { border-bottom: 4px solid var(--color-primary-500); border-left: 4px solid var(--color-primary-500); border-top: 4px solid var(--color-primary-500); bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 2pc } @media(max-width:1023px) { .info__section--brackets .info__section-description:before { border-bottom: 2px solid var(--color-primary-500); border-left: 2px solid var(--color-primary-500); border-top: 2px solid var(--color-primary-500); width: 9pt } } .info__section--brackets .info__section-description:after { border-bottom: 4px solid var(--color-primary-500); border-right: 4px solid var(--color-primary-500); border-top: 4px solid var(--color-primary-500); bottom: 0; content: ""; position: absolute; right: 0; top: 0; width: 2pc } @media(max-width:1023px) { .info__section--brackets .info__section-description:after { border-bottom: 2px solid var(--color-primary-500); border-right: 2px solid var(--color-primary-500); border-top: 2px solid var(--color-primary-500); width: 9pt } } .infotiles { background-color: var(--color-primary-50); display: flex; position: relative } @media(max-width:1023px) { .infotiles { flex-direction: column } } .infotiles__content { display: flex; flex-basis: 50%; flex-direction: column; justify-content: center; padding: 5% 4% } .infotiles__pretitle { color: var(--color-primary-600); font-size: 24px; line-height: 36px; margin-bottom: 0 } @media(max-width:1023px) { .infotiles__pretitle { font-size: 1pc; line-height: 24px } } .infotiles__title { margin: 8px 0 0 } .infotiles__title--solo { margin-top: 0 } .infotiles__excerpt { color: var(--color-grey-600); font-size: 24px; hyphens: auto; line-height: 36px; margin-top: 1pc; overflow-wrap: break-word } @media(max-width:1023px) { .infotiles__excerpt { font-size: 1pc; line-height: 24px } } .infotiles__expandable { color: var(--color-primary-600); font-size: 24px; line-height: 36px; margin-top: 1pc; padding: 0; text-decoration: underline; transition: all .15s ease-in } @media(max-width:1023px) { .infotiles__expandable { font-size: 1pc; line-height: 24px } } .infotiles__expandable:hover { color: var(--color-primary-600); text-decoration: none } .infotiles__expandable:active { color: var(--color-primary-700); text-decoration: none } @media(max-width:1023px) { .infotiles__expandable { margin-top: 8px } } .infotiles__link { align-self: flex-start; margin-top: 2pc } @media(max-width:1023px) { .infotiles__link { margin-top: 1pc } } .infotiles__image { flex-basis: 50%; padding-top: 37.5%; position: relative } @media(max-width:1023px) { .infotiles__image { padding-top: 56.266666% } } .infotiles__image picture { display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 100 } .infotiles__image img { height: 100%; object-fit: cover; width: 100% } .infotiles__image-caption { bottom: 1pc; color: var(--color-white); font-size: 1pc; line-height: 24px; margin-bottom: 0; position: absolute; right: 1pc; z-index: 150 } @media(max-width:1023px) { .infotiles__image-caption { font-size: 1pc; line-height: 24px } } .infotiles--right { flex-direction: row-reverse } @media(max-width:1023px) { .infotiles--right { flex-direction: column } } .infotiles__expanded { display: none } .infotiles--blue { background-color: var(--color-secondary-50) } .infotiles--blue .infotiles__expandable, .infotiles--blue .infotiles__expandable:hover, .infotiles--blue .infotiles__pretitle { color: var(--color-secondary-500) } .infotiles--blue .infotiles__expandable:active { color: var(--color-secondary-600) } .learnmore { display: flex; flex-direction: column; hyphens: auto; margin-top: 8pc; overflow-wrap: break-word; width: 100% } @media(max-width:1023px) { .learnmore { flex-direction: column; margin-top: 40px } } .learnmore__title { margin: 0; padding: 0 4% } .learnmore__content { display: flex; flex-direction: row; margin-top: 40px; width: 100% } @media(max-width:1023px) { .learnmore__content { flex-direction: column; margin-top: 24px } } .learnmore__item { align-items: center; background: var(--color-primary-500) linear-gradient(180deg, transparent 0, rgba(var(--color-grey-900-rgb), .32) 100%); display: flex; flex: 1; flex-direction: column; height: 270px; justify-content: center; overflow-wrap: anywhere; padding: 4% } @media(max-width:1023px) { .learnmore__item { flex: none; height: 210px } } .learnmore__item:not(:last-child) { border-right: 2px solid var(--color-white) } @media(max-width:1023px) { .learnmore__item:not(:last-child) { border-bottom: 2px solid var(--color-white); border-right: none } } .learnmore__item-title { color: var(--color-white); margin: 0 0 1pc; text-align: center } .learnmore__item:hover { background: var(--color-primary-500) linear-gradient(180deg, transparent 0, rgba(var(--color-grey-900-rgb), .4) 100%) } .learnmore__item:hover .c-lecturer__profile-link, .learnmore__item:hover .event-calendar__title-link, .learnmore__item:hover .link, .learnmore__item:hover .text--button-linkstyle .text__link, .text--button-linkstyle .learnmore__item:hover .text__link { color: var(--color-highlight-500) } .learnmore__item:hover .c-lecturer__profile-link .link__icon.svg, .learnmore__item:hover .event-calendar__title-link .link__icon.svg, .learnmore__item:hover .link .link__icon.svg, .learnmore__item:hover .text--button-linkstyle .text__link .link__icon.svg, .text--button-linkstyle .learnmore__item:hover .text__link .link__icon.svg { right: -28px } .learnmore__item:hover .c-lecturer__profile-link .link__icon.svg svg, .learnmore__item:hover .event-calendar__title-link .link__icon.svg svg, .learnmore__item:hover .link .link__icon.svg svg, .learnmore__item:hover .text--button-linkstyle .text__link .link__icon.svg svg, .text--button-linkstyle .learnmore__item:hover .text__link .link__icon.svg svg { fill: var(--color-highlight-500) } @media(max-width:1023px) { .learnmore .link__icon.svg { height: 9pt; right: -20px; width: 9pt } } .cmp-navigation { --header: var(--header-height); background-color: var(--color-white); display: flex; display: none; flex-direction: column; height: 100%; overflow-y: auto; padding: calc(var(--header) + 4pc) 4% 4pc; position: fixed; top: 0; transition: all .15s ease-in; width: 100% } @media(max-width:1023px) { .cmp-navigation { --header: var(--header-height-mobile); flex-direction: column; padding: calc(var(--header) + 24px) 4% 40px } .cmp-navigation .cmp-navigation__dropdown { display: none } } .cmp-navigation__quick-links-navigation { align-items: center; display: flex; justify-content: space-between } .cmp-navigation__quick-links-split { display: flex } @media(max-width:1023px) { .cmp-navigation__quick-links-split { display: block } } .cmp-navigation .header__quick-links-group { border-right: 2px solid var(--color-primary-500); display: flex; hyphens: auto; margin: 0; overflow-wrap: break-word } .cmp-navigation .header__quick-links-group:not(:first-of-type) { margin-left: 24px } @media(max-width:1023px) { .cmp-navigation .header__quick-links-group:not(:first-of-type) { margin-left: 0 } } .cmp-navigation .header__quick-links-group-item { margin: 0 24px 0 0 } @media(max-width:1023px) { .cmp-navigation .header__quick-links-group-item { margin-bottom: 9pt; margin-right: 0 } } .cmp-navigation .header__quick-links-group-item-link { color: var(--color-primary-500); font-size: 1pc; font-weight: 700; line-height: 24px; white-space: inherit } @media(max-width:1023px) { .cmp-navigation .header__quick-links-group-item-link { font-size: 1pc; line-height: 24px } } .cmp-navigation .header__quick-links-group-item-link:hover { text-decoration: underline } .cmp-navigation .header__quick-links-group-item-link:active, .cmp-navigation .header__quick-links-group-item-link:focus { color: var(--color-primary-600) } .cmp-navigation .header__quick-links-group-item:before { content: none } @media(max-width:1023px) { .cmp-navigation .header__quick-links-group-item:first-of-type { margin-left: 0; margin-right: 0 } } .cmp-navigation .header__quick-links-group:last-of-type { border-right: none } @media(max-width:1023px) { .cmp-navigation .header__quick-links-group { border-right: 0; flex-direction: column } } .cmp-navigation__dropdown { height: auto; width: 21.35% } .cmp-navigation__dropdown-image { display: flex; margin-bottom: 24px } .cmp-navigation__dropdown-image img { border-radius: 1pc; height: 100%; object-fit: cover; width: 100% } .cmp-navigation__dropdown-title { margin-bottom: 8px; margin-top: 4px } .cmp-navigation__dropdown-pretitle { color: var(--color-primary-500); font-size: 1pc; line-height: 24px; margin-bottom: 0 } @media(max-width:1023px) { .cmp-navigation__dropdown-pretitle { font-size: 1pc; line-height: 24px } } .cmp-navigation__dropdown-description { color: var(--color-grey-600) } .cmp-navigation__dropdown-link { margin-top: 1pc } .cmp-navigation__list ul li:before { content: ""; padding-right: 0 } .cmp-navigation__list { position: relative } .cmp-navigation__list .cmp-navigation__item--level-0 { height: 100%; margin-bottom: 0; margin-left: 0; width: 100% } @media(max-width:1023px) { .cmp-navigation__list .cmp-navigation__item--level-0:active { background-color: var(--color-grey-50) } .cmp-navigation__list .cmp-navigation__item--level-0 { border-bottom: 2px solid var(--color-grey-100) } } .cmp-navigation__list .cmp-navigation__item--level-0 .cmp-navigation__group { display: none; left: 100%; min-height: 100%; position: absolute; top: 0; width: 35vw } @media(max-width:1023px) { .cmp-navigation__list .cmp-navigation__item--level-0 .cmp-navigation__group { display: none; height: auto; position: static; width: 100% } } .cmp-navigation__list .cmp-navigation__item--level-0 .cmp-navigation__group-more-items { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; display: none; left: 100%; min-height: 100%; position: absolute; top: 0; width: 35vw } @media(max-width:1023px) { .cmp-navigation__list .cmp-navigation__item--level-0 .cmp-navigation__group-more-items { display: none; height: auto; padding-bottom: 9pt; position: static; width: auto } .cmp-navigation__list .cmp-navigation__item--level-0 .cmp-navigation__group-more-items .cmp-navigation__item--level-1 { max-width: 500px } } @media(min-width:1024px) { .cmp-navigation__list .cmp-navigation__item--level-0:hover .cmp-navigation__group, .cmp-navigation__list .cmp-navigation__item--level-0:hover .cmp-navigation__group-more-items { display: block } } .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .c-lecturer__profile-link, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .event-calendar__title-link, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .link, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text--button-linkstyle .text__link, .text--button-linkstyle .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text__link { border-bottom: 2px solid var(--color-grey-100) } @media(max-width:1023px) { .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .c-lecturer__profile-link, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .event-calendar__title-link, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .link, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text--button-linkstyle .text__link, .text--button-linkstyle .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text__link { border: 0 } } .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .c-lecturer__profile-link:hover, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .event-calendar__title-link:hover, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .link:hover, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text--button-linkstyle .text__link:hover, .text--button-linkstyle .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text__link:hover { border-bottom: 2px solid var(--color-primary-500) } @media(max-width:1023px) { .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .c-lecturer__profile-link:hover, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .event-calendar__title-link:hover, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .link:hover, .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text--button-linkstyle .text__link:hover, .text--button-linkstyle .cmp-navigation__list .cmp-navigation__item--level-0>.cmp-navigation__item-link .text__link:hover { border: 0 } .cmp-navigation__list { width: 100% } } .cmp-navigation__item--level-1 { margin-bottom: 0; margin-left: 0; max-width: 300px; padding-left: 40px; word-break: break-word } @media(max-width:1023px) { .cmp-navigation__item--level-1 { display: block; max-width: 100%; padding-left: 0; padding-right: 18px } } .cmp-navigation__item--level-1 .cmp-navigation__item-link { color: var(--color-primary-500); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; margin-bottom: 1pc } @media(max-width:1023px) { .cmp-navigation__item--level-1 .cmp-navigation__item-link { font-size: 1pc; line-height: 24px; margin-bottom: 0 } } .cmp-navigation__item--level-1 .cmp-navigation__item-link:hover { text-decoration: underline } .cmp-navigation__item--level-1 .cmp-navigation__item-link:active { color: var(--color-primary-600); text-decoration-color: var(--color-primary-600) } .cmp-navigation__item--level-1 .cmp-navigation__item-link-title { margin-bottom: 1pc } @media(max-width:1023px) { .cmp-navigation__item--level-1 .cmp-navigation__item-link-title { margin-bottom: 9pt } } .cmp-navigation__item-link { color: var(--color-grey-900); margin: 0 } .cmp-navigation__item-link .link__icon.svg { height: 24px; right: -9pt; width: 24px } @media(max-width:1023px) { .cmp-navigation__item-link .link__icon.svg { height: 20px; position: unset; transform: rotate(90deg); width: 20px } } .cmp-navigation__item-link .c-lecturer__profile-link:hover .link__icon.svg, .cmp-navigation__item-link .event-calendar__title-link:hover .link__icon.svg, .cmp-navigation__item-link .link:hover .link__icon.svg, .cmp-navigation__item-link .text--button-linkstyle .text__link:hover .link__icon.svg, .text--button-linkstyle .cmp-navigation__item-link .text__link:hover .link__icon.svg { right: -1pc } .cmp-navigation__item-link .link--black, .cmp-navigation__item-link .text--button-linkstyle .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link { display: flex; justify-content: space-between; padding: 24px 0 } @media(max-width:1023px) { .cmp-navigation__item-link .link--black, .cmp-navigation__item-link .text--button-linkstyle .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link { align-items: center; color: var(--color-grey-900); padding: 1pc 0 } } .cmp-navigation__item-link .link__label { hyphens: auto; margin-right: 24px; overflow-wrap: break-word } @media(max-width:1023px) { .cmp-navigation__item-link .link__label { margin-right: 1pc } } @media(max-width:1023px) { .cmp-navigation__item-link .link--l, .cmp-navigation__item-link .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link, .cmp-navigation__item-link .text--button-linkstyle .text__link, .text--background-color:is(.text--blue):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--background-color:is(.text--neon):is(.text--button-linkstyle) .cmp-navigation__item-link .text__link, .text--button-linkstyle .cmp-navigation__item-link .text__link { margin-right: 18px } .cmp-navigation__item-link .link--l .link__label, .cmp-navigation__item-link .text--button-linkstyle .text__link .link__label, .text--button-linkstyle .cmp-navigation__item-link .text__link .link__label { width: fit-content } .cmp-navigation__item-link .link--black .link__icon.svg svg, .cmp-navigation__item-link .text--button-linkstyle .text__link .link__icon.svg svg, .text--button-linkstyle .cmp-navigation__item-link .text__link .link__icon.svg svg { fill: var(--color-grey-900); width: 100% } } .cmp-navigation__stand-alone-links { display: flex; flex-direction: column; font-size: 20px; line-height: 28px; margin-top: 40px; width: fit-content } @media(max-width:1023px) { .cmp-navigation__stand-alone-links { font-size: 1pc; line-height: 24px; margin-top: 24px } } .cmp-navigation__stand-alone-link { color: var(--color-grey-900); margin-bottom: 1pc } @media(max-width:1023px) { .cmp-navigation__stand-alone-link { margin-bottom: 9pt } } .cmp-navigation__stand-alone-link:hover { text-decoration: underline } .cmp-navigation__stand-alone-link:active { color: var(--color-grey-600); text-decoration-color: var(--color-grey-600) } .cmp-navigation__stand-alone-link:first-child { margin-top: 0 } .cmp-navigation__stand-alone-link:last-child { margin-bottom: 0 } .cmp-navigation__content-left { margin-left: 8%; width: 29.17% } @media(max-width:1023px) { .cmp-navigation__content-left { margin-left: 0; width: 100% } } .cmp-navigation__content-left-empty { margin: 0 auto; width: 29.17% } @media(max-width:1023px) { .cmp-navigation__content-left-empty { width: 100% } } .show-navigation { display: flex } .hide-navigation { display: none } .rotate { transform: rotate(-180deg) } .show-items { display: block !important } .newsbanner { --height: var(--newsbanner-height); align-items: center; border-bottom: 2px solid var(--color-white); display: flex; height: var(--height); overflow: hidden; position: sticky; top: 0; transition: all .3s ease; white-space: nowrap; width: 100%; z-index: 10000 } @media(max-width:1023px) { .newsbanner { --height: var(--newsbanner-height-mobile) } } .newsbanner.cq-Editable-dom { position: relative } .newsbanner--yellow { background-color: var(--color-warning); color: var(--color-grey-900) } .newsbanner--purple { background-color: var(--color-option-purple); color: var(--color-white) } .newsbanner--purple a { color: var(--color-white); font-weight: 400 } .newsbanner__text { animation: move-text linear infinite; display: inline-block; font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 0; text-align: left } @media(max-width:1023px) { .newsbanner__text { font-size: 1pc; line-height: 24px } } .newsbanner__text:hover { animation-play-state: paused } .newsbanner--hidden { top: calc(var(--header-height)*-1) } .newsbanner.cmp-empty-content { display: none } @keyframes move-text { 0% { transform: translateX(50vw) } to { transform: translateX(-100%) } } .numberedblocks { hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .numberedblocks { margin: 40px 0 } } .numberedblocks__title { margin: 0 } .numberedblocks__list { display: flex; flex-flow: row wrap; list-style: none; margin-bottom: 0; margin-top: 40px } @media(max-width:1023px) { .numberedblocks__list { flex-direction: column; margin-top: 24px } } .numberedblocks__item { counter-increment: number; display: flex; flex-basis: calc(50% - 20px); margin: 0; padding-left: 0; word-break: keep-all } .numberedblocks__item:nth-child(odd) { margin-right: 40px } @media(max-width:1023px) { .numberedblocks__item:nth-child(odd) { margin-right: 0 } } .numberedblocks__item:not(:last-child) { margin-bottom: 4pc } @media(max-width:1023px) { .numberedblocks__item:not(:last-child) { margin-bottom: 24px } } .numberedblocks__item:before { border: 2px solid var(--color-primary-500); border-radius: 1pc; content: counter(number) "."; flex: 0 0 50px; font-family: Neue-Haas-Grotesk-Display-Pro, Helvetica, Arial, sans-serif; font-size: 42px; font-weight: 700; height: 50px; line-height: 3pc; margin-right: 2pc; padding: 13px; text-align: center } @media(max-width:1023px) { .numberedblocks__item:before { flex: 0 0 32px; font-size: 28px; font-weight: 700; height: 2pc; line-height: 36px; margin-right: 1pc; padding: 6px } } .numberedblocks__item-title { margin: 0 } .numberedblocks__item-description { color: var(--color-grey-600); font-size: 24px; line-height: 36px; padding: 8px 0 20px } @media(max-width:1023px) { .numberedblocks__item-description { font-size: 1pc; line-height: 24px; padding: 8px 0 1pc } } .numberedblocks__item-link { align-self: flex-start } .numberedblocks--blue .numberedblocks__item:before { border: 2px solid var(--color-secondary-500) } .magazineteaser { background: var(--color-grey-900); display: flex; padding: 9pc 0 9pc 4%; position: relative } @media(max-width:1023px) { .magazineteaser { flex-direction: column; padding-bottom: 40px; padding-top: 40px } } .magazineteaser__description-wrapper { align-items: center; display: flex; height: 27pc; padding-right: 40px; position: relative; width: 33% } @media(max-width:1023px) { .magazineteaser__description-wrapper { height: auto; padding-right: 4%; width: 100% } } .magazineteaser__description-wrapper:after { background: transparent linear-gradient(90deg, #0f0f0f, hsla(0, 0%, 6%, 0)); content: ""; height: 100%; position: absolute; right: -63px; top: 0; width: 4pc; z-index: 100 } @media(max-width:1023px) { .magazineteaser__description-wrapper:after { display: none } .magazineteaser__description { padding-bottom: 40px } } .magazineteaser__description-pretitle { color: var(--color-purple); font-family: Makoko, Helvetica, Arial, sans-serif; margin: 0 } .magazineteaser__description-title { color: var(--color-white); font-family: Makoko, Helvetica, Arial, sans-serif; font-weight: 400; margin: 0; padding-bottom: 1pc } .magazineteaser__description-text { color: var(--color-white); font-size: 24px; line-height: 36px; padding-top: 1pc } @media(max-width:1023px) { .magazineteaser__description-text { font-size: 1pc; line-height: 24px } } .magazineteaser__description-link { padding-top: 2pc } @media(max-width:1023px) { .magazineteaser__description-link { padding-top: 24px } } .magazineteaser__slider { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-left: 4pc; padding-right: 4% } @media(max-width:1023px) { .magazineteaser__slider { padding-left: 0 } } .magazineteaser__slider::-webkit-scrollbar { width: 0 } .magazineteaser__slider:last-child { margin-right: 0 } .magazineteaser__slider-item { flex: 0 0 auto; height: 27pc; margin-right: 1pc; position: relative; width: 324px } @media(max-width:1023px) { .magazineteaser__slider-item { height: 382px; margin-right: 8px; width: 286px } } .magazineteaser__slider-item-picture { display: flex; height: 100%; position: relative; width: 100% } .magazineteaser__slider-item-picture img { border-radius: 1pc; height: auto; object-fit: cover; width: 100% } .magazineteaser__slider-item-content { bottom: 0; color: var(--color-white); left: 0; padding: 0 24px 24px; position: absolute; z-index: 1 } .magazineteaser__slider-item-icon { display: block } .magazineteaser__slider-item-icon svg { fill: var(--color-white); height: 24px; width: 24px } .magazineteaser__slider-item-icon .video-play-background { fill: transparent } .magazineteaser__slider-item-title { font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 0 } @media(max-width:1023px) { .magazineteaser__slider-item-title { font-size: 20px; font-weight: 700; line-height: 28px } } .magazineteaser__slider-item-subtitle, .magazineteaser__slider-item-title { margin-top: 8px } .magazineteaser__slider-item-subtitle { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .magazineteaser__slider-item-subtitle { font-size: 1pc; line-height: 24px } } .magazineteaser__slider-item:after { background: transparent linear-gradient(0deg, #0f0f0f, hsla(0, 0%, 6%, 0)); border-radius: 1pc; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .magazineteaser__slider-item:hover:after { background: var(--color-purple); opacity: .9 } .magazineteaser--blue .magazineteaser__description-link:hover svg { fill: var(--color-highlight-500) !important } .magazineteaser__controls { align-items: center; bottom: 10%; display: flex; gap: 24px; justify-content: space-between; position: absolute; right: 10% } @media(max-width:1023px) { .magazineteaser__controls { display: none !important } } .magazineteaser__controls--neon button span { fill: var(--color-primary-500) } .magazineteaser__controls--button { align-items: center; background: #676767; border: none; border-radius: 50%; cursor: pointer; display: flex; height: 41px; justify-content: center; margin: 0; padding: 0; width: 41px } .magazineteaser__controls--button:disabled { cursor: not-allowed; opacity: .5 } .magazineteaser__controls--button--next span { margin-left: 1pc } .magazineteaser__controls--button--prev span { margin-left: 9px } .magazineteaser__controls--button-icon { width: 24px } .magazineteaser__controls--button:hover { background: #505050; box-shadow: 0 0 10px rgba(0, 0, 0, .114) } .locationteaser { background: var(--color-grey-97); display: flex; padding: 9pc 0 9pc 4%; position: relative } @media(max-width:1023px) { .locationteaser { flex-direction: column; padding-bottom: 40px; padding-top: 40px } } .locationteaser__description-wrapper { align-items: center; display: flex; height: 27pc; padding-right: 40px; position: relative; width: 33% } @media(max-width:1023px) { .locationteaser__description-wrapper { height: auto; padding-right: 4%; width: 100% } } .locationteaser__description-wrapper:after { background: transparent linear-gradient(90deg, var(--color-grey-97) 0, hsla(0, 0%, 6%, 0) 100%); content: ""; height: 100%; position: absolute; right: -63px; top: 0; width: 4pc; z-index: 100 } @media(max-width:1023px) { .locationteaser__description-wrapper:after { display: none } .locationteaser__description { padding-bottom: 40px } } .locationteaser__description-pretitle { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin-bottom: 2pc } @media(max-width:1023px) { .locationteaser__description-pretitle { font-size: 1pc; line-height: 24px } } .locationteaser__description-title { color: var(--color-grey-900); font-size: 3pc; font-weight: 700; hyphens: auto; line-height: 56px; margin: 0; padding-bottom: 2pc } @media(max-width:1023px) { .locationteaser__description-title { font-size: 24px; line-height: 36px } } .locationteaser__description-text { color: var(--color-grey-900); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .locationteaser__description-text { font-size: 1pc; line-height: 24px } } .locationteaser__description-link { padding-top: 2pc } @media(max-width:1023px) { .locationteaser__description-link { padding-top: 24px } } .locationteaser__slider { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-left: 4pc; padding-right: 4% } @media(max-width:1023px) { .locationteaser__slider { padding-left: 0 } } .locationteaser__slider::-webkit-scrollbar { width: 0 } .locationteaser__slider:last-child { margin-right: 0 } .locationteaser__slider-item { flex: 0 0 auto; height: 27pc; margin-right: 1pc; position: relative; width: 324px } @media(max-width:1023px) { .locationteaser__slider-item { height: 382px; margin-right: 8px; width: 286px } } .locationteaser__slider-item-picture { display: flex; height: 100%; position: relative; width: 100% } .locationteaser__slider-item-picture img { border-radius: 1pc; height: auto; object-fit: cover; width: 100% } .locationteaser__slider-item-content { bottom: 0; color: var(--color-white); left: 0; padding: 0 24px 24px; position: absolute; z-index: 1 } .locationteaser__slider-item-icon { display: block } .locationteaser__slider-item-icon svg { fill: var(--color-white); height: 24px; width: 24px } .locationteaser__slider-item-icon .video-play-background { fill: transparent } .locationteaser__slider-item-title { font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 0 } @media(max-width:1023px) { .locationteaser__slider-item-title { font-size: 20px; font-weight: 700; line-height: 28px } } .locationteaser__slider-item-subtitle, .locationteaser__slider-item-title { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; margin-top: 8px } .locationteaser__slider-item-subtitle { font-size: 20px; font-weight: 400; line-height: 28px } @media(max-width:1023px) { .locationteaser__slider-item-subtitle { font-size: 1pc; line-height: 24px } } .locationteaser__slider-item:after { background: transparent linear-gradient(0deg, #0f0f0f, hsla(0, 0%, 6%, 0)); border-radius: 1pc; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .locationteaser__slider-item-neon:hover:after { background: transparent linear-gradient(0deg, var(--color-primary-500) 0, hsla(0, 0%, 6%, 0) 100%); opacity: .9 } .locationteaser__slider-item-blue:hover:after { background: transparent linear-gradient(0deg, var(--color-secondary-500) 0, hsla(0, 0%, 6%, 0) 100%); opacity: .9 } .locationteaser__controls { align-items: center; bottom: 10%; display: flex; gap: 24px; justify-content: space-between; position: absolute; right: 10% } @media(max-width:1023px) { .locationteaser__controls { display: none !important } } .locationteaser__controls--neon button span { fill: var(--color-primary-500) } .locationteaser__controls--button { align-items: center; background: var(--color-white); border: none; border-radius: 50%; cursor: pointer; display: flex; height: 41px; justify-content: center; margin: 0; padding: 0; width: 41px } .locationteaser__controls--button:disabled { cursor: not-allowed; opacity: .5 } .locationteaser__controls--button--next span { margin-left: 1pc } .locationteaser__controls--button--prev span { margin-left: 9px } .locationteaser__controls--button-icon { width: 24px } .locationteaser__controls--button:hover { background: var(--color-white); box-shadow: 0 0 10px rgba(0, 0, 0, .114) } .cmp-carousel--with-logos .cmp-carousel__text-content { padding: 0 12%; text-align: center } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__text-content { margin-bottom: 2pc; padding: 0 4% } } .cmp-carousel--with-logos .cmp-carousel__title { margin-bottom: 24px } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__title { margin-bottom: 1pc } } .cmp-carousel--with-logos .cmp-carousel__text { font-size: 24px; line-height: 36px; margin-bottom: 4pc } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__text { font-size: 1pc; line-height: 24px; margin-bottom: 2pc } } .cmp-carousel--with-logos .cmp-carousel__content { margin: 0 0 8pc; padding-top: 2px } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__content { margin-bottom: 40px } } .cmp-carousel--with-logos .cmp-carousel__button { display: none } .cmp-carousel--with-logos .cmp-carousel__indicators { bottom: -18px } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__indicators { bottom: 1pc } } .cmp-carousel--with-logos .cmp-carousel__image-description { border: 1px solid #707070; color: #000; display: none; font-size: 20px; font-weight: 700; left: 0; line-height: 28px; padding: 9pt 2pc; position: absolute; top: 0 } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__image-description { font-size: 1pc; line-height: 24px } } .cmp-carousel--with-logos .cmp-carousel__description { color: var(--color-grey-600); hyphens: auto; margin-bottom: 0; overflow-wrap: break-word; padding: 24px 4% 0; width: 66% } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__description { padding-top: 40px; text-align: center; width: 100% } } .cmp-carousel--with-logos .cmp-carousel__indicator { background-color: var(--color-grey-100); margin: 0 6px } .cmp-carousel--with-logos .cmp-carousel__indicator--active { background-color: var(--color-primary-500) } .cmp-carousel--with-logos .cmp-carousel__grid { border-top: 2px solid var(--color-grey-100); display: flex; flex-wrap: wrap } .cmp-carousel--with-logos .cmp-carousel__grid-item { border-bottom: 2px solid var(--color-grey-100); border-right: 2px solid var(--color-grey-100); height: 15pc; padding: 4pc; position: relative; width: 25% } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item { border-right: 0; height: 6pc; padding: 24px; width: 50% } } .cmp-carousel--with-logos .cmp-carousel__grid-item:last-child, .cmp-carousel--with-logos .cmp-carousel__grid-item:nth-child(4) { border-right: 0 } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item:nth-child(odd) { border-right: 2px solid var(--color-grey-100) } } .cmp-carousel--with-logos .cmp-carousel__grid-item--reduced { width: 33.333% } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item--reduced { width: 50% } } .cmp-carousel--with-logos .cmp-carousel__grid-item--reduced:nth-child(3) { border-right: 0 } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item--reduced:nth-child(3) { border-right: 2px solid var(--color-grey-100) } } .cmp-carousel--with-logos .cmp-carousel__grid-item--reduced:nth-child(4) { border-right: 2px solid var(--color-grey-100) } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item--reduced:nth-child(4) { border-right: 0 } } .cmp-carousel--with-logos .cmp-carousel__grid-item img { border-radius: 0; display: flex; max-height: 7pc; object-fit: contain } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item img { max-height: 3pc } } .cmp-carousel--with-logos .cmp-carousel__grid-item:hover { cursor: pointer } .cmp-carousel--with-logos .cmp-carousel__grid-item:hover .cmp-carousel__image-description { display: block } .cmp-carousel--with-logos .cmp-carousel__grid-item:hover:after { background-color: var(--color-primary-500); bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100% } @media(max-width:1023px) { .cmp-carousel--with-logos .cmp-carousel__grid-item:hover .cmp-carousel__image-description, .cmp-carousel--with-logos .cmp-carousel__grid-item:hover:after { display: none } .cmp-carousel--with-logos .cmp-carousel__grid--layout-1-3 { flex-direction: column } .cmp-carousel--with-logos .cmp-carousel__grid--layout-1-3 .cmp-carousel__grid-item { border-right: 0; padding-left: 3pc; padding-right: 3pc; width: 100% } } .cmp-carousel__image { display: block; height: 100%; width: 100% } .cmp-carousel__image img { border-radius: 9pt; height: auto; width: 100% } @media(max-width:1023px) { .cmp-carousel__image img { border-radius: 0 } } .cmp-partnerlogos--neon .cmp-carousel__indicator--active { background-color: var(--color-primary-500) } .cmp-partnerlogos--blue .cmp-carousel__grid-item:hover:after, .cmp-partnerlogos--blue .cmp-carousel__indicator--active { background-color: var(--color-secondary-500) } .promo { height: 45pc; hyphens: auto; overflow-wrap: break-word; padding-top: 37.5%; position: relative; transition: all .15s ease-in; width: 100% } @media(max-width:1023px) { .promo { height: 375px; padding-top: 133.3% } } .promo__image { inset: 0; position: absolute } .promo__image img { height: 100%; object-fit: cover; width: 100% } .promo__content { align-items: center; background-image: linear-gradient(0deg, #0f0f0f, hsla(0, 0%, 6%, 0)); color: var(--color-white); display: flex; flex-direction: column; inset: 0; justify-content: center; padding: 0 16%; position: absolute; text-align: center; transition: all .15s ease-in } @media(max-width:1023px) { .promo__content { padding: 0 4% } } .promo__title { margin: 0 } .promo__subtitle { font-size: 42px; line-height: 3pc; margin-bottom: 0; margin-top: 1pc } @media(max-width:1023px) { .promo__subtitle { font-size: 20px; line-height: 28px; margin-top: 8px } } .promo__button { margin-top: 40px } @media(max-width:1023px) { .promo__button { margin-top: 24px } } .promo--neon:hover .promo__content { background-color: rgba(var(--color-primary-500-rgb), .9); background-image: none } .promo--neon:hover .promo__content .promo__button { background-color: var(--color-highlight-500); border-color: transparent; color: var(--color-grey-900) } .promo--blue:hover .promo__content { background-color: rgba(var(--color-secondary-500-rgb), .9); background-image: none } .promo--blue:hover .promo__content .promo__button { background-color: var(--color-highlight-500); border-color: transparent; color: var(--color-grey-900) } .cmp-quotes { hyphens: auto; margin: 168px 0 8pc; overflow-wrap: break-word; padding: 0 4%; position: relative; width: 100% } @media(max-width:1023px) { .cmp-quotes { margin: 4pc 0 40px } } .cmp-quotes .square-image { margin-top: 150px } @media(max-width:1023px) { .cmp-quotes .square-image { margin-top: 55px } } .cmp-quotes:has(.cmp-carousel) { margin-bottom: 136px } @media(max-width:1023px) { .cmp-quotes:has(.cmp-carousel) { margin-bottom: 45px } } .cmp-quotes .svg { fill: var(--color-primary-500); height: 5pc; left: 0; margin: 0 auto; position: absolute; right: 0; top: -38px; width: 6pc } @media(max-width:1023px) { .cmp-quotes .svg { height: 3pc; top: -22px; width: 56px } } .cmp-quotes__content { align-items: center; border-bottom: 2px solid var(--color-grey-100); border-top: 2px solid var(--color-grey-100); display: flex; flex-direction: column; padding-bottom: 8pc; text-align: center } @media(max-width:1023px) { .cmp-quotes__content { margin: 0; padding-bottom: 40px } } .cmp-quotes__content--square { align-items: unset; border-bottom: 2px solid var(--color-grey-100); border-top: 0; display: flex; flex-direction: unset; padding-bottom: 8pc; text-align: unset } @media(max-width:1023px) { .cmp-quotes__content--square { align-items: center; flex-direction: column; padding-bottom: 40px; text-align: center } } .cmp-quotes__content--square .cmp-quotes__pre-title { color: var(--color-primary-500) } .cmp-quotes__content--square .cmp-quotes-image-content { margin-right: 4%; position: relative } @media(max-width:1023px) { .cmp-quotes__content--square .cmp-quotes-image-content { margin-right: 0 } } .cmp-quotes__content--square .cmp-quotes__image { margin: 0 } .cmp-quotes__content--square .cmp-quotes__image img { border-radius: 1pc; height: 35pc; width: 35pc } @media(max-width:1023px) { .cmp-quotes__content--square .cmp-quotes__image img { height: 226px; width: 226px } } .cmp-quotes__content--square .svg { left: unset; margin: 0; right: -22px; top: -22px } @media(max-width:1023px) { .cmp-quotes__content--square .svg { height: 68px; left: 184px; right: 0; top: -14px; width: 56px } } .cmp-quotes__content--square .cmp-quotes__pre-title { margin: 0 } @media(max-width:1023px) { .cmp-quotes__content--square .cmp-quotes__pre-title { margin-top: 24px } } .cmp-quotes__content--square .cmp-quotes__about { margin-bottom: 40px } @media(max-width:1023px) { .cmp-quotes__content--square .cmp-quotes__about { margin-bottom: 24px; margin-top: 1pc } } .cmp-quotes__content--square .cmp-quotes__link .svg { display: none } .cmp-quotes__pre-title { font-size: 24px; line-height: 36px; margin-bottom: 0; margin-top: 4pc } @media(max-width:1023px) { .cmp-quotes__pre-title { font-size: 1pc; line-height: 24px; margin-top: 40px } } .cmp-quotes__quote { margin-bottom: 0; margin-top: 8px } .cmp-quotes__image { margin-bottom: 24px; margin-top: 40px } @media(max-width:1023px) { .cmp-quotes__image { margin-bottom: 8px; margin-top: 24px; width: 5pc } } .cmp-quotes__image img { border-radius: 50%; display: flex; height: 8pc; object-fit: cover; width: 8pc } @media(max-width:1023px) { .cmp-quotes__image img { height: 5pc; width: 5pc } } .cmp-quotes__author-info { font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 0 } @media(max-width:1023px) { .cmp-quotes__author-info { font-size: 20px; font-weight: 700; line-height: 28px } } @media(max-width:1023px)and (max-width:1023px) { .cmp-quotes__author-info { font-size: 1pc; line-height: 24px } } .cmp-quotes__about { color: var(--color-grey-600); font-size: 24px; line-height: 36px; margin-top: 24px } @media(max-width:1023px) { .cmp-quotes__about { font-size: 1pc; line-height: 24px; margin-top: 8px } } .cmp-quotes--neon .svg { fill: var(--color-primary-500) } .cmp-quotes--neon .cmp-quotes__pre-title { color: var(--color-primary-500) } .cmp-quotes--blue .svg { fill: var(--color-secondary-500) } .cmp-quotes--blue .cmp-carousel__indicator--active { background-color: var(--color-secondary-500) !important } .cmp-quotes--blue .cmp-quotes__pre-title { color: var(--color-secondary-500) } .cmp-quotes .cmp-carousel__button--left { padding-right: 3pc } .cmp-quotes .cmp-carousel__button--right { padding: 0 24px } .cmp-carousel__content--square { border: 0; margin: 0; padding: 0 } .cmp-carousel__content--square .cmp-carousel__indicators { bottom: -7px; margin: 0 } @media(max-width:1023px) { .cmp-carousel__content--square .cmp-carousel__indicators { bottom: -3.5px } } .cmp-carousel__content--square .cmp-carousel__button { bottom: -4px; top: unset } @media(max-width:1023px) { .cmp-carousel__content--square .cmp-carousel__button { display: none } } .cmp-carousel__content--square .cmp-carousel__indicator { background-color: var(--color-grey-100) } .cmp-carousel__content--square .cmp-carousel__indicator--active { background-color: var(--color-primary-500) } .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper { background-color: var(--color-white); display: flex; position: relative } .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper .svg, .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper button { height: 24px; width: 24px } .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper .svg { position: relative; top: 0 } .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper li:last-of-type { margin-right: 72px } @media(max-width:1023px) { .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper li:last-of-type { margin-right: 1pc } } .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper li:first-of-type { margin-left: 72px } @media(max-width:1023px) { .cmp-carousel__content--square .cmp-carousel__indicators-square-wrapper li:first-of-type { margin-left: 1pc } } .cmp-carousel__content--square .cmp-carousel__button--right { right: 24px } .cmp-carousel__content--square .cmp-carousel__button--left { left: 24px } .cmp-carousel__content--square .cmp-carousel-quote-wrapper { border-bottom: 2px solid var(--color-grey-100); padding-bottom: 8pc } @media(max-width:1023px) { .cmp-carousel__content--square .cmp-carousel-quote-wrapper { padding-bottom: 40px } } .cmp-carousel__content--square .cmp-carousel-quote-wrapper .cmp-quotes__content--square { border: 0; margin: 0; padding: 0 } .separator { padding: 8pc 4% } @media(max-width:1023px) { .separator { padding: 40px 4% } } .separator__divider { border: none; border-top: 2px solid var(--color-grey-100); margin: 0 } .separator--no-margin-top { padding-top: 0 } .separator--no-margin-bottom { padding-bottom: 0 } .cmp-search { background: rgba(0, 0, 0, .639) 0 0 no-repeat padding-box; display: none; height: 100vh; left: 0; position: absolute; top: 100%; width: 100vw; z-index: 10000 } .cmp-search__form { background-color: var(--color-white); height: 134px; padding: 40px 4% 40px 27.6% } @media(max-width:1023px) { .cmp-search__form { height: 70px; padding: 1pc 4% } } .cmp-search__field { align-items: center; display: flex; height: 54px; justify-content: space-between; width: 100% } @media(max-width:1023px) { .cmp-search__field { border-bottom: 2px solid var(--color-grey-500); height: 38px; padding: 2px 0 14px; width: unset } } .cmp-search__input { border: none; border-bottom: 2px solid var(--color-grey-500); caret-color: var(--color-primary-500); color: var(--color-grey-900); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 36px; outline: none; padding: 4px 0 19px; width: 65.5% } @media(max-width:1023px) { .cmp-search__input { border-bottom: none; font-size: 1pc; line-height: 24px; padding: 0; width: calc(100% - 24px) } } .cmp-search__input::placeholder { color: var(--color-grey-500); font-size: 24px; line-height: 36px; padding-left: 10px } @media(max-width:1023px) { .cmp-search__input::placeholder { font-size: 1pc; line-height: 24px } } @media(max-width:1023px) { .cmp-search__input::placeholder { padding-left: 6px } } .cmp-search__open-search { fill: var(--color-white); height: 24px; padding: 0; width: 24px } .cmp-search__open-search-icon { display: inline-block; height: 24px; width: 24px } .cmp-search__close-search { cursor: pointer; margin: 4px 4px 21px; padding: 0 } @media(max-width:1023px) { .cmp-search__close-search { margin: 4px } } .cmp-search__close-search-icon { display: inline-block; height: 24px; width: 24px } .cmp-search__close-search-icon path { fill: var(--color-grey-900) } .cmp-search__info { background-color: var(--color-white); color: var(--color-grey-900); display: none; font-size: 20px; height: 100vh; line-height: 28px; margin-top: -1px; padding: 0 27.6%; text-align: center; width: 100vw } @media(max-width:1023px) { .cmp-search__info { font-size: 1pc; line-height: 24px; padding: 0 4% } } .cmp-search__info-icon { display: inline-block; height: 2pc; margin-bottom: 8px; width: 2pc } @media(max-width:1023px) { .cmp-search__info-icon { margin-bottom: 9pt } } .cmp-search__status { background-color: var(--color-white); color: var(--color-grey-900); display: none; font-size: 20px; height: 100vh; line-height: 28px; margin-top: -1px; padding: 0 27.6%; text-align: center; width: 100vw } @media(max-width:1023px) { .cmp-search__status { font-size: 1pc; line-height: 24px; padding: 0 4% } } .cmp-search__results { background-color: var(--color-white); display: none; height: 100vh; margin-top: -1px; overflow: auto; padding: 0 27.6%; width: 100vw } @media(max-width:1023px) { .cmp-search__results { padding: 0 4% } } .cmp-search__item { color: var(--color-grey-900); display: block; font-size: 20px; line-height: 28px; text-decoration: underline } @media(max-width:1023px) { .cmp-search__item { font-size: 1pc; line-height: 24px } } .cmp-search__item:not(:last-child) { margin-bottom: 1pc } .cmp-search__item mark { background-color: unset; color: var(--color-grey-900); font-size: 20px; font-weight: 700; line-height: 28px } @media(max-width:1023px) { .cmp-search__item mark { font-size: 1pc; line-height: 24px } } .header--neon .cmp-search__input { caret-color: var(--color-primary-500) } .header--blue .cmp-search__input { caret-color: var(--color-secondary-500) } .display-block { display: block } .disable-scroll { min-height: 100%; overflow: hidden } .semesterinfo { color: var(--color-grey-600) } .semesterinfo__title { font-size: 20px; line-height: 28px; margin: 0 0 1pc } @media(max-width:1023px) { .semesterinfo__title { font-size: 1pc; line-height: 24px } } .semesterinfo__description { display: block; font-size: 20px; line-height: 28px; margin-bottom: 2pc } @media(max-width:1023px) { .semesterinfo__description { font-size: 1pc; line-height: 24px; margin-bottom: 24px } } .socialmedia { background-color: var(--color-grey-50); margin: 8pc 0; padding: 8pc 4%; text-align: center } @media(max-width:1023px) { .socialmedia { margin: 40px 0; padding: 40px 4% } } .socialmedia__title { margin-bottom: 1pc } @media(max-width:1023px) { .socialmedia__title { margin-bottom: 8px } } .socialmedia__description-text { align-items: center; color: var(--color-grey-600); display: flex; flex-direction: column; font-size: 24px; line-height: 36px } @media(max-width:1023px) { .socialmedia__description-text { font-size: 1pc; line-height: 24px } } .socialmedia__networks-items { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px } @media(max-width:1023px) { .socialmedia__networks-items { margin: 24px 0 8px } } .socialmedia__networks-item { margin: 0 9pt 1pc } .socialmedia__networks-item:before { content: none } @media(max-width:1023px) { .socialmedia__networks-item { margin: 0 8px 1pc } } .socialmedia__networks-item-link { border: 2px solid var(--color-primary-500); border-radius: 1pc; display: block; padding: 1pc } .socialmedia__networks-item-link:hover { background-color: var(--color-primary-500) } .socialmedia__networks-item-link:hover .socialmedia__networks-item-icon svg { fill: var(--color-white) } .socialmedia__networks-item-icon { display: block; height: 2pc; width: 2pc } .socialmedia__networks-item-icon svg { fill: var(--color-primary-500) } .socialmedia__hashtag { font-size: 42px; font-weight: 700; line-height: 3pc } @media(max-width:1023px) { .socialmedia__hashtag { font-size: 24px; font-weight: 700; line-height: 36px } } .socialmedia--blue .socialmedia__networks-item-icon svg { fill: var(--color-secondary-500) } .socialmedia--blue .socialmedia__networks-item-link { border-color: var(--color-secondary-500) } .socialmedia--blue .socialmedia__networks-item-link:hover { background-color: var(--color-secondary-500) } .splitcontainer--plain { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .splitcontainer--plain { margin: 40px 0 } .splitcontainer--plain .container:not(:last-child), .splitcontainer--plain .responsivegrid-container:not(:last-child):not(.responsivegrid) { padding-bottom: 1.5rem } } .splitcontainer--plain .cmp-accordion, .splitcontainer--plain .eventagenda, .splitcontainer--plain .eventlocation, .splitcontainer--plain .form-reference, .splitcontainer--plain .greyinfobox, .splitcontainer--plain .prerequisitescomponent, .splitcontainer--plain .productstudycost, .splitcontainer--plain .text { margin: 0; padding-bottom: 0; padding-top: 0 } .splitcontainer--plain .greyinfobox, .splitcontainer--plain .productdescriptiontexts, .splitcontainer--plain .productfacts { margin: 0 } .splitcontainer .download { margin-bottom: 0; margin-left: 0; margin-right: 0 } .splitcontainer .download:first-child { margin-top: 0 } .splitcontainer.productintroduction { margin-top: 14px } .splitcontainer-tile--neon { background-color: var(--color-primary-50) } .splitcontainer-tile--neon .cmp-container:has(.imagecomponent) img { border-radius: 0 } .splitcontainer-tile--neon .cmp-accordion, .splitcontainer-tile--neon .form-reference, .splitcontainer-tile--neon .greyinfobox, .splitcontainer-tile--neon .prerequisitescomponent, .splitcontainer-tile--neon .productdescriptiontexts, .splitcontainer-tile--neon .productfacts, .splitcontainer-tile--neon .productstudycost, .splitcontainer-tile--neon .text { margin: 0; padding: 4% } .splitcontainer-tile--neon .download { padding: 0 } .splitcontainer-tile--blue { background-color: var(--color-secondary-50) } .splitcontainer-tile--blue .cmp-container:has(.imagecomponent) img { border-radius: 0 } .splitcontainer-tile--blue .cmp-accordion, .splitcontainer-tile--blue .form-reference, .splitcontainer-tile--blue .greyinfobox, .splitcontainer-tile--blue .prerequisitescomponent, .splitcontainer-tile--blue .productdescriptiontexts, .splitcontainer-tile--blue .productfacts, .splitcontainer-tile--blue .productstudycost, .splitcontainer-tile--blue .text { margin: 0; padding: 4% } .splitcontainer-tile--blue .download { padding: 0 } .splitcontainer--topmargin { margin-top: 8pc } @media(max-width:1023px) { .splitcontainer--topmargin { margin-top: 40px } } .splitcontainer--topmargin .productstudycost { margin: 0 } .splitcontainer--topmargin .download { padding: 0 } .splitcontainer--bottommargin { margin-bottom: 8pc } @media(max-width:1023px) { .splitcontainer--bottommargin { margin-bottom: 40px } } .splitcontainer--bottommargin .download { padding: 0 } .splitcontainer--middlemargin .container:first-of-type, .splitcontainer--middlemargin .responsivegrid-container:first-of-type:not(.responsivegrid) { padding-right: 1.25rem } @media(max-width:1023px) { .splitcontainer--middlemargin .container:first-of-type, .splitcontainer--middlemargin .responsivegrid-container:first-of-type:not(.responsivegrid) { margin-bottom: 1.5rem; padding-right: 0 } } .splitcontainer--middlemargin .container+.container, .splitcontainer--middlemargin .container+.responsivegrid-container:not(.responsivegrid), .splitcontainer--middlemargin .responsivegrid-container:not(.responsivegrid)+.container, .splitcontainer--middlemargin .responsivegrid-container:not(.responsivegrid)+.responsivegrid-container:not(.responsivegrid) { padding-left: 1.25rem } @media(max-width:1023px) { .splitcontainer--middlemargin .container+.container, .splitcontainer--middlemargin .container+.responsivegrid-container:not(.responsivegrid), .splitcontainer--middlemargin .responsivegrid-container:not(.responsivegrid)+.container, .splitcontainer--middlemargin .responsivegrid-container:not(.responsivegrid)+.responsivegrid-container:not(.responsivegrid) { padding-left: 0 } } .splitcontainer--middlemargin .download { padding: 0 } .studyentry { display: flex; flex-direction: row; position: relative } @media(max-width:1023px) { .studyentry { display: block } } .studyentry__overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-primary-500) 100%); display: flex; height: 100%; inset: 0; position: absolute; transition: all .15s ease-in; width: 100%; z-index: 400 } .studyentry__overlay--neutral { background: var(--color-grey-900); opacity: .32; z-index: 380 } .studyentry__overlay--hover { background: transparent; opacity: .9; z-index: 380 } .studyentry__image { display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 100 } .studyentry__image img { height: 100%; object-fit: cover; width: 100% } .studyentry__content { align-items: center; bottom: 0; display: flex; flex-direction: column; height: auto; left: 0; overflow: hidden; padding: 4pc 8%; position: absolute; right: 0; text-align: center; width: 100%; z-index: 500 } @media(max-width:1023px) { .studyentry__content { padding: 20px 4% } } .studyentry__title { color: var(--color-white); margin: 0 0 1pc; text-align: center; width: 100% } @media(max-width:1023px) { .studyentry__title { margin-bottom: 8px } } .studyentry__subtitle { color: var(--color-white); font-size: 24px; line-height: 36px; margin-bottom: 2pc } @media(max-width:1023px) { .studyentry__subtitle { font-size: 1pc; line-height: 24px; margin-bottom: 1pc } } .studyentry__teaser { display: flex; flex-basis: 50%; height: 45pc; position: relative; transition: all .15s ease-in } @media(max-width:1023px) { .studyentry__teaser { height: 280px } } .studyentry__teaser:hover .studyentry__overlay--hover { background: var(--color-primary-500) } .studyentry__teaser:hover .studyentry__link { color: var(--color-highlight-500) } .studyentry__teaser:hover .studyentry__link .link__icon.svg { right: -33px } .studyentry__teaser:hover .studyentry__link .link__icon.svg svg { fill: var(--color-highlight-500) } .studyentry__teaser--blue .studyentry__overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-secondary-500) 100%) } .studyentry__teaser--blue:hover .studyentry__overlay--hover { background: var(--color-secondary-500) } .summary { hyphens: auto; overflow-wrap: break-word; padding: 8pc 4% } @media(max-width:1023px) { .summary { padding-bottom: 1pc; padding-top: 40px } } .summary__title { margin-bottom: 40px } @media(max-width:1023px) { .summary__title { margin-bottom: 24px } } .summary__items { display: flex; width: 100% } @media(max-width:1023px) { .summary__items { flex-direction: column } } .summary__item { margin: 0 20px; width: 100% } .summary__item:first-child { margin-left: 0 } .summary__item:last-child { margin-right: 0 } @media(max-width:1023px) { .summary__item { margin: 0 0 24px } } .summary__item img { border-radius: 1pc; display: flex; height: auto; width: 100% } .summary__item-image-left { display: none } .summary__item-image-left img { height: auto; width: 100% } .summary__item-title { -webkit-line-clamp: 3; margin: 0 } .summary__item-pre-title, .summary__item-title { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .summary__item-pre-title { -webkit-line-clamp: 1; color: var(--color-primary-500); margin-bottom: 0; text-transform: uppercase } .summary__item-pre-title--top { margin-top: 24px } @media(max-width:1023px) { .summary__item-pre-title--top { margin-top: 1pc } } .summary__item-pre-title--left { display: none } .summary__item-title, .summary__item-title:first-child { margin-top: 4px } .summary__item-description { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: var(--color-grey-600); display: -webkit-box; margin-bottom: 0; margin-top: 8px; overflow: hidden; text-overflow: ellipsis } .summary__item-link { margin-top: 1pc } .summary--left .summary__item { display: flex } .summary--left .summary__item-text-content { width: 60% } @media(max-width:1023px) { .summary--left .summary__item-text-content { width: 70% } } .summary--left .summary__item-pre-title--top { display: none } .summary--left .summary__item-pre-title--left { display: -webkit-box } .summary--left .summary__item-image { display: none } .summary--left .summary__item-image-left { display: block; margin-right: 4%; max-width: 15pc; width: 36% } @media(max-width:1023px) { .summary--left .summary__item-image-left { max-width: 5pc; width: 26% } } .summary--blue .summary__item-pre-title { color: var(--color-secondary-500) } .summarymanual { hyphens: auto; overflow-wrap: break-word; padding: 8pc 4% } @media(max-width:1023px) { .summarymanual { padding: 40px 4% } } .summarymanual__title { color: var(--color-grey-900); margin-bottom: 40px } @media(max-width:1023px) { .summarymanual__title { margin-bottom: 24px } } .summarymanual__items { display: flex; width: 100% } @media(max-width:1023px) { .summarymanual__items { flex-wrap: wrap } } .summarymanual__items-content { display: flex; width: 33.33% } @media(max-width:1023px) { .summarymanual__items-content { width: 100% } .summarymanual__items-content:not(:last-child) { margin-bottom: 24px } } .summarymanual__items-image { display: block; height: 110px; margin-right: 4%; width: 110px } @media(max-width:1023px) { .summarymanual__items-image { height: 5pc; width: 5pc } } .summarymanual__items-image img { border-radius: 1pc; display: flex; height: auto; width: 100% } .summarymanual__items-link { margin-top: 1pc } .summarymanual__items-text { hyphens: auto; margin-right: 40px; width: 76% } @media(max-width:1023px) { .summarymanual__items-text { margin-right: 0 } } .summarymanual__items-text-title { margin-bottom: 8px } @media(max-width:1023px) { .summarymanual__items-text-title { font-size: 20px; line-height: 28px } } .summarymanual__items-text-description { color: var(--color-grey-600); font-size: 1pc; line-height: 24px; margin-bottom: 24px } @media(max-width:1023px) { .summarymanual__items-text-description { font-size: 1pc; line-height: 24px } } .summarymanual__items-text-description ul li { display: flex } .tabs { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .tabs { margin: 40px 0 } } .tabs .cmp-tabs .cmp-accordion, .tabs .cmp-tabs .cmp-quotes, .tabs .cmp-tabs .contacts, .tabs .cmp-tabs .contacts__content, .tabs .cmp-tabs .eventagenda, .tabs .cmp-tabs .eventcalendar, .tabs .cmp-tabs .eventlocation, .tabs .cmp-tabs .eventspeakers, .tabs .cmp-tabs .factcards, .tabs .cmp-tabs .greyinfobox, .tabs .cmp-tabs .numberedblocks, .tabs .cmp-tabs .productstudycost, .tabs .cmp-tabs .splitcontainer, .tabs .cmp-tabs .textmedia, .tabs .cmp-tabs .timeline { margin: 0; padding: 0 } .tabs .cmp-tabs .download, .tabs .cmp-tabs .form-reference, .tabs .cmp-tabs .learnmore__title, .tabs .cmp-tabs .productfinder, .tabs .cmp-tabs .reducedeventcalendar, .tabs .cmp-tabs .summary, .tabs .cmp-tabs .summarymanual, .tabs .cmp-tabs .text, .tabs .cmp-tabs .videoteaser { padding: 0 } .tabs .cmp-tabs .cmp-carousel__content, .tabs .cmp-tabs .learnmore, .tabs .cmp-tabs .socialmedia { margin: 0 } .tabs .cmp-tabs .formstep { margin: 0 -20px; padding: 0 } @media(max-width:1023px) { .tabs .cmp-tabs .formstep { margin: 0 } } .tabs .cmp-tabs .cmp-quotes { margin-top: 5pc } @media(max-width:1023px) { .tabs .cmp-tabs .cmp-quotes { margin-top: 4pc } } .tabs .cmp-tabs .numberedblocks__list { display: flex } .tabs .cmp-tabs .contacts__description, .tabs .cmp-tabs .contacts__title { padding-left: 0; padding-right: 0 } .tabs .cmp-tabs__title { margin-bottom: 1pc } @media(max-width:1023px) { .tabs .cmp-tabs__title { margin-bottom: 8px } } .tabs .cmp-tabs__description { color: var(--color-grey-600); display: block; font-size: 24px; line-height: 36px; margin-bottom: 40px; width: 66% } @media(max-width:1023px) { .tabs .cmp-tabs__description { font-size: 1pc; line-height: 24px; margin-bottom: 24px; width: 100% } } .tabs .cmp-tabs__tablist { -ms-overflow-style: none; border-bottom: 2px solid var(--color-grey-100); display: flex; flex-wrap: nowrap; gap: 2pc; height: 50px; margin-bottom: 40px; overflow-x: auto; scrollbar-width: none; white-space: nowrap } @media(max-width:1023px) { .tabs .cmp-tabs__tablist { gap: 1pc; height: 35px; margin-bottom: 24px } } .tabs .cmp-tabs__tablist::-webkit-scrollbar { display: none } .tabs .cmp-tabs__tab { border-bottom: 4px solid transparent; color: var(--color-grey-600); font-family: Neue-Haas-Grotesk-Display-Pro, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 36px; margin-bottom: 0; padding: 0 } @media(max-width:1023px) { .tabs .cmp-tabs__tab { font-size: 1pc; line-height: 24px } } .tabs .cmp-tabs__tab:before { content: none } .tabs .cmp-tabs__tab--active, .tabs .cmp-tabs__tab:hover { border-color: var(--color-primary-500); color: var(--color-grey-900) } .tabs--blue .cmp-tabs__tab--active, .tabs--blue .cmp-tabs__tab:hover { border-color: var(--color-secondary-500) } .teasertiles { border-bottom: 2px solid #fff; border-top: 2px solid #fff; display: flex; position: relative } @media(max-width:1023px) { .teasertiles { flex-direction: column } } .teasertiles__item { display: flex; height: 45pc; justify-content: center; position: relative; transition: all .15s ease-in; width: 100% } @media(max-width:1023px) { .teasertiles__item { height: 281px } } .teasertiles__item:not(:last-child) { border-right: 2px solid var(--color-white) } @media(max-width:1023px) { .teasertiles__item:not(:last-child) { border-bottom: 2px solid var(--color-white); border-right: none } } .teasertiles__item-content { bottom: 0; display: flex; flex-direction: column; height: auto; left: 0; overflow: hidden; padding: 0 8% 4pc; position: absolute; word-break: break-all; z-index: 500 } @media(max-width:1023px) { .teasertiles__item-content { padding: 0 4% 20px } } .teasertiles__item-title { color: var(--color-white); margin: 0 0 1pc; overflow-wrap: break-word } @media(max-width:1023px) { .teasertiles__item-title { margin-bottom: 8px } } .teasertiles__item-description { color: var(--color-white); font-size: 24px; line-height: 36px; margin-bottom: 2pc; word-break: break-word } @media(max-width:1023px) { .teasertiles__item-description { font-size: 1pc; line-height: 24px; margin-bottom: 1pc } } .teasertiles__item-link { align-self: flex-start } .teasertiles__item-image { flex-basis: 100%; height: 100%; overflow: hidden; position: relative; width: 100% } .teasertiles__item-image img { height: 100%; object-fit: cover; width: 100% } .teasertiles__item-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); bottom: 0; display: flex; height: 33%; position: absolute; width: 100%; z-index: 400 } @media(max-width:1023px) { .teasertiles__item-overlay { height: 66% } } .teasertiles--no-gradient .teasertiles__item-overlay { background: none } .teasertiles--no-gradient .teasertiles__item:hover .teasertiles__item-overlay { background: var(--color-primary-500); height: 100%; opacity: .9 } .teasertiles--no-gradient .teasertiles__item:hover .teasertiles__item-link { color: var(--color-highlight-500) } .teasertiles--no-gradient .teasertiles__item:hover .teasertiles__item-link .link__icon.svg { right: -33px } .teasertiles--no-gradient .teasertiles__item:hover .teasertiles__item-link .link__icon.svg svg { fill: var(--color-highlight-500) } .teasertiles--left .teasertiles__item-description, .teasertiles--left .teasertiles__item-title { text-align: left } .teasertiles--center .teasertiles__item-content { right: 0 } .teasertiles--center .teasertiles__item-description, .teasertiles--center .teasertiles__item-title { text-align: center } .teasertiles--center .teasertiles__item-link { margin: 0 auto } .teasertiles--neon .teasertiles__item:hover .teasertiles__item-overlay { background: var(--color-primary-500); height: 100%; opacity: .9; top: 0 } .teasertiles--neon .teasertiles__item:hover .teasertiles__item-link { color: var(--color-highlight-500) } .teasertiles--neon .teasertiles__item:hover .teasertiles__item-link .link__icon.svg { right: -33px } .teasertiles--neon .teasertiles__item:hover .teasertiles__item-link .link__icon.svg svg { fill: var(--color-highlight-500) } .teasertiles--blue .teasertiles__item:hover .teasertiles__item-overlay { background: var(--color-secondary-500); height: 100%; opacity: .9; top: 0 } .teasertiles--blue .teasertiles__item:hover .teasertiles__item-link { color: var(--color-highlight-500) } .teasertiles--blue .teasertiles__item:hover .teasertiles__item-link .link__icon.svg { right: -33px } .teasertiles--blue .teasertiles__item:hover .teasertiles__item-link .link__icon.svg svg { fill: var(--color-highlight-500) } .teasertiles--zoom .teasertiles__item:hover .teasertiles__item-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); height: 100%; opacity: 1 } .teasertiles--zoom .teasertiles__item:hover .teasertiles__item-image img { transform: scale(1.1); transition: all .15s ease-in } .teasertiles--zoom:is(.teasertiles--no-gradient) .teasertiles__item:hover .teasertiles__item-overlay { background: none } .text { display: flex; hyphens: auto; padding: 8pc 20%; position: relative; text-align: center; word-break: break-word } @media(max-width:1023px) { .text { padding: 40px 4% } } .text__content { position: relative; z-index: 100 } .text__content-pre-title { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin-bottom: 8px } @media(max-width:1023px) { .text__content-pre-title { font-size: 1pc; line-height: 24px } } .text__content-title:last-child { margin: 0 } .text__content-description { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .text__content-description { font-size: 1pc; line-height: 24px } } .text--centered { display: block; text-align: center } .text--centered .text__content-title { margin-bottom: 24px } @media(max-width:1023px) { .text--centered .text__content-title { margin-bottom: 1pc } } .text--centered .text__content-description { align-items: center; display: flex; flex-direction: column } .text--left { text-align: left } .text--left .text__content-title { margin-bottom: 24px } @media(max-width:1023px) { .text--left .text__content-title { margin-bottom: 1pc } } .text--split { display: block; padding: 8pc 4% } @media(max-width:1023px) { .text--split { padding: 40px 4% } } .text--split .text__content { display: flex; text-align: left } @media(max-width:1023px) { .text--split .text__content { flex-direction: column } .text--split .text__content-title { margin-bottom: 1pc } } .text--split .text__content-split { flex-basis: 50%; margin-right: 40px } @media(max-width:1023px) { .text--split .text__content-split { margin-right: 0 } } .text--split .text__content-description, .text__split { flex-basis: 50% } .text--button-primary .text__link:hover { background-color: var(--color-primary-600) } .text--button-primary .text__link:active { background-color: var(--color-primary-700) } .text--button-primary .link__icon { display: none } .text--button-outlined .text__link:hover { background-color: var(--color-primary-50); border-color: var(--color-primary-600) } .text--button-outlined .text__link:hover .link__label { color: var(--color-primary-600) } .text--button-outlined .text__link:active { background-color: var(--color-primary-100); border-color: var(--color-primary-700) } .text--button-outlined .text__link:active .link__label { color: var(--color-primary-700) } .text--button-inverted .link__icon, .text--button-outlined .link__icon { display: none } .text--button-linkstyle .text__link { width: fit-content } .text--button-linkstyle .text__link .link__icon { bottom: 8px } .text--neon .link__label { color: var(--color-primary-500) } .text--neon .link__icon { display: none } .text--neon:is(.text--button-linkstyle) .text__link { background-color: transparent; border: none; padding: 0; width: fit-content } .text--neon:is(.text--button-linkstyle) .text__link .link__label { color: var(--color-grey-900) } .text--neon:is(.text--button-linkstyle) .text__link .link__label:hover { color: var(--color-primary-500) } .text--neon:is(.text--button-linkstyle) .text__link .link__label:active { color: var(--color-primary-600) } .text--neon:is(.text--button-linkstyle) .text__link .link__icon { bottom: 8px } @media(max-width:1023px) { .text--neon:is(.text--button-linkstyle) .text__link .link__icon { bottom: 6px } } .text--neon:is(.text--button-linkstyle) .text__link .link__icon.svg svg { fill: var(--color-primary-500) } .text--neon:is(.text--button-linkstyle) .text__link:active .link__icon.svg svg { fill: var(--color-primary-600) } .text--neon:is(.text--button-primary) .link__label { color: var(--color-white) } .text--neon:is(.text--button-primary) .link__icon { display: none } .text--blue .text__content-title { margin-bottom: 24px } .text--blue .link__label, .text--blue .text__content-pre-title { color: var(--color-secondary-500) } .text--blue .link__icon { display: none } .text--blue:is(.text--button-linkstyle) .text__link { background-color: transparent; border: none; padding: 0 } .text--blue:is(.text--button-linkstyle) .text__link .link__label { color: var(--color-grey-900) } .text--blue:is(.text--button-linkstyle) .text__link .link__label:hover { color: var(--color-secondary-500) } .text--blue:is(.text--button-linkstyle) .text__link .link__label:active { color: var(--color-secondary-600) } .text--blue:is(.text--button-linkstyle) .text__link .link__icon { bottom: 8px } @media(max-width:1023px) { .text--blue:is(.text--button-linkstyle) .text__link .link__icon { bottom: 6px } } .text--blue:is(.text--button-linkstyle) .text__link .link__icon.svg svg { fill: var(--color-secondary-500) } .text--blue:is(.text--button-linkstyle) .text__link:active .link__icon.svg svg { fill: var(--color-secondary-600) } .text--blue:is(.text--button-primary) .link__label { color: var(--color-white) } .text--blue:is(.text--button-primary) .link__icon { display: none } .text--blue:is(.text--button-inverted) .link__icon { display: none } .text--blue:is(.text--button-outlined) .text__link:hover { background-color: var(--color-secondary-50); border-color: var(--color-secondary-600) } .text--blue:is(.text--button-outlined) .text__link:hover .link__label { color: var(--color-secondary-600) } .text--blue:is(.text--button-outlined) .text__link:active { background-color: var(--color-secondary-100); border-color: var(--color-secondary-700) } .text--blue:is(.text--button-outlined) .text__link:active .link__label { color: var(--color-secondary-700) } .text__link { margin-top: 40px } @media(max-width:1023px) { .text__link { margin-top: 24px } } .text--button-linkstyle .text__link .link__label { color: var(--color-grey-900) } .text--button-linkstyle .text__link .link__label:hover { color: var(--color-primary-500) } .text--button-linkstyle .text__link .link__label:active { color: var(--color-primary-600) } .text--button-linkstyle .text__link .link__icon.svg svg { fill: var(--color-primary-500) } .text--button-linkstyle .text__link:active .link__icon.svg svg { fill: var(--color-primary-600) } .text--button-linkstyle .text__link .link__icon { bottom: 6px; display: block } @media(max-width:1023px) { .text--button-linkstyle .text__link .link__icon { bottom: 4px } } .text--background-color .text__link { background-color: var(--color-white) } .text--background-color .link__label { color: var(--color-primary-500) } .text--background-color .link__icon { display: none } .text--background-color:is(.text--neon) { background-color: var(--color-primary-500) } .text--background-color:is(.text--neon) .text__content-pre-title { color: var(--color-white) } .text--background-color:is(.text--neon) .text__content-title { color: var(--color-white); margin-bottom: 24px } .text--background-color:is(.text--neon) .text__content-description { color: var(--color-white) } .text--background-color:is(.text--neon) .text__overlay { opacity: .32 } .text--background-color:is(.text--neon):is(.text--button-inverted) .link__icon { display: none } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link { background-color: transparent; border: none; padding: 0; width: fit-content } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__label { color: var(--color-white) } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__label:hover { color: var(--color-highlight-500) } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__label:active { color: var(--color-highlight-400) } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__label:active .link__icon.svg svg { fill: var(--color-highlight-400) } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__icon.svg svg { fill: var(--color-white) } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link:hover .link__icon.svg svg { fill: var(--color-highlight-500) } .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__icon { bottom: 8px; display: block } @media(max-width:1023px) { .text--background-color:is(.text--neon):is(.text--button-linkstyle) .text__link .link__icon { bottom: 6px } } .text--background-color:is(.text--blue) { background-color: var(--color-secondary-500) } .text--background-color:is(.text--blue) .text__link { background-color: var(--color-white) } .text--background-color:is(.text--blue) .link__label { color: var(--color-secondary-500) } .text--background-color:is(.text--blue) .link__icon { display: none } .cmp-quotes--blue .text--background-color:is(.text--blue) .cmp-quotes__link:hover, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .cmp-quotes__link:hover, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .text--background-color:is(.text--blue) .cmp-quotes__link:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .errorpage__link:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .event-calendar__footer-button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .header__quick-links-button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__filter-section .modal-overlay__footer .modal__reset:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__filter-section .modal-overlay__footer .modal__save:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__filter-section-button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__footer-button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .promo__button:hover, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .reduced-event-calendar__footer-button:hover, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .modal__reset:hover, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .modal__save:hover, .product-finder__filter-section .modal-overlay__footer .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .modal__reset:hover, .product-finder__filter-section .modal-overlay__footer .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .modal__save:hover, .text--background-color:is(.text--blue) .button--blue-outlined:hover, .text--background-color:is(.text--blue) .cmp-quotes--blue .cmp-quotes__link:hover, .text--background-color:is(.text--blue) .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .button:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .errorpage__link:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .promo__button:hover, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:hover, .text--background-color:is(.text--blue) .text__link:hover, .text--background-color:is(.text--blue) [class*="--blue"] .event-calendar__footer-button:hover, .text--background-color:is(.text--blue) [class*="--blue"] .product-finder__footer-button:hover, .text--background-color:is(.text--blue) [class*="--blue"] .reduced-event-calendar__footer-button:hover, [class*="--blue"] .text--background-color:is(.text--blue) .event-calendar__footer-button:hover, [class*="--blue"] .text--background-color:is(.text--blue) .product-finder__footer-button:hover, [class*="--blue"] .text--background-color:is(.text--blue) .reduced-event-calendar__footer-button:hover { background-color: var(--color-secondary-50); border-color: var(--color-secondary-600); color: var(--color-secondary-600) } .cmp-quotes--blue .text--background-color:is(.text--blue) .cmp-quotes__link:active, .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .cmp-quotes__link:active, .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .text--background-color:is(.text--blue) .cmp-quotes__link:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .errorpage__link:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .event-calendar__footer-button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .header__quick-links-button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__filter-section .modal-overlay__footer .modal__reset:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__filter-section .modal-overlay__footer .modal__save:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__filter-section-button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .product-finder__footer-button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .promo__button:active, .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .reduced-event-calendar__footer-button:active, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .modal__reset:active, .product-finder__filter-section .modal-overlay__footer .lecturersoverview--blue .c-lecturers__cta .text--background-color:is(.text--blue) .modal__save:active, .product-finder__filter-section .modal-overlay__footer .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .modal__reset:active, .product-finder__filter-section .modal-overlay__footer .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .modal__save:active, .text--background-color:is(.text--blue) .button--blue-outlined:active, .text--background-color:is(.text--blue) .cmp-quotes--blue .cmp-quotes__link:active, .text--background-color:is(.text--blue) .cmp-quotes__content--square .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__link:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .button:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .cmp-quotes__content--square .cmp-quotes__link:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .errorpage__link:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .event-calendar__footer-button:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .header__quick-links-button:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__reset:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section .modal-overlay__footer .modal__save:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__filter-section-button:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .product-finder__footer-button:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .promo__button:active, .text--background-color:is(.text--blue) .lecturersoverview--blue .c-lecturers__cta .reduced-event-calendar__footer-button:active, .text--background-color:is(.text--blue) .text__link:active, .text--background-color:is(.text--blue) [class*="--blue"] .event-calendar__footer-button:active, .text--background-color:is(.text--blue) [class*="--blue"] .product-finder__footer-button:active, .text--background-color:is(.text--blue) [class*="--blue"] .reduced-event-calendar__footer-button:active, [class*="--blue"] .text--background-color:is(.text--blue) .event-calendar__footer-button:active, [class*="--blue"] .text--background-color:is(.text--blue) .product-finder__footer-button:active, [class*="--blue"] .text--background-color:is(.text--blue) .reduced-event-calendar__footer-button:active { background-color: var(--color-secondary-100); border-color: var(--color-secondary-700); color: var(--color-secondary-700) } .text--background-color:is(.text--blue) .text__content-pre-title { color: var(--color-white) } .text--background-color:is(.text--blue) .text__content-title { color: var(--color-white); margin-bottom: 24px } .text--background-color:is(.text--blue) .text__content-description { color: var(--color-white) } .text--background-color:is(.text--blue) .text__overlay { opacity: .32 } .text--background-color:is(.text--blue):is(.text--button-primary) .link__label { color: var(--color-white) } .text--background-color:is(.text--blue):is(.text--button-primary) .link__icon { display: none } .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link { background-color: transparent; border: none; padding: 0; width: fit-content } .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link .link__label { color: var(--color-white) } .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link .link__label:hover { color: var(--color-highlight-500) } .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link .link__icon { bottom: 8px; display: block } @media(max-width:1023px) { .text--background-color:is(.text--blue):is(.text--button-linkstyle) .text__link .link__icon { bottom: 6px } } .text--background-color:is(.text--button-primary) .link__label { color: var(--color-white) } .text--background-color:is(.text--button-primary) .link__icon { display: none } .text--background-color:is(.text--button-inverted) .link__icon { display: none } .text--background-color:is(.text--button-linkstyle) .text__link { background-color: transparent; border: none; padding: 0 } .text--background-color:is(.text--button-linkstyle) .text__link .link__label { color: var(--color-grey-900) } .text--background-color:is(.text--button-linkstyle) .text__link .link__label:hover { color: var(--color-primary-500) } .text--background-color:is(.text--button-linkstyle) .text__link .link__label:active { color: var(--color-primary-600) } .text--background-color:is(.text--button-linkstyle) .text__link .link__icon.svg svg:active { fill: var(--color-primary-600) } .text--background-color.text--left { padding-left: 4%; padding-right: 32% } @media(max-width:1023px) { .text--background-color.text--left { padding: 40px 4% } } .text__overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); display: flex; height: 100%; inset: 0; opacity: 0; position: absolute; width: 100% } #multistepform .formstep .text { padding: 0 1.25rem } .textmedia { display: flex; hyphens: auto; margin: 5pc 0; overflow-wrap: break-word; padding: 0 4%; position: relative } @media(max-width:1023px) { .textmedia { flex-direction: column; margin: 40px 0; padding: 0 } } .textmedia__content { display: flex; flex-basis: 50%; flex-direction: column; margin-right: 40px; text-align: left } @media(max-width:1023px) { .textmedia__content { margin-bottom: 40px; margin-right: 0; padding: 0 4% } } .textmedia__content-pre-title { font-size: 24px; line-height: 36px; margin-bottom: 8px } @media(max-width:1023px) { .textmedia__content-pre-title { font-size: 1pc; line-height: 24px } } .textmedia__content-title { margin: 0 0 24px } @media(max-width:1023px) { .textmedia__content-title { margin-bottom: 1pc } } .textmedia__content-description { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .textmedia__content-description { font-size: 1pc; line-height: 24px } } .textmedia__content .textmedia__content-pre-title { color: var(--color-primary-500) } .textmedia__link { align-self: flex-start; margin-top: 2pc } @media(max-width:1023px) { .textmedia__link { margin-top: 1pc } } .textmedia__media { flex-basis: 50%; position: relative } .textmedia__image { display: flex; height: auto; width: 100% } .textmedia__image img { border-radius: 1pc; height: 100%; object-fit: cover; width: 100% } @media(max-width:1023px) { .textmedia__image img { border-radius: 0 } } .textmedia__item { width: -moz-available; width: -webkit-fill-available } .textmedia__item, .textmedia__item-video { border-radius: 1pc } @media(max-width:1023px) { .textmedia__item-video { border-radius: 0 } } .textmedia__item-video-thumbnail { cursor: pointer; display: block; height: 8pc; left: calc(50% - 4pc); position: absolute; top: calc(50% - 4pc); width: 8pc; z-index: 998 } @media(max-width:1023px) { .textmedia__item-video-thumbnail { height: 4pc; left: calc(50% - 2pc); top: calc(50% - 2pc); width: 4pc } } .textmedia__item-video-thumbnail .video-play-background { fill: var(--color-primary-500); opacity: .9 } .textmedia__item-video-thumbnail .video-play-border { fill: var(--color-white) } .textmedia__item-video-duration { background-color: var(--color-primary-500); border-radius: 1pc; bottom: 8px; color: var(--color-white); font-size: 1pc; font-weight: 700; line-height: 24px; margin-bottom: 0; opacity: .9; padding: 4px 9pt; position: absolute; right: 8px; z-index: 998 } @media(max-width:1023px) { .textmedia__item-video-duration { font-size: 1pc; line-height: 24px; padding: 2px 8px } } .textmedia__item-video-interactive-overlay { background: var(--color-grey-900); border-radius: 1pc; height: 100%; opacity: .6; position: absolute; width: 100% } @media(max-width:1023px) { .textmedia__item-video-interactive-overlay { border-radius: 0 } } .textmedia__item-video-wrapper { display: flex; position: relative } .textmedia__item-video-wrapper:hover { cursor: pointer } .textmedia__item-video-wrapper:hover .textmedia__item-video-interactive-overlay { background-color: var(--color-primary-500); opacity: .9 } .textmedia__item-video-wrapper:hover .textmedia__item-video-thumbnail .video-play-background { fill: transparent } .textmedia__item-video-wrapper:hover .textmedia__item-video-duration { background-color: transparent } .textmedia--left { flex-direction: row-reverse } .textmedia--left .textmedia__content { margin-left: 40px } @media(max-width:1023px) { .textmedia--left .textmedia__content { margin-left: 0; margin-top: 24px } .textmedia--left { flex-direction: column-reverse } } .textmedia--right .textmedia__content { margin-right: 40px } @media(max-width:1023px) { .textmedia--right .textmedia__content { margin-bottom: 40px; margin-right: 0 } } .textmedia--blue .textmedia__content-pre-title { color: var(--color-secondary-500) } .textmedia--blue .textmedia__title svg { fill: var(--color-secondary-500) } .textmedia--blue .textmedia__title:hover .link__label { color: var(--color-secondary-500) } .textmedia--blue .textmedia__title:hover .link__icon svg { fill: var(--color-secondary-500) } .textmedia--blue .textmedia__item-video-wrapper:hover .textmedia__item-video-interactive-overlay { background-color: var(--color-secondary-500) } .textmedia--blue .textmedia__item-video-thumbnail .video-play-background { fill: var(--color-secondary-500); opacity: .9 } .textmedia--blue .textmedia__item-video-duration { background: var(--color-secondary-500) } .timeline { hyphens: auto; margin: 8pc 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .timeline { margin: 40px 0 } } .timeline__title { margin-bottom: 62px; text-align: center } @media(max-width:1023px) { .timeline__title { margin-bottom: 40px; text-align: left } } .timeline__card, .timeline__content { display: flex; flex-direction: column } .timeline__card { border: 1px solid var(--color-grey-200); border-radius: 1pc; gap: 24px; margin-bottom: 62px; padding: 2pc; position: relative } @media(max-width:1023px) { .timeline__card { gap: 1pc; margin-bottom: 36px; padding: 24px } } .timeline__card:before { border-bottom: 1pc solid transparent; top: -1px } .timeline__card:after, .timeline__card:before { border-top: 0 solid transparent; content: ""; height: 0; position: absolute; width: 0 } .timeline__card:after { border-bottom: 14px solid transparent; top: 0 } .timeline__card-chip { background: var(--color-grey-100); border-radius: 24px; color: var(--color-grey-600); font-size: 20px; line-height: 28px; padding: 8px 0; position: absolute; text-align: center; top: -22px; width: 5pc } @media(max-width:1023px) { .timeline__card-chip { font-size: 1pc; line-height: 24px; padding: 4px 0; top: -1pc; width: 54px } } .timeline__card-title { border-bottom: 4px solid var(--color-primary-500); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 36px; margin: 0; padding-bottom: 1pc } @media(max-width:1023px) { .timeline__card-title { font-size: 20px; font-weight: 700; line-height: 28px; padding-bottom: 9pt } } .timeline__card-description { color: var(--color-grey-600); display: block; font-size: 20px; line-height: 28px } @media(max-width:1023px) { .timeline__card-description { font-size: 1pc; line-height: 24px } } .timeline__box { width: 50% } @media(max-width:1023px) { .timeline__box { width: calc(100% - 24px) } } .timeline__box:last-child .timeline__card { margin-bottom: 5pc } @media(max-width:1023px) { .timeline__box:last-child .timeline__card { margin-bottom: 0 } } .timeline__box:nth-child(odd) { align-self: flex-start; border-right: 4px solid var(--color-grey-100) } @media(max-width:1023px) { .timeline__box:nth-child(odd) { align-self: flex-end; border-left: 4px solid var(--color-grey-100); border-right: 0 } } .timeline__box:nth-child(odd) .timeline__card { border-top-right-radius: unset; margin-right: 5pc } @media(max-width:1023px) { .timeline__box:nth-child(odd) .timeline__card { border-top-left-radius: unset; border-top-right-radius: 1pc; margin-left: 52px; margin-right: 0 } } .timeline__box:nth-child(odd) .timeline__card-chip { left: calc(100% + 44px) } @media(max-width:1023px) { .timeline__box:nth-child(odd) .timeline__card-chip { left: unset; right: calc(100% + 28px) } } .timeline__box:nth-child(odd) .timeline__card:before { border-left: 1pc solid var(--color-grey-200); left: 100% } @media(max-width:1023px) { .timeline__box:nth-child(odd) .timeline__card:before { border-left: unset; border-right: 1pc solid var(--color-grey-200); left: unset; right: 100% } } .timeline__box:nth-child(odd) .timeline__card:after { border-left: 14px solid var(--color-white); margin-left: -17px; right: -13px } @media(max-width:1023px) { .timeline__box:nth-child(odd) .timeline__card:after { border-left: unset; border-right: 14px solid var(--color-white); left: -1pc; margin-left: 3px; right: unset } } .timeline__box:nth-child(2n) { align-self: flex-end; border-left: 4px solid var(--color-grey-100); margin-right: 2px } @media(max-width:1023px) { .timeline__box:nth-child(2n) { margin-right: 0 } } .timeline__box:nth-child(2n) .timeline__card { border-top-left-radius: unset; margin-left: 5pc } @media(max-width:1023px) { .timeline__box:nth-child(2n) .timeline__card { margin-left: 52px } } .timeline__box:nth-child(2n) .timeline__card-chip { right: calc(100% + 44px) } @media(max-width:1023px) { .timeline__box:nth-child(2n) .timeline__card-chip { right: calc(100% + 28px) } } .timeline__box:nth-child(2n) .timeline__card:before { border-right: 1pc solid var(--color-grey-200); right: 100% } .timeline__box:nth-child(2n) .timeline__card:after { border-right: 14px solid var(--color-white); left: 2pc; margin-left: -45px } .timeline__image img { aspect-ratio: 1.79; border-radius: 1pc; display: block; object-fit: cover; width: 100% } .timeline__item { width: -moz-available; width: -webkit-fill-available } .timeline__item-video { border-radius: 1pc } .timeline__item-video-thumbnail { cursor: pointer; display: block; height: 8pc; left: calc(50% - 4pc); position: absolute; top: calc(50% - 4pc); width: 8pc; z-index: 998 } @media(max-width:1023px) { .timeline__item-video-thumbnail { height: 4pc; left: calc(50% - 2pc); top: calc(50% - 2pc); width: 4pc } } .timeline__item-video-thumbnail .video-play-background { fill: var(--color-primary-500); opacity: .9 } .timeline__item-video-thumbnail .video-play-border { fill: var(--color-white) } .timeline__item-video-duration { background-color: var(--color-primary-500); border-radius: 1pc; bottom: 8px; color: var(--color-white); font-size: 1pc; font-weight: 700; line-height: 24px; margin-bottom: 0; opacity: .9; padding: 4px 9pt; position: absolute; right: 8px; z-index: 998 } @media(max-width:1023px) { .timeline__item-video-duration { font-size: 1pc; line-height: 24px; padding: 2px 8px } } .timeline__item-video-interactive-overlay { background: var(--color-grey-900); border-radius: 1pc; height: 100%; opacity: .6; position: absolute; width: 100% } .timeline__item-video-wrapper { display: flex; position: relative } .timeline__item-video-wrapper:hover { cursor: pointer } .timeline__item-video-wrapper:hover .timeline__item-video-interactive-overlay { background-color: var(--color-primary-500); opacity: .9 } .timeline__item-video-wrapper:hover .timeline__item-video-thumbnail .video-play-background { fill: transparent } .timeline__item-video-wrapper:hover .timeline__item-video-duration { background-color: transparent } .timeline--blue .timeline__card-title { border-color: var(--color-secondary-500) } .timeline--blue .timeline__item-video-wrapper:hover .timeline__item-video-interactive-overlay { background-color: var(--color-secondary-500) } .timeline--blue .timeline__item-video-thumbnail .video-play-background { fill: var(--color-secondary-500); opacity: .9 } .timeline--blue .timeline__item-video-duration { background: var(--color-secondary-500) } .videoteaser { hyphens: auto; overflow-wrap: break-word; padding: 90px 4% } @media(max-width:1023px) { .videoteaser { padding: 2pc 4% 1pc } } .videoteaser__videos { display: flex; margin-top: 42px } @media(max-width:1023px) { .videoteaser__videos { flex-direction: column; margin-top: 24px } } .videoteaser__item { border-radius: 1pc; margin: 0 20px; width: -moz-available; width: -webkit-fill-available } .videoteaser__item:first-child { margin-left: 0 } .videoteaser__item:last-child { margin-right: 0 } @media(max-width:1023px) { .videoteaser__item { margin: 0 0 24px } } .videoteaser__item-video { border-radius: 1pc } .videoteaser__item-video-thumbnail { cursor: pointer; display: block; height: 4pc; left: calc(50% - 2pc); position: absolute; top: calc(50% - 2pc); width: 4pc; z-index: 998 } .videoteaser__item-video-thumbnail .video-play-background { fill: var(--color-primary-500) } .videoteaser__item-video-thumbnail .video-play-border { fill: var(--color-white) } .videoteaser__item-video-duration { background-color: var(--color-primary-500); border-radius: 1pc; bottom: 8px; color: var(--color-white); font-size: 1pc; font-weight: 700; line-height: 24px; margin-bottom: 0; opacity: .9; padding: 4px 9pt; position: absolute; right: 8px; z-index: 998 } @media(max-width:1023px) { .videoteaser__item-video-duration { font-size: 1pc; line-height: 24px; padding: 2px 8px } } .videoteaser__item-video-interactive-overlay { background: var(--color-grey-900); border-radius: 1pc; height: 100%; opacity: .6; position: absolute; width: 100% } .videoteaser__item-video-wrapper { display: flex; position: relative } .videoteaser__item-video-wrapper:hover { cursor: pointer } .videoteaser__item-video-wrapper:hover .videoteaser__item-video-interactive-overlay { background-color: var(--color-primary-500); opacity: .9 } .videoteaser__item-video-wrapper:hover .videoteaser__item-video-thumbnail .background { fill: transparent } .videoteaser__item-video-wrapper:hover .videoteaser__item-video-duration { background-color: transparent } .videoteaser__item-title { font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 0; margin-top: 24px } @media(max-width:1023px) { .videoteaser__item-title { font-size: 20px; font-weight: 700; line-height: 28px; margin-top: 1pc } } .videoteaser--blue .videoteaser__title svg { fill: var(--color-secondary-500) } .videoteaser--blue .videoteaser__title:hover, .videoteaser--blue .videoteaser__title:hover .link__label { color: var(--color-secondary-500) } .videoteaser--blue .videoteaser__title:hover .link__icon svg { fill: var(--color-secondary-500) } .videoteaser--blue .videoteaser__item-video-wrapper:hover .videoteaser__item-video-interactive-overlay { background-color: var(--color-secondary-500) } .videoteaser--blue .videoteaser__item-video-thumbnail .video-play-background { fill: var(--color-secondary-500) } .videoteaser--blue .videoteaser__item-video-duration { background: var(--color-secondary-500) } .sub-navigation-bar { background-color: var(--color-primary-400); clear: none; display: flex; float: left; font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; justify-content: center; position: relative; top: 0; transition: all .3s ease; white-space: nowrap; width: 100%; z-index: 1000 } .sub-navigation-bar.is-top-bar { z-index: 1001 } @media(max-width:1023px) { .sub-navigation-bar { font-size: 1pc } } .sub-navigation-bar.sticky { position: -webkit-sticky; position: sticky } .sub-navigation-bar nav { -ms-overflow-style: none; align-items: center; border-radius: 0 0 4px 4px; box-sizing: border-box; display: flex; font-size: 20px; justify-content: center; margin: 0 calc(2pc + 2%) 0 1.6%; max-width: 100pc; overflow-x: auto; padding: 15px 0; scrollbar-width: none; width: 100% } @media(max-width:1023px) { .sub-navigation-bar nav { margin: 0 4% } } .sub-navigation-bar nav::-webkit-scrollbar { display: none } .sub-navigation-bar nav.overflow { justify-content: flex-start } .sub-navigation-bar nav:after { background: linear-gradient(270deg, #33d2c2, rgba(51, 210, 194, 0)); content: ""; height: 100%; pointer-events: none; position: absolute; right: calc(2pc + 2%); top: 0; width: 40px } @media(max-width:1023px) { .sub-navigation-bar nav:after { right: 4%; width: 50px } } .sub-navigation-bar nav:before { background: linear-gradient(90deg, #33d2c2, rgba(51, 210, 194, 0)); content: ""; height: 100%; left: 1.6%; pointer-events: none; position: absolute; top: 0; width: 50px } @media(max-width:1023px) { .sub-navigation-bar nav:before { left: 4%; width: 50px } } .sub-navigation-bar nav.fade-l-hidden:before, .sub-navigation-bar nav.fade-r-hidden:after { display: none } .sub-navigation-bar .scroll-to-top { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmIj48ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCI+PC9nPjxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9nPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE1IDExTDEyIDhNMTIgOEw5IDExTTEyIDhWMTZNMjEgMTJDMjEgMTYuOTcwNiAxNi45NzA2IDIxIDEyIDIxQzcuMDI5NDQgMjEgMyAxNi45NzA2IDMgMTJDMyA3LjAyOTQ0IDcuMDI5NDQgMyAxMiAzQzE2Ljk3MDYgMyAyMSA3LjAyOTQ0IDIxIDEyWiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiA8L2c+PC9zdmc+"); background-repeat: no-repeat; content: ""; cursor: pointer; display: inline-block; height: 2pc; position: absolute; right: 1.6%; top: 26%; width: 2pc } @media(max-width:1023px) { .sub-navigation-bar .scroll-to-top { display: none } } .sub-navigation-bar ul { display: inline-flex; justify-content: flex-start; list-style-type: none; margin: 0; padding: 0 5px } .sub-navigation-bar ul li { margin-left: 0; padding: 0 } .sub-navigation-bar ul li:not(:first-child) { margin-left: 11px } .sub-navigation-bar ul li:not(:last-child) { margin-right: 10px } @media(max-width:1023px) { .sub-navigation-bar ul li { font-size: 1pc } .sub-navigation-bar ul li:not(:last-child) { margin-right: 25px } } .sub-navigation-bar ul li:not(:last-child):after { color: #ccf3ef; content: "|"; font-size: 22px; margin-left: 9pt } @media(max-width:1023px) { .sub-navigation-bar ul li:not(:last-child):after { display: none } } .sub-navigation-bar ul li:before { content: none } .sub-navigation-bar ul li:last-child { margin-bottom: auto } .sub-navigation-bar .anchor-nav { color: #e6e6e6; cursor: pointer; display: inline-block; padding-bottom: 13px } @media(max-width:1023px) { .sub-navigation-bar .anchor-nav { padding-bottom: 9px } } .sub-navigation-bar .progress-bar { background-color: #009f8f; border-radius: 5px; border-radius: 10px; border-radius: 15px; height: 4px; margin-top: -9pt; position: relative } .sub-navigation-bar .progress-fill { background-color: #fff; border-radius: 15px; height: 100%; position: absolute; transition: width .4s ease, transform .4s ease; width: 0 } .has-news-banner .sub-navigation-bar--adjust { top: calc(var(--header-height) + var(--newsbanner-height)) } @media(max-width:1023px) { .has-news-banner .sub-navigation-bar--adjust { top: calc(var(--header-height-mobile) + var(--newsbanner-height-mobile)) } } .sub-navigation-bar--adjust { top: calc(var(--header-height)) } @media(max-width:1023px) { .sub-navigation-bar--adjust { top: calc(var(--header-height-mobile)) } } .editCaption { border: 1px dotted; padding: 10px } .editCaption h7 { background-color: #ff0 } .subnavcontainer.tabs { margin: 0; padding: 0 } .candidatefilter { margin-bottom: 1rem; padding: 0 4% } .candidatefilter__list { display: flex; margin-bottom: 0; margin-top: 2.5rem } @media(max-width:1023px) { .candidatefilter__list { flex-direction: column; margin-top: 1.5rem } } .candidatefilter__list li { margin-left: 0 } .candidatefilter__list li:before { content: ""; display: none } .candidatefilter__list li p { margin-bottom: 0 } .candidatefilter__filter { flex-basis: 0; flex-grow: 1; margin-bottom: 1.75rem; margin-right: 1rem; min-width: 0 } @media(max-width:1023px) { .candidatefilter__filter { margin-bottom: .5rem; margin-right: 0; width: 100% } } .candidatefilter__filter:last-child { margin-right: 0 } @media(max-width:1023px) { .candidatefilter__filter:last-child { margin-bottom: 9pt } } .candidatefilter__reset { background-color: transparent; border: none; color: var(--color-primary-500); cursor: pointer; font-size: 1pc; font-weight: 700; line-height: 24px; margin-left: .5rem; padding: 1rem 1.5rem } .candidatefilter__selected { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem !important } .candidatefilter__selected-reset { color: var(--color-primary-500); font-size: 20px; line-height: 28px; margin-top: .75rem; padding: 0 } @media(max-width:1023px) { .candidatefilter__selected-reset { font-size: 1pc; line-height: 24px } } .candidatefilter__selected .chip--filter { margin: 0 } .candidatefilter__selected li { margin-left: 0 } .candidatefilter__selected li:before { content: ""; display: none } .candidatefilter__selected li p { margin-bottom: 0 } .candidatefilter__candidates { display: grid; gap: 1.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)) } @media(max-width:1023px) { .candidatefilter__candidates { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media(max-width:767px) { .candidatefilter__candidates { grid-template-columns: repeat(1, minmax(0, 1fr)) } } .candidatefilter__candidates li { margin: 0 } .candidatefilter__candidates li:before { content: ""; display: none } .candidatefilter__candidates .splide { border-radius: 1rem } .candidatefilter__candidates .splide--slide { box-shadow: 0 0 1rem hsla(0, 0%, 6%, .078); height: 100% } .candidatefilter__candidates .splide__arrows { display: none } .candidatefilter__candidates .splide:not(.is-overflow) .splide__pagination { display: flex } .candidatefilter__candidates .splide__track { height: 100% } .candidatefilter__candidates .splide__pagination { bottom: 1.5rem } .candidatefilter__candidates .splide__pagination__page.is-active { transform: scale(1) } .candidatefilter__candidates .splide__pagination button { background: var(--color-primary-500); height: .75rem; width: .75rem } .candidatefilter__candidates .splide__pagination button:not(.is-active) { background: var(--color-grey-200) } .candidatefilter__candidate { border-radius: .5rem; display: flex; flex-direction: column; height: 100%; padding: 1rem 1rem 4rem } .candidatefilter__candidate:last-child { flex: 1; margin-top: auto } .candidatefilter__candidate__title { align-items: center; border-bottom: 1px solid var(--color-grey-100); display: flex; justify-content: space-between; margin-bottom: 1rem; padding-bottom: 1rem } .candidatefilter__candidate__favorite { background-color: transparent; border: none; cursor: pointer; padding: 1rem } .candidatefilter__candidate__favorite--selected svg { fill: var(--color-primary-500) } .candidatefilter__candidate__favorite--selected:hover svg { fill: var(--color-primary-600) } .candidatefilter__candidate__favorite:not(.candidatefilter__candidate__favorite--selected) svg { fill: var(--color-grey-500) } .candidatefilter__candidate__favorite:hover { background-color: var(--color-primary-50); border-radius: 50% } .candidatefilter__candidate__favorite svg { height: 2rem; transition: all .2s ease-in-out; width: 2rem } .candidatefilter__candidate__labels { align-items: flex-start; display: flex; font-weight: 600; gap: .5rem; justify-content: flex-start; margin-bottom: .5rem } .candidatefilter__candidate__labels--studytype span { font-weight: 400 } .candidatefilter__candidate__label span:first-of-type { font-weight: 400; padding-right: .5rem } .candidatefilter__candidate__label span:nth-of-type(2) { font-weight: 600 } .candidatefilter__candidate__label--chip { align-items: center; display: flex; margin-bottom: .5rem } .candidatefilter__candidate__label--chip .chip { margin: 0; padding: 2px .5rem } .candidatefilter__candidate__link { align-items: center; color: var(--color-primary-500); display: flex; font-size: 1pc; font-weight: 700; gap: 5px; padding: .5rem 0 0; text-align: left; width: fit-content } .candidatefilter__candidate__link, .candidatefilter__candidate__link:hover { background: transparent; border: none } .candidatefilter__candidate-button--show { margin-top: 1rem; overflow: hidden; text-overflow: ellipsis; width: 100% } .candidatefilter__candidate-button__dropdown { border: none; padding: 0 34px 0 0; text-align: left; width: fit-content } .candidatefilter__candidate-button__dropdown:hover { background: unset } .candidatefilter__candidate-button__dropdown:after { border: solid var(--color-primary-500); border-width: 0 2px 2px 0; content: ""; padding: 4px; pointer-events: none; position: absolute; right: 15px; top: 45%; transform: translateY(-50%) rotate(45deg); transition: transform .3s } .candidatefilter__candidate-button__dropdown--open:after { top: 60%; transform: translateY(-50%) rotate(-135deg) } .candidatefilter__candidate__info { margin-bottom: 2rem } .candidatefilter__candidate__info span { font-weight: 600 } .candidatefilter__candidate__info svg { flex-shrink: 0; height: 1.5rem; width: 1.5rem } .candidatefilter__candidate__contacts { display: flex; flex-direction: column; gap: 1rem } .candidatefilter__candidate__buttons { display: flex; flex-direction: row; gap: .5rem; justify-content: space-between } .candidatefilter__candidate__buttons_no_files { padding-top: 3rem } .candidatefilter__candidate__more { border-top: 1px solid var(--color-grey-100); flex-grow: 1; padding-top: .5rem } .candidatefilter__candidate__more--show { padding-top: 1rem } .candidatefilter__candidate__more svg { flex-shrink: 0; height: 1.5rem; width: 1.5rem } .candidatefilter__candidate__info-icon-container { display: inline-block; position: relative } .candidatefilter__candidate__tooltip { background-color: #d3d3d3; border-radius: 5px; color: #000; left: 50%; opacity: 0; padding: 10px 15px; pointer-events: none; position: absolute; top: 100%; transform: translateX(-50%); transition: opacity .3s ease-in-out; z-index: 9999 } .candidatefilter__candidate__info-icon-container:hover .candidatefilter__candidate__tooltip { opacity: .9 } .candidatefilter__pagination { align-items: center; display: flex; justify-content: center; padding: 2rem 0 } .candidatefilter__pagination li:before { content: ""; display: none } .candidatefilter__pagination li:last-child { margin-bottom: .75rem } .candidatefilter__pagination .pagination__numbers { display: flex; gap: .5rem; justify-content: center; margin-bottom: 0; padding: 0 2.5rem } .cmp-adfslogin { margin: 9pt auto; max-width: fit-content } .redirect-banner { align-items: center; background-color: #fff; display: flex; gap: 2rem; justify-content: space-between; padding: 1.5rem 1.6%; transition: all .3s ease } @media(max-width:1023px) { .redirect-banner { align-items: start; padding: 1.25rem 4% } } .redirect-banner__content { align-items: center; display: flex; flex: 1; font-size: 20px; gap: 1rem; justify-content: space-between; line-height: 28px } @media(max-width:1023px) { .redirect-banner__content { align-items: start; flex-direction: column; font-size: 1pc; font-size: 9pt; line-height: 24px; line-height: 18px } } .redirect-banner__text { max-width: 810pt; width: 100% } @media(max-width:1023px) { .redirect-banner__text { padding-right: 2rem } .redirect-banner__button { width: 100% } } .redirect-banner__close { align-items: center; cursor: pointer; display: flex; height: 24px; justify-content: center; width: 24px } @media(max-width:1023px) { .redirect-banner__close { position: absolute; right: 4%; top: 1.2rem } } .prerequisitescomponent__title { margin-bottom: 24px } @media(max-width:1023px) { .prerequisitescomponent__title { margin-bottom: 1pc } } .prerequisitescomponent__description { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .prerequisitescomponent__description { font-size: 1pc; line-height: 24px } } .productdescriptiontexts { width: 100% } .productdescriptiontexts__content-pretitle { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin: 0 } @media(max-width:1023px) { .productdescriptiontexts__content-pretitle { font-size: 1pc; line-height: 24px } } .productdescriptiontexts__content-title { margin-bottom: 24px; margin-top: 8px } @media(max-width:1023px) { .productdescriptiontexts__content-title { margin-bottom: 1pc } } .productdescriptiontexts__content-title:last-child { margin-bottom: 24px } @media(max-width:1023px) { .productdescriptiontexts__content-title:last-child { margin-bottom: 1pc } } .productdescriptiontexts__content-description { color: var(--color-grey-600); font-size: 24px; line-height: 36px } @media(max-width:1023px) { .productdescriptiontexts__content-description { font-size: 1pc; line-height: 24px } } .productdescriptiontexts--neon .productdescriptiontexts__content-pretitle { color: var(--color-primary-500) } .productdescriptiontexts--blue .productdescriptiontexts__content-pretitle { color: var(--color-secondary-500) } .productfacts { background-color: var(--color-grey-50); border-radius: 1pc; hyphens: auto; overflow-wrap: break-word; padding: 40px } @media(max-width:1023px) { .productfacts { padding: 24px } } .productfacts__title { color: var(--color-grey-900); font-size: 24px; font-weight: 700; line-height: 36px; margin: 0 } @media(max-width:1023px) { .productfacts__title { font-size: 20px; font-weight: 700; line-height: 28px } } .productfacts__content { display: flex; flex-direction: column; margin-top: 24px } @media(max-width:1023px) { .productfacts__content { margin-top: 1pc } } .productfacts__product { display: flex; gap: 9pt; margin-bottom: 4px } @media(max-width:1023px) { .productfacts__product { gap: 8px } } .productfacts__product .svg { flex-shrink: 0; margin: 2px 0; width: 24px } @media(max-width:1023px) { .productfacts__product .svg { width: 20px } } .productfacts__product-title { font-size: 20px; font-weight: 700; line-height: 28px } @media(max-width:1023px) { .productfacts__product-title { font-size: 1pc; line-height: 24px } } .productfacts__description { color: var(--color-grey-600); font-size: 1pc; line-height: 24px; margin-left: 36px } @media(max-width:1023px) { .productfacts__description { font-size: 1pc; line-height: 24px; margin-left: 28px } } .productfacts__currency { margin-left: 36px } @media(max-width:1023px) { .productfacts__currency { margin-left: 28px } } .productfacts__currency-description { color: var(--color-grey-600); font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .productfacts__currency-description { font-size: 1pc; line-height: 24px } } .productfacts__currency-rte { color: var(--color-grey-600); font-size: 1pc; line-height: 24px } @media(max-width:1023px) { .productfacts__currency-rte { font-size: 1pc; line-height: 24px } } .productfacts__currency-rte p:first-child { display: inline } .product-card { --border-color: var(--color-grey-200); background: #fff 0 0 no-repeat padding-box; border-radius: 1pc; box-shadow: 0 0 1pc rgba(0, 0, 0, .161); display: flex; margin-top: 9pt; outline: 1px solid var(--color-grey-200); transition: outline .1s ease-in-out } @media screen and (max-width:430px) { .product-card { max-height: max-content; min-height: 394px } } @media(max-width:1023px) { .product-card { margin-top: 1pc; padding-bottom: 0; padding-right: 0 } } .product-card:active, .product-card:hover { outline: 2px solid var(--color-primary-500) } .product-card:active .product-card__image img, .product-card:hover .product-card__image img { transform: scale(1.1) } .product-card:active .product-card__arrow-icon svg, .product-card:hover .product-card__arrow-icon svg { transform: translate(4px); transition: all .15s ease-in } .product-card:active .product-card__about-link .c-lecturer__profile-link, .product-card:active .product-card__about-link .event-calendar__title-link, .product-card:active .product-card__about-link .link, .product-card:active .product-card__about-link .text--button-linkstyle .text__link, .product-card:hover .product-card__about-link .c-lecturer__profile-link, .product-card:hover .product-card__about-link .event-calendar__title-link, .product-card:hover .product-card__about-link .link, .product-card:hover .product-card__about-link .text--button-linkstyle .text__link, .text--button-linkstyle .product-card:active .product-card__about-link .text__link, .text--button-linkstyle .product-card:hover .product-card__about-link .text__link { color: var(--color-primary-500) } .product-card:active .product-card__about-link .link__icon.svg, .product-card:hover .product-card__about-link .link__icon.svg { right: -22px } .product-card:active .product-card__about-link .link__icon.svg svg, .product-card:hover .product-card__about-link .link__icon.svg svg { fill: var(--color-primary-500) } .product-card__main-content { border-left: 1pc solid var(--border-color); border-radius: 14px 0 0 14px; display: flex; flex-direction: row; padding: 0; width: 100% } @media screen and (max-width:430px) { .product-card__main-content { flex-direction: column; height: auto; min-height: max-content } } .product-card__image { height: 100%; min-height: 216px; min-width: 250px; overflow: hidden } @media screen and (max-width:430px) { .product-card__image { height: auto; max-height: 190px; min-height: 190px; overflow: hidden; width: 100% } } .product-card__image img { background-repeat: no-repeat; height: inherit; object-fit: cover; transition: transform .3s; width: 250px } @media screen and (max-width:430px) { .product-card__image img { border-top-right-radius: 1pc; height: inherit; max-height: inherit; width: 100% } } .product-card__about-link { margin-top: auto; padding-top: 6px } @media screen and (max-width:430px) { .product-card__about-link { align-self: flex-end; bottom: 0 } } .product-card__faculty { display: flex; flex-direction: column; padding: 22px 24px 22px 2pc; width: 54% } @media screen and (max-width:430px) { .product-card__faculty { height: 100%; padding: 1pc 24px 24px; width: 100% } } .product-card__faculty-degree, .product-card__faculty-location { color: var(--color-grey-600); margin: 0 } .product-card__faculty-course { color: var(--color-grey-900); font-size: 24px; font-weight: 700; line-height: 36px; line-height: 2pc !important; margin: 0 0 8px; padding: 4px 0 } @media(max-width:1023px) { .product-card__faculty-course { font-size: 20px; font-weight: 700; line-height: 28px } } @media screen and (max-width:1499px) { .product-card__faculty-course { hyphenate-limit-chars: auto 3 auto; hyphens: auto; overflow-wrap: break-word } } .product-card__faculty-location:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17790.785,23424.7a51.267,51.267,0,0,1-3.834-4.545c-2.621-3.51-3.951-6.379-3.951-8.537a8.484,8.484,0,0,1,2.705-6.367,8.593,8.593,0,0,1,11.594,0,8.5,8.5,0,0,1,2.7,6.367c0,2.158-1.328,5.027-3.949,8.537a52.043,52.043,0,0,1-3.834,4.545,1.009,1.009,0,0,1-1.434,0Zm-3.729-17.973a6.389,6.389,0,0,0-2.057,4.891c0,1.182.617,3.41,3.551,7.344,1.123,1.5,2.252,2.8,2.951,3.574,2.316-2.547,6.5-7.789,6.5-10.918a6.4,6.4,0,0,0-2.053-4.891,6.578,6.578,0,0,0-8.889,0Zm.441,4.744a4,4,0,1,1,4,4A4.012,4.012,0,0,1,17787.5,23411.473Zm2,0a2,2,0,1,0,2-2A2,2,0,0,0,17789.5,23411.473Z' transform='translate(-17779.5 -23402)'/%3E%3C/svg%3E"); display: inline-block; height: 1pc; margin-right: 4px; width: 1pc } .product-card__arrow-icon, .product-card__study-model, .product-card__time-model { display: flex; flex-direction: column; justify-content: center } .product-card__time-model { margin: 9pt 0 9pt auto; padding: 0 24px; width: 37.45% } @media(max-width:1365px) { .product-card__time-model { display: none } } .product-card__time-model-title { color: var(--color-grey-900); font-size: 20px; font-weight: 700; line-height: 28px; margin: 0; padding-bottom: 4px } @media(max-width:1023px) { .product-card__time-model-title { font-size: 1pc; line-height: 24px } } .product-card__time-model-description { color: var(--color-grey-600) } @media screen and (max-width:1499px) { .product-card__time-model-description { hyphenate-limit-chars: auto 3 auto; hyphens: auto; overflow-wrap: break-word } } @media(max-width:1023px) { .product-card__study-model { margin-left: 0 } } .product-card__chips { display: flex } @media(max-width:1023px) { .product-card__chips { margin-left: 0; margin-top: 8px } } .product-card__chips .chip:not(:first-child) { margin-left: 8px } @media(max-width:1023px) { .product-card__chips .chip:not(:first-child) { margin-left: 4px } } .product-card__arrow-icon { padding-left: 9pt; padding-right: 24px } @media screen and (max-width:430px) { .product-card__arrow-icon { display: none } } @media(max-width:1023px) { .product-card__arrow-icon { padding-left: 0 } } .product-card__arrow-icon .svg, .product-card__arrow-icon svg { fill: var(--color-primary-500); height: 24px; width: 24px } .product-card--reduced { width: 49% } @media(max-width:1023px) { .product-card--reduced { width: 100% } } .product-card--reduced .product-card__faculty { padding-right: 0; width: 100% } .product-card--reduced .product-card__faculty-location, .product-card--reduced .product-card__time-model { display: none } .product-card--purple .product-card__main-content { --border-color: var(--color-filter-purple) } .product-card--red .product-card__main-content { --border-color: var(--color-filter-red) } .product-card--light-blue .product-card__main-content { --border-color: var(--color-filter-light-blue) } .product-card--green .product-card__main-content { --border-color: var(--color-filter-green) } .product-card--dark-blue .product-card__main-content { --border-color: var(--color-filter-dark-blue) } .product-card--orange .product-card__main-content { --border-color: var(--color-filter-orange) } .product-card--blue .product-card__main-content { --border-color: var(--color-secondary-600) } .product-card--neon .product-card__main-content { --border-color: var(--color-primary-600) } .product-card--black .product-card__main-content { --border-color: var(--color-grey-900) } .product-card--grey .product-card__main-content { --border-color: var(--color-grey-600) } .product-card--yellow .product-card__main-content { --border-color: var(--color-grey-900) } .productfinder { background: #f7f7f7 0 0 no-repeat padding-box; border-radius: 1pc; padding: 5pc 4% 8pc } @media(max-width:1023px) { .productfinder { padding: 40px 4% } } .product-finder__container { display: flex; justify-content: space-between; margin-top: 40px } @media screen and (max-width:1024px) { .product-finder__container { flex-direction: column; justify-content: center } } .product-finder__filter-section { border-right: 2px solid #cdcdcd; padding-right: 20px; width: 390px } @media screen and (max-width:1024px) { .product-finder__filter-section { width: 100% } } .product-finder__filter-section-btn, .product-finder__filter-section-desktop.hidden { display: none } @media screen and (max-width:1024px) { .product-finder__filter-section-btn { display: block; margin-bottom: 40px } } .product-finder__filter-section-button { width: 100% !important } @media screen and (max-width:1024px) { .product-finder__filter-section { border: none; padding-right: 0 } } .product-finder__filter-section .modal-overlay { background-color: #f7f7f7; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100% } @media screen and (min-width:1025px) { .product-finder__filter-section .modal-overlay { display: none } } .product-finder__filter-section .modal-overlay__heading { align-items: center; display: flex; justify-content: space-between } .product-finder__filter-section .modal-overlay__heading span { fill: var(--color-grey-900) } .product-finder__filter-section .modal-overlay__close-icon { cursor: pointer } .product-finder__filter-section .modal-overlay__footer { display: flex; gap: 4px; justify-content: space-evenly; margin-top: 8px } .product-finder__filter-section .modal-overlay__footer .modal__reset, .product-finder__filter-section .modal-overlay__footer .modal__save { width: 100% !important } .product-finder__filter-section .modal-overlay.open { opacity: 1; overflow-y: scroll; padding: 40px 20px; visibility: visible; z-index: 99999 !important } .product-finder__filter-section .filter__description { display: flex } .product-finder__filter-section .filter__description-text { color: var(--color-grey-600); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 9pt; line-height: 22px } .product-finder__filter-section .filter__description-icon { margin-right: 4px } .product-finder__filter-section .filter__description-icon svg { fill: var(--color-grey-600); transform: rotate(180deg) } .product-finder__result-section { margin-left: 20px; width: 100% } @media screen and (max-width:1024px) { .product-finder__result-section { margin-left: 0 } } .product-finder__search { display: flex; margin-bottom: 3pc; position: relative } @media screen and (max-width:1024px) { .product-finder__search { margin-bottom: 40px } } .product-finder__search form { width: 100% } .product-finder__search input { border: 2px solid #cdcdcd; border-radius: 28px; box-shadow: 0 0 1pc hsla(0, 0%, 6%, .078); font-size: 20px; height: 56px; line-height: 28px; padding-left: 20px; width: 100% } .product-finder__search input::placeholder { color: #cdcdcd; font-size: 20px; line-height: 28px; text-align: center } @media screen and (max-width:430px) { .product-finder__search input::placeholder { font-size: 1pc } } @media screen and (max-width:430px) { .product-finder__search input { font-size: 1pc } } .product-finder__search-icon { background-color: #00c6b2; border: none; border-radius: 50%; cursor: pointer; height: 55px; position: absolute; right: 0; width: 55px } .product-finder__search-icon svg { fill: #fff; width: 24px } .product-finder__degree-type-btn { display: flex; flex-wrap: wrap; margin-bottom: 24px; row-gap: 1pc } @media screen and (max-width:1024px) { .product-finder__degree-type-btn { display: none } } .product-finder__degree-type-btn .degree__radio-button { display: none } .product-finder__degree-type-btn .degree__radio-label { background-color: var(--color-white); border: 2px solid var(--color-grey-200); border-radius: 28px; color: var(--color-grey-900); cursor: pointer; display: inline; font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; height: 58px; line-height: 28px; margin-right: 8px; min-width: 180px; padding: 14px 20px; text-align: center; transition: background-color .3s, color .3s } .product-finder__degree-type-btn .degree__radio-label:hover { background-color: #f5f5f5 } .product-finder__degree-type-btn .degree__radio-label.checked { background-color: var(--color-grey-200) !important } .product-finder__title { margin-bottom: 0 } .product-finder__title-link { margin: 0 } .product-finder__sub-title { color: var(--color-grey-600); font-size: 24px; line-height: 36px; margin-top: 24px } @media screen and (max-width:430px) { .product-finder__sub-title { line-height: 24px !important; margin-top: 1pc !important } } @media(max-width:1023px) { .product-finder__sub-title { font-size: 1pc; line-height: 36px; margin-top: 8px } } .product-finder__filters { display: flex; flex-direction: column; margin-bottom: 9pt } @media(max-width:1023px) { .product-finder__filters { margin-top: 1pc } } .product-finder__filter { flex-basis: 0; flex-grow: 1; min-width: 340px } .product-finder__filter:last-child { margin-right: 0 } @media screen and (min-width:1024px) { .product-finder__filter:first-child { display: none } } @media(max-width:1023px) { .product-finder__filter { margin-bottom: 8px; margin-right: 0; width: 100% } } .product-finder__active-filters { align-items: baseline; align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 40px } @media(max-width:1023px) { .product-finder__active-filters { margin-bottom: 24px } } .product-finder__active-filters-clipboard, .product-finder__active-filters-reset { color: var(--color-primary-500); font-size: 20px; line-height: 28px; margin-left: auto; margin-top: 9pt; padding: 0 } @media(max-width:1023px) { .product-finder__active-filters-clipboard, .product-finder__active-filters-reset { font-size: 1pc; line-height: 24px } } .product-finder__active-filters .chip--purple { border: 1px solid var(--color-option-purple) } .product-finder__active-filters .chip--dark-blue { border: 1px solid var(--color-option-blue) } .product-finder__active-filters .chip--light-blue { border: 1px solid var(--color-option-light-blue) } .product-finder__active-filters .chip--green { border: 1px solid var(--color-option-green) } .product-finder__active-filters .chip--red { border: 1px solid var(--color-option-red) } .product-finder__active-filters .chip--orange { border: 1px solid var(--color-option-orange) } .product-finder__results-number { font-size: 20px; font-weight: 700; line-height: 28px; margin-top: 40px } @media(max-width:1023px) { .product-finder__results-number { font-size: 1pc; line-height: 24px; margin-bottom: 1pc; margin-top: 9pt } } .product-finder__results { margin-top: 24px; min-height: 90pt; position: relative } @media(max-width:1023px) { .product-finder__results { margin-top: 1pc; min-height: 5pc; padding-top: 0 } } .product-finder__results--reduced { display: flex; flex-wrap: wrap; justify-content: space-between } .product-finder__no-results { padding: 40px 0 5pc; text-align: center; width: 100% } @media(max-width:1023px) { .product-finder__no-results { padding: 1pc 0 40px } } .product-finder__no-results-icon { height: 36px; margin-bottom: 4px; width: 36px } @media(max-width:1023px) { .product-finder__no-results-icon { height: 22px; width: 22px } } .product-finder__no-results-message { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .product-finder__no-results-message { font-size: 1pc; line-height: 24px } } .product-finder__footer { display: flex; justify-content: center; margin-top: 40px } @media(max-width:1023px) { .product-finder__footer { margin-top: 24px } } .text--button-linkstyle [class*="--blue"] .product-finder__title-link .text__link:hover, [class*="--blue"] .product-finder__active-filters-reset, [class*="--blue"] .product-finder__title-link .c-lecturer__profile-link:hover, [class*="--blue"] .product-finder__title-link .event-calendar__title-link:hover, [class*="--blue"] .product-finder__title-link .link:hover, [class*="--blue"] .product-finder__title-link .text--button-linkstyle .text__link:hover { color: var(--color-secondary-500) } .text--button-linkstyle [class*="--blue"] .product-finder__title-link .text__link:active, [class*="--blue"] .product-finder__title-link .c-lecturer__profile-link:active, [class*="--blue"] .product-finder__title-link .event-calendar__title-link:active, [class*="--blue"] .product-finder__title-link .link:active, [class*="--blue"] .product-finder__title-link .text--button-linkstyle .text__link:active { color: var(--color-secondary-600) } .chip { white-space: nowrap } .product-finder__filters .dropdown__field { border: none; border-bottom: 2px solid var(--color-grey-200) !important; border-radius: 0; margin-top: 0; padding-left: 0; padding-right: 0 } .product-finder__filters .dropdown__field--active { border-bottom: none !important } .product-finder__filters .dropdown__menu { background-color: inherit; border-bottom: 2px solid var(--color-grey-200) !important; border-radius: 0 !important; box-shadow: none !important; margin-top: 0; padding-bottom: 4px; padding-top: 0; position: relative !important; z-index: auto !important } .product-finder__filters .dropdown__options { max-height: max-content } .product-finder__filters .dropdown__option { align-items: center; align-self: flex-start; display: flex; flex-direction: row-reverse; justify-content: flex-end; padding: 8px 0; position: relative; transition: all .15s ease-in; width: 100% } .product-finder__filters .dropdown__option:first-child { padding-top: 0 } .product-finder__filters .dropdown__option.disable { pointer-events: none } .product-finder__filters .dropdown__option.disable .dropdown__option-text { color: var(--color-grey-200) } .product-finder__filters .dropdown__option.disable .dropdown__option-mark { border: 2px solid var(--color-grey-100) } .product-finder__filters .dropdown__option:hover { background-color: var(--color-grey-100) } .product-finder__filters .dropdown__option:hover:first-child, .product-finder__filters .dropdown__option:hover:last-child { border-radius: 0 !important } .product-finder__filters .dropdown__option:hover:after { background-color: transparent } .product-finder__filters .dropdown__option:active { background-color: var(--color-grey-100) } .product-finder__filters .dropdown__option:after { display: none } .product-finder__filters .dropdown__option:last-child:after { content: none } .product-finder__filters .dropdown__option-text { color: var(--color-grey-900); font-size: 20px; line-height: 28px; margin-left: 1pc; white-space: normal; width: calc(100% - 3pc) } @media(max-width:1023px) { .product-finder__filters .dropdown__option-text { font-size: 1pc; line-height: 24px } } .product-finder__filters .dropdown__option-text[data-color=purple]:before { border: 3px solid var(--color-option-purple); border-radius: 6px; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: bottom } .product-finder__filters .dropdown__option-text[data-color=dark-blue]:before { border: 3px solid var(--color-option-blue); border-radius: 6px; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: bottom } .product-finder__filters .dropdown__option-text[data-color=light-blue]:before { border: 3px solid var(--color-option-light-blue); border-radius: 6px; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: bottom } .product-finder__filters .dropdown__option-text[data-color=green]:before { border: 3px solid var(--color-option-green); border-radius: 6px; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: bottom } .product-finder__filters .dropdown__option-text[data-color=red]:before { border: 3px solid var(--color-option-red); border-radius: 6px; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: bottom } .product-finder__filters .dropdown__option-text[data-color=orange]:before { border: 3px solid var(--color-option-orange); border-radius: 6px; content: ""; display: inline-block; height: 24px; margin-right: 8px; vertical-align: bottom } .product-finder__filters .dropdown__option input:checked~.dropdown__option-mark { background-color: var(--color-primary-500); border: transparent } .product-finder__filters .dropdown__option-mark { background-color: var(--color-white); border: 2px solid var(--color-grey-200); border-radius: 8px; box-shadow: 0 0 1pc hsla(0, 0%, 7%, .078); height: 2pc; justify-content: center; left: 0; opacity: 1; position: relative; top: 0; width: 2pc } .product-finder__filters .dropdown__option-mark svg { fill: var(--color-white); align-self: center; height: 24px; width: 24px } @media(max-width:1023px) { .product-finder__filters .dropdown__option-mark svg { height: 20px; width: 20px } } .product-finder__filters .dropdown__option-radio-mark { background-color: var(--color-white); border: 2px solid var(--color-grey-200); border-radius: 50%; box-shadow: 0 0 1pc hsla(0, 0%, 7%, .078); height: 2pc; justify-content: center; left: 0; opacity: 1; position: relative; top: 0; width: 2pc } .product-finder__filters .dropdown__option input { cursor: pointer; height: 0; opacity: 0; position: absolute; width: 0 } .product-finder__filters .dropdown__option input:checked~.dropdown__option-radio-mark { border: 2px solid var(--color-primary-500); padding-inline: 2px } .product-finder__filters .dropdown__option input:checked~.dropdown__option-radio-mark .radio-button-icon { background-color: var(--color-primary-500); border-radius: 50%; display: inline-block; height: 1pc; left: 22%; position: absolute; top: 22%; width: 1pc } .product-finder__filters .dropdown__arrow--rotated { padding-left: 8px !important; transform: rotate(90deg) !important } .product-finder__filters .dropdown__search { padding: 4px 0 18px } .product-finder__filters .dropdown__search input::placeholder { color: var(--color-grey-200) } .product-finder__filters .dropdown__search svg { fill: var(--color-grey-200); right: 30px; top: 22px } .product-finder__filters .dropdown__selected-option { color: var(--color-grey-900); font-size: 24px; line-height: 28px; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; width: 100% } .product-finder__filters .dropdown__selected-option .filter__description-icon { margin-left: 4px; position: absolute; top: 4px } .product-finder__filters .dropdown__selected-option .filter__description-icon svg { transform: rotate(180deg) } .component { padding: 0 !important } .productheader { align-items: center; background: var(--color-primary-500); height: 50pc; overflow: hidden; padding-top: 41.666666%; position: relative; text-align: center; width: 100% } @media(max-width:1023px) { .productheader { height: auto; min-height: 570px; padding-top: 72% } } .productheader--left { align-items: normal; text-align: left } .productheader__overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-grey-900) 100%); opacity: .32; z-index: 10 } .productheader__content, .productheader__overlay { display: flex; height: 100%; inset: 0; position: absolute; width: 100% } .productheader__content { align-items: inherit; flex-direction: column; justify-content: center; padding: 0 16%; text-align: inherit; z-index: 500 } @media(max-width:1023px) { .productheader__content { padding: 0 4% } } .productheader__content--left { justify-content: end; padding: 0 4% 260px 20% } @media(max-width:1023px) { .productheader__content--left { justify-content: start; padding: 28.53% 4% 0; text-align: left } } .productheader__content--left p:last-child { padding-bottom: 2pc } .productheader__title { color: var(--color-white); margin: 0; text-align: inherit; width: 100% } .productheader__subtitle { color: var(--color-white); font-size: 42px; line-height: 3pc; margin: 1pc 0 2pc; text-align: inherit } @media(max-width:1023px) { .productheader__subtitle { font-size: 20px; line-height: 28px; margin: 8px 0 1pc } } .productheader__chips { display: flex; gap: 8px } .productheader__chip { background: var(--color-primary-50); border-radius: 1pc; color: var(--color-primary-600); font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; padding: 8px 9pt; text-transform: capitalize } @media(max-width:1023px) { .productheader__chip { font-size: 9pt; font-weight: 700; line-height: 18px; padding: 4px 8px } } .productheader__chip:before { content: none } .productheader__chip:last-child { margin-bottom: 0 } .productheader__chip--blue { background: var(--color-secondary-50); color: var(--color-secondary-500) } .productheader--blue { background: var(--color-secondary-500) } @media(max-width:1023px) { .productheader--with-image { height: auto; min-height: 570px; padding-top: 72% } } @media(max-width:430px) { .productheader--with-image { height: auto; min-height: 375px; padding-top: 0 } } .productheader--with-image .productheader__overlay { display: none !important } .productheader--with-image .productheader__media-overlay { background: transparent linear-gradient(180deg, transparent 0, var(--color-primary-500) 100%); display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 400 } @media(max-width:1023px) { .productheader--with-image .productheader__media-overlay { height: 570px } } @media(max-width:430px) { .productheader--with-image .productheader__media-overlay { height: 375px } } .productheader--with-image .productheader__image { display: flex; height: 100%; inset: 0; position: absolute; width: 100%; z-index: 100 } .productheader--with-image .productheader__image img { height: 100%; object-fit: cover; object-position: center top; width: 100% } @media(max-width:1023px) { .productheader--with-image .productheader__image img { height: 570px } } @media(max-width:430px) { .productheader--with-image .productheader__image img { height: 375px } } @media(max-width:1023px) { .productheader--with-image .productheader__content { justify-content: start; padding-top: 28.53% } } @media(max-width:430px) { .productheader--with-image .productheader__content { justify-content: center; padding-top: 0 } } .productinstanceinfo { padding: 0 4%; position: relative } @media(max-width:1023px) { .productinstanceinfo { padding: 0 4% } } .product-instance-info { border-bottom: 2px solid var(--color-grey-100); border-top: 2px solid var(--color-grey-100); padding: 8pc 0 } @media(max-width:1023px) { .product-instance-info { padding: 40px 0 } } .product-instance-info__pretitle { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin-bottom: 8px; text-align: center } @media(max-width:1023px) { .product-instance-info__pretitle { font-size: 1pc; line-height: 24px } } .product-instance-info__title { margin: 0 0 40px; text-align: center } @media(max-width:1023px) { .product-instance-info__title { margin-bottom: 24px } } .product-instance-info__filters { display: flex; justify-content: center } @media(max-width:1023px) { .product-instance-info__filters { flex-direction: column } } .product-instance-info__filter { margin-right: 1pc; min-width: 20pc } .product-instance-info__filter:last-child { margin-right: 0 } @media(max-width:1023px) { .product-instance-info__filter { margin-right: 0; width: 100% } } .product-instance-info__column-pretitle { color: var(--color-primary-500); font-size: 24px; line-height: 36px; margin-bottom: 8px; text-align: center } @media(max-width:1023px) { .product-instance-info__column-pretitle { font-size: 1pc; line-height: 24px } } .product-instance-info__column-title { margin: 0 0 40px; text-align: center } @media(max-width:1023px) { .product-instance-info__column-title { margin-bottom: 24px } } .product-instance-info__summertime-column, .product-instance-info__wintertime-column { width: calc(50% - 20px) } @media(max-width:1023px) { .product-instance-info__summertime-column, .product-instance-info__wintertime-column { width: 100% } .product-instance-info__wintertime-column { margin-top: 9pt } } .product-instance-info__results { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 24px; position: relative } @media(max-width:1023px) { .product-instance-info__results { flex-direction: column; margin-top: 8px } } .product-instance-info__results-column { display: flex; flex-direction: column; width: calc(50% - 20px) } .product-instance-info__results-column:nth-child(odd) { margin-right: 40px } @media(max-width:1023px) { .product-instance-info__results-column:nth-child(odd) { margin-right: 0 } .product-instance-info__results-column { width: 100% } } .product-instance-info__no-results { padding: 40px 0 5pc; text-align: center; width: 100% } @media(max-width:1023px) { .product-instance-info__no-results { padding: 1pc 0 40px } } .product-instance-info__no-results-icon { height: 36px; margin-bottom: 4px; width: 36px } @media(max-width:1023px) { .product-instance-info__no-results-icon { height: 22px; width: 22px } } .product-instance-info__no-results-message { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .product-instance-info__no-results-message { font-size: 1pc; line-height: 24px } } .product-instance-info .dropdown__field { box-shadow: 0 0 1pc hsla(0, 0%, 6%, .078); margin-top: 0 } [class*="--blue"] .product-instance-info__pretitle { color: var(--color-secondary-500) } .product-instance-card { border-bottom: 2px solid var(--color-grey-100); display: flex; flex-direction: column; padding: 1pc 0; width: 100% } @media(max-width:1023px) { .product-instance-card { padding: 8px 0 } } .product-instance-card__main { border-left: 4px solid var(--color-grey-200); cursor: pointer; display: flex; padding: 9pt 9pt 9pt 1pc; width: 100% } @media(max-width:1023px) { .product-instance-card__main { padding: 8px 8px 8px 1pc } } .product-instance-card__info { display: flex; flex-direction: column; width: 100% } .product-instance-card__info-pretitle { color: var(--color-grey-600); font-size: 1pc; line-height: 24px; margin-bottom: 4px } @media(max-width:1023px) { .product-instance-card__info-pretitle { font-size: 1pc; line-height: 24px } } .product-instance-card__info-title { font-size: 24px; font-weight: 700; line-height: 36px; margin: 0 } @media(max-width:1023px) { .product-instance-card__info-title { font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 8px } } .product-instance-card__chips { align-items: center; display: flex; justify-content: center; margin-left: 24px } @media(max-width:1023px) { .product-instance-card__chips { justify-content: left; margin-left: 0 } } .product-instance-card__chips .chip { margin: 0 } .product-instance-card__arrow-icon { align-items: center; display: flex; justify-content: center; margin-left: 24px } .product-instance-card__arrow-icon .svg, .product-instance-card__arrow-icon svg { height: 24px; transition: all .15s ease-in; width: 24px } .product-instance-card__schedules { padding: 0 40px } .product-instance-card__schedule { border-bottom: 2px solid var(--color-grey-100); padding: 26px 0 } @media(max-width:1023px) { .product-instance-card__schedule { padding: 24px 0 } } .product-instance-card__schedule:first-child { padding-top: 1pc } @media(max-width:1023px) { .product-instance-card__schedule:first-child { padding-top: 8px } } .product-instance-card__schedule:last-child { border-bottom: none; padding-bottom: 10px } @media(max-width:1023px) { .product-instance-card__schedule:last-child { padding-bottom: 1pc } } .product-instance-card__schedule-label { font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 1pc } @media(max-width:1023px) { .product-instance-card__schedule-label { font-size: 1pc; line-height: 24px } } .product-instance-card__schedule-title { display: flex; font-size: 20px; line-height: 28px; margin-bottom: 4px } @media(max-width:1023px) { .product-instance-card__schedule-title { font-size: 1pc; line-height: 24px } } .product-instance-card__schedule-title-icon { flex-shrink: 0; height: 24px; margin-right: 9pt; margin-top: 2px; width: 24px } @media(max-width:1023px) { .product-instance-card__schedule-title-icon { height: 20px; margin-right: 8px; width: 20px } } .product-instance-card__schedule-description-box { display: flex } .product-instance-card__schedule-description-box #schedule-description { color: var(--color-grey-900); padding-left: 0 } .product-instance-card__schedule-description-box p { display: flex; font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 4px } @media(max-width:1023px) { .product-instance-card__schedule-description-box p { font-size: 1pc; line-height: 24px } } .product-instance-card__schedule-description { color: var(--color-grey-600); font-size: 1pc; line-height: 24px; margin-bottom: 1pc; padding-left: 36px } @media(max-width:1023px) { .product-instance-card__schedule-description { font-size: 1pc; line-height: 24px } } .product-instance-card__schedule-description-icon { flex-shrink: 0; height: 24px; margin-right: 9pt; margin-top: 2px; vertical-align: text-bottom; width: 24px } @media(max-width:1023px) { .product-instance-card__schedule-description-icon { height: 20px; margin-right: 8px; width: 20px } } .product-instance-card__schedule-info { color: var(--color-grey-600); display: flex; font-size: 14px; line-height: 20px; margin-bottom: 0; padding-left: 36px } .product-instance-card__schedule-info-icon { fill: var(--color-grey-600); flex-shrink: 0; height: 20px; margin-right: 8px; width: 20px } @media(max-width:1023px) { .product-instance-card__schedule-info-icon { height: 1pc; margin-right: 4px; width: 1pc } } .product-instance-card__schedule-image { margin-left: 36px; padding-top: 4px; width: 190px } .product-instance-card__schedule-image img { background-repeat: no-repeat; background-size: cover; height: 100%; width: 100% } .product-instance-card--expanded .product-instance-card__arrow-icon svg { transform: scaleY(-1) } .product-instance-card--blue .product-instance-card__main { border-color: var(--color-secondary-500) } .product-instance-card--neon .product-instance-card__main { border-color: var(--color-primary-500) } .productstudycost { margin: 8pc 0; padding: 0 4% } @media(max-width:1023px) { .productstudycost { margin: 40px 0 } } .productstudycost__title { margin: 0; padding-bottom: 24px } @media(max-width:1023px) { .productstudycost__title { padding-bottom: 1pc } } .productstudycost__list { list-style: disc; margin: 0; padding-left: 36px } @media(max-width:1023px) { .productstudycost__list { padding-left: 24px } } .productstudycost__list-item { color: var(--color-grey-600); margin-bottom: 1pc; margin-left: 8px } @media(max-width:1023px) { .productstudycost__list-item { margin-bottom: 9pt } } .productstudycost__list-item:before { content: none } .productstudycost__list-item-type { font-size: 24px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .productstudycost__list-item-type { font-size: 20px; font-weight: 700; line-height: 28px } } .productstudycost__list-item-type:after { content: ":"; padding-left: 2px } .productstudycost__list-item-currency, .productstudycost__list-item-description, .productstudycost__list-item-price { font-size: 24px; line-height: 36px } @media(max-width:1023px) { .productstudycost__list-item-currency, .productstudycost__list-item-description, .productstudycost__list-item-price { font-size: 1pc; line-height: 24px } } .productstudycost__list-item-currency p:first-child, .productstudycost__list-item-description p:first-child, .productstudycost__list-item-price p:first-child { display: inline } .productstudycost__button { margin: 40px 0; white-space: normal } @media(max-width:1023px) { .productstudycost__button { margin: 24px 0 } } .productstudycost__remark { color: var(--color-grey-600) } .alert { margin-bottom: 10px; padding: 10px } .alert-primary { background-color: var(--color-forms-editor-alert-primary) } .alert-warning { background-color: var(--color-forms-editor-alert-warning) } .alert-danger { background-color: var(--color-forms-editor-alert-danger) } .checkbox { hyphens: auto; overflow-wrap: break-word } .checkbox__form { display: flex; flex-wrap: wrap; gap: 24px 40px; margin: 1pc 0 } @media(max-width:1023px) { .checkbox__form { flex-direction: column; gap: 1pc } } .checkbox__content-input { appearance: none; background-color: var(--color-white); border: 2px solid var(--color-grey-200); border-radius: 8px; box-shadow: 0 0 1pc rgba(var(--color-grey-900-rgb), .14); cursor: pointer; flex-shrink: 0; height: 2pc; margin: 0 1pc 0 0; transition: all .15s ease-in; vertical-align: middle; width: 2pc } @media(max-width:1023px) { .checkbox__content-input { height: 24px; margin-right: 9pt; width: 24px } } .checkbox__content-input:hover { border: 2px solid var(--color-grey-900) } .checkbox__content-input:enabled:active { background-color: var(--color-grey-50) } .checkbox__content-input:checked:before { display: inline-block; height: 18px; padding: 4px; width: 20px } @media(max-width:1023px) { .checkbox__content-input:checked:before { height: 9pt; padding: 3px; width: 14px } } .checkbox__content-input:disabled { border-color: var(--color-grey-100); cursor: not-allowed } .checkbox__content-label { align-items: center; display: flex; font-size: 20px; line-height: 28px; width: fit-content } @media(max-width:1023px) { .checkbox__content-label { font-size: 1pc; line-height: 24px } } .checkbox__content-label:has(input[disabled]) { color: var(--color-grey-200) } .checkbox__label-text { display: inline-block; font-size: 20px; line-height: 28px } @media(max-width:1023px) { .checkbox__label-text { font-size: 1pc; line-height: 24px } } .checkbox--disabled .form__helper-text { color: var(--color-grey-200) } .checkbox__content-input:checked { background-color: var(--color-primary-500); border-color: var(--color-primary-500) } .checkbox__content-input:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .checkbox__content-input:checked:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600) } @media(max-width:1023px) { .checkbox__content-input:checked:hover { background-color: var(--color-primary-500); border-color: var(--color-primary-500) } } .checkbox__content-input:checked:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .checkbox__content-input:checked:enabled:active { background: none; border-color: var(--color-primary-700) } .checkbox__content-input:checked:enabled:active:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .checkbox__content-input:disabled:checked { background-color: var(--color-primary-200); border-color: var(--color-primary-200) } .checkbox__content-input:disabled:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--neon .checkbox__content-input:checked { background-color: var(--color-primary-500); border-color: var(--color-primary-500) } .formreference--neon .checkbox__content-input:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--neon .checkbox__content-input:checked:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600) } @media(max-width:1023px) { .formreference--neon .checkbox__content-input:checked:hover { background-color: var(--color-primary-500); border-color: var(--color-primary-500) } } .formreference--neon .checkbox__content-input:checked:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--neon .checkbox__content-input:checked:enabled:active { background: none; border-color: var(--color-primary-700) } .formreference--neon .checkbox__content-input:checked:enabled:active:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--neon .checkbox__content-input:disabled:checked { background-color: var(--color-primary-200); border-color: var(--color-primary-200) } .formreference--neon .checkbox__content-input:disabled:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--blue .checkbox__content-input:checked { background-color: var(--color-secondary-500); border-color: var(--color-secondary-500) } .formreference--blue .checkbox__content-input:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--blue .checkbox__content-input:checked:hover { background-color: var(--color-secondary-600); border-color: var(--color-secondary-600) } @media(max-width:1023px) { .formreference--blue .checkbox__content-input:checked:hover { background-color: var(--color-secondary-500); border-color: var(--color-secondary-500) } } .formreference--blue .checkbox__content-input:checked:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--blue .checkbox__content-input:checked:enabled:active { background-color: var(--color-secondary-700); border-color: var(--color-secondary-700) } .formreference--blue .checkbox__content-input:checked:enabled:active:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .formreference--blue .checkbox__content-input:disabled:checked { background-color: var(--color-secondary-200); border-color: var(--color-secondary-200) } .formreference--blue .checkbox__content-input:disabled:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .dropdown { display: flex; flex-direction: column; position: relative } .dropdown .component-container { margin-bottom: 40px } @media(max-width:1023px) { .dropdown .component-container { margin-bottom: 24px } } .dropdown__label { font-size: 20px; line-height: 28px; margin-bottom: 8px } @media(max-width:1023px) { .dropdown__label { font-size: 1pc; line-height: 24px } } .dropdown .author-select { position: relative } .dropdown .author-select:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath id='Icon' class='cls-2' d='M1,22a1,1,0,0,1-.707-1.707L9.586,11,.293,1.707A1,1,0,0,1,1.707.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,1,22Z' transform='translate(23 6) rotate(90)'/%3E%3C/svg%3E"); height: 1pc; position: absolute; right: 30px; top: 20px; width: 1pc } .dropdown .author-select select { appearance: none } .dropdown select, .dropdown__field { border: 2px solid var(--color-grey-200); border-radius: 28px; cursor: pointer; display: flex; flex-direction: row; font-size: 20px; height: 58px; line-height: 28px; margin-top: 8px; padding: 14px 22px; position: relative; width: 100% } @media(max-width:1023px) { .dropdown select, .dropdown__field { font-size: 1pc; line-height: 24px } } .dropdown select::placeholder, .dropdown__field::placeholder { color: var(--color-grey-600); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 28px; position: absolute } @media(max-width:1023px) { .dropdown select::placeholder, .dropdown__field::placeholder { font-size: 1pc; line-height: 24px } } .dropdown select:disabled, .dropdown__field:disabled { border-color: var(--color-grey-200) } .dropdown select:disabled::placeholder, .dropdown__field:disabled::placeholder { color: var(--color-grey-200) } .dropdown select:disabled:hover, .dropdown__field:disabled:hover { border-color: var(--color-grey-200) } .dropdown select:hover, .dropdown__field:hover { border-color: var(--color-grey-900) } .dropdown select:active, .dropdown__field:active { background-color: var(--color-grey-50) } .dropdown select:focus-visible, .dropdown__field:focus-visible { background-color: transparent; outline-color: var(--color-grey-900) } .dropdown select--active, .dropdown__field--active { border-color: var(--color-grey-900) } .dropdown__arrow { align-items: center; display: flex; margin-left: 8px } .dropdown__arrow--rotated { transform: rotate(180deg) } .dropdown__selected-option { color: var(--color-grey-600); line-height: 26px; overflow: hidden; text-overflow: ellipsis; width: 100% } .dropdown__menu { background-color: var(--color-white); border-radius: 1pc; box-shadow: 0 0 24px hsla(0, 0%, 6%, .161); left: 0; margin-top: 8px; min-width: 100%; overflow: hidden; padding: 4px; position: absolute; top: 100%; z-index: 2000 } .dropdown__menu--up { bottom: calc(100% + 8px); top: auto } .dropdown__menu--left { left: auto; right: 0 } .dropdown__search { display: flex; flex-direction: column; padding: 28px; position: relative } .dropdown__search input { background-color: var(--color-white); border: 2px solid var(--color-grey-200); border-radius: 28px; box-shadow: 0 0 1pc hsla(0, 0%, 6%, .078); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; height: 52px; line-height: 28px; outline: 0; padding: 0 24px; width: 100% } @media(max-width:1023px) { .dropdown__search input { font-size: 1pc; line-height: 24px } } .dropdown__search svg { position: absolute; right: 3pc; top: 46px } .dropdown__search-notification { margin-top: 24px; text-align: center } .dropdown__search-notification:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 22.001 22.001'%3E%3Cpath d='M7080.294,10268.706l-5.679-5.677a9.014,9.014,0,1,1,1.415-1.415l5.677,5.68a1,1,0,1,1-1.413,1.412ZM7062,10256a7,7,0,1,0,7-7A7.01,7.01,0,0,0,7062,10256Z' transform='translate(-7059.999 -10246.999)' /%3E%3C/svg%3E") } @media(max-width:1023px) { .dropdown__search-notification:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 22.001 22.001'%3E%3Cpath d='M7080.294,10268.706l-5.679-5.677a9.014,9.014,0,1,1,1.415-1.415l5.677,5.68a1,1,0,1,1-1.413,1.412ZM7062,10256a7,7,0,1,0,7-7A7.01,7.01,0,0,0,7062,10256Z' transform='translate(-7059.999 -10246.999)' /%3E%3C/svg%3E") } } .dropdown__search-notification:after { margin-bottom: 8px } .dropdown__options { display: flex; flex-direction: column; max-height: 360px; overflow-y: auto } @media(max-width:1023px) { .dropdown__options { max-height: 15pc } } .dropdown__category { background-color: var(--color-white); color: var(--color-grey-900); display: flex; flex-direction: row; font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 8px; margin-top: 24px; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; position: sticky; text-align: center; top: 0; width: 100%; z-index: 1000 } @media(max-width:1023px) { .dropdown__category { font-size: 1pc; line-height: 24px } } .dropdown__category:after, .dropdown__category:before { border-bottom: 1px solid var(--color-grey-900); content: ""; flex: 1 1; margin: 13px 9pt } .dropdown__option { align-items: center; display: flex; justify-content: space-between; padding: 1pc 24px; position: relative; transition: all .15s ease-in } @media(max-width:1023px) { .dropdown__option { padding: 9pt 1pc } } .dropdown__option:hover { background-color: var(--color-grey-100) } .dropdown__options--rounded-top .dropdown__option:hover:first-child { border-top-left-radius: 9pt; border-top-right-radius: 9pt } .dropdown__options--rounded-bottom .dropdown__option:hover:last-child { border-bottom-left-radius: 9pt; border-bottom-right-radius: 9pt } .dropdown__option:hover:after { background-color: transparent } .dropdown__option:active, .dropdown__option:after { background-color: var(--color-grey-100) } .dropdown__option:after { content: ""; display: block; height: 1px; left: 24px; position: absolute; right: 24px; top: 100% } .dropdown__option:last-child:after { content: none } .dropdown__option-text { color: var(--color-grey-900); font-size: 20px; line-height: 28px } @media(max-width:1023px) { .dropdown__option-text { font-size: 1pc; line-height: 24px } } .dropdown__option-mark { display: flex } .dropdown__option-mark svg { fill: var(--color-primary-500); align-self: center; height: 24px; width: 24px } @media(max-width:1023px) { .dropdown__option-mark svg { height: 20px; width: 20px } } .dropdown--disabled .helper-text, .dropdown--disabled label { color: var(--color-grey-200) } .dropdown:has(.dropdown--disabled) { pointer-events: none } .dropdown--error .dropdown__field { border-color: var(--color-error) } .dropdown .form__helper-text { margin-top: 8px } .dropdown.input-error .dropdown__label:active { color: var(--color-error) } .dropdown__footer { display: flex; justify-content: space-evenly; margin-top: 8px } .dropdown__footer:before { background-color: var(--color-grey-900); content: ""; height: 1px; left: 24px; position: absolute; right: 24px } .dropdown__reset, .dropdown__save { color: var(--color-primary-500); font-size: 20px; font-weight: 700; line-height: 28px; margin-top: 9pt; padding: 1pc 24px } @media(max-width:1023px) { .dropdown__reset, .dropdown__save { font-size: 1pc; line-height: 24px; margin-top: 8px } } .dropdown__reset:disabled, .dropdown__save:disabled { color: var(--color-primary-200); cursor: not-allowed } .dropdown .invalid-feedback { margin: 8px 0 0 } .dropdown.input-error .dropdown__field { border-color: var(--color-error) } .dropdown input[type=search], .dropdown input[type=search]:hover { border: 2px solid var(--color-grey-200) } .dropdown input[type=search]::-webkit-search-cancel-button, .dropdown input[type=search]::-webkit-search-decoration, .dropdown input[type=search]::-webkit-search-results-button, .dropdown input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none } .dropdown--disabled { pointer-events: none } .dropdown--disabled .form__helper-text { color: var(--color-grey-200) } .dropdown--disabled .dropdown__field { border-color: var(--color-grey-100) } .dropdown--disabled .dropdown__selected-option { color: var(--color-grey-200) } .dropdown--disabled .dropdown__arrow { fill: var(--color-grey-200) } .formreference--blue .dropdown__reset, .formreference--blue .dropdown__save, [class*="--blue"] .dropdown__reset, [class*="--blue"] .dropdown__save { color: var(--color-secondary-500) } .formreference--blue .dropdown__reset:disabled, .formreference--blue .dropdown__save:disabled, [class*="--blue"] .dropdown__reset:disabled, [class*="--blue"] .dropdown__save:disabled { color: var(--color-secondary-200); cursor: not-allowed } .formreference--blue .dropdown__option-mark svg, [class*="--blue"] .dropdown__option-mark svg { fill: var(--color-secondary-500) } .dropdown__label-error { color: var(--color-error) } .addressautocomplete { font-size: 20px; line-height: 28px; margin-bottom: 40px } @media(max-width:1023px) { .addressautocomplete { font-size: 1pc; line-height: 24px; margin-bottom: 24px } } .addressautocomplete .address-autocomplete { position: relative } .addressautocomplete .address-autocomplete__option:first-of-type { border-top-left-radius: 1pc } .addressautocomplete .address-autocomplete__option:last-of-type { border-bottom-left-radius: 1pc } .addressautocomplete .address-autocomplete__option:only-child { border-radius: 1pc } .addressautocomplete .address-autocomplete .form__helper-text { margin-bottom: 0 } .file-upload { margin: 40px 0 } @media(max-width:1023px) { .file-upload { margin: 24px 0 } } .file-upload__button { width: fit-content } .file-upload__input { display: none } .file-upload__list { display: flex; flex-direction: column; gap: 9pt; list-style: none; padding: 40px 0 0 } @media(max-width:1023px) { .file-upload__list { padding: 2pc 0 0 } } .file-upload__list li { margin: 0 } .file-upload__list li:before { content: ""; display: none } .file-upload__list li p { margin-bottom: 0 } .file-upload__list button { background-color: transparent; border: none; cursor: pointer; height: fit-content } .file-upload__list svg { height: 22px; width: 20px } .file-upload__item { align-items: center; display: flex; gap: 20px; justify-content: flex-start } .file-upload__label { border: 2px solid var(--color-grey-200); border-radius: 28px; overflow: hidden; padding: 1pc 24px; text-overflow: ellipsis; white-space: nowrap; width: calc(50% - 52px) } @media(max-width:1023px) { .file-upload__label { width: 100% } } .file-upload__label--over { border: 2px solid var(--color-red) } .file-upload__warning { align-items: center; color: var(--color-red); display: flex; font-size: 14px; gap: 4px; justify-content: flex-start; line-height: 20px; padding-top: 8px } .file-upload__warning svg { height: 18px !important; width: 14px !important } .file-upload__remove:hover>.svg g { fill: var(--color-primary-600) } .multiproductselector { margin: 40px 0 } @media(max-width:1023px) { .multiproductselector { margin: 24px 0 } } .multiproductselector__title { font-size: 28px; font-weight: 700; line-height: 36px } @media(max-width:1023px) { .multiproductselector__title { font-size: 20px; font-weight: 700; line-height: 28px } } .multiproductselector__list { display: flex; flex-direction: column; gap: 5pc; list-style-type: none; margin-bottom: 0 } .multiproductselector__list li { margin: 0 } .multiproductselector__list li:before { content: ""; display: none } .multiproductselector__list p { margin-bottom: 0 } .multiproductselector__buttons { display: flex; gap: 24px; justify-content: flex-start; padding-top: 24px } @media(max-width:359px) { .multiproductselector__buttons { flex-direction: column; gap: 9pt } } .multiproductselector__button { background: none; border: none; cursor: pointer; display: flex; font-size: 24px; font-weight: 700; gap: 24px; justify-content: flex-start; line-height: 36px; margin-right: 0; padding: 0; transition: all .15s ease-in } @media(max-width:1023px) { .multiproductselector__button { font-size: 20px; font-weight: 700; line-height: 28px } } .multiproductselector__button--add { align-self: flex-start; color: var(--color-primary-500) } .multiproductselector__button--add:hover { color: var(--color-primary-600) } .multiproductselector__button--delete { align-items: center; display: flex; gap: 8px } .multiproductselector__button--delete svg g { transition: all .15s ease-in } .multiproductselector__button--delete:hover { color: var(--color-primary-600) } .multiproductselector__button--delete:hover>.svg g { fill: var(--color-primary-600) } .multiproductselector .product-selector { margin-bottom: 0 } .login__link { display: block; width: fit-content } #multistepform .formbuttons { display: flex } @media(max-width:767px) { #multistepform .formbuttons { flex-direction: column } } .multistepform { margin-top: 0 } .multistepform-step-indicator { pointer-events: none } .multistepform .cmp-tabs .cmp-tabs__tablist { align-items: center; border-bottom: 0; gap: 0; height: auto; justify-content: space-between } .multistepform .cmp-tabs__tab, .multistepform .cmp-tabs__tab--active { border: none; flex-grow: 1; justify-content: center; position: relative; width: 100% } .multistepform .cmp-tabs__tab--active:after, .multistepform .cmp-tabs__tab--active:before, .multistepform .cmp-tabs__tab:after, .multistepform .cmp-tabs__tab:before { background-color: var(--color-grey-200); height: 2px; position: absolute; top: 59px; width: 50%; z-index: -1 } @media(max-width:1023px) { .multistepform .cmp-tabs__tab--active:after, .multistepform .cmp-tabs__tab--active:before, .multistepform .cmp-tabs__tab:after, .multistepform .cmp-tabs__tab:before { top: 40px; width: 40% } } @media(max-width:767px) { .multistepform .cmp-tabs__tab--active:after, .multistepform .cmp-tabs__tab--active:before, .multistepform .cmp-tabs__tab:after, .multistepform .cmp-tabs__tab:before { width: 39% } } .multistepform .cmp-tabs__tab--active:not(:first-of-type):after, .multistepform .cmp-tabs__tab:not(:first-of-type):after { content: ""; right: calc(52% + 50px) } @media(max-width:1023px) { .multistepform .cmp-tabs__tab--active:not(:first-of-type):after, .multistepform .cmp-tabs__tab:not(:first-of-type):after { right: calc(52% + 33px) } } @media(max-width:767px) { .multistepform .cmp-tabs__tab--active:not(:first-of-type):after, .multistepform .cmp-tabs__tab:not(:first-of-type):after { right: calc(52% + 30px) } } .multistepform .cmp-tabs__tab--active:not(:last-of-type):before, .multistepform .cmp-tabs__tab:not(:last-of-type):before { content: ""; left: calc(50% + 50px) } @media(max-width:1023px) { .multistepform .cmp-tabs__tab--active:not(:last-of-type):before, .multistepform .cmp-tabs__tab:not(:last-of-type):before { left: calc(52% + 33px) } } @media(max-width:767px) { .multistepform .cmp-tabs__tab--active:not(:last-of-type):before, .multistepform .cmp-tabs__tab:not(:last-of-type):before { left: calc(50% + 30px) } } .multistepform .cmp-tabs__tab--active:after { background-color: var(--color-primary-500) } .multistepform .cmp-tabs__tab--active .cmp-tabs__step-number { background-color: var(--color-primary-500); box-shadow: 0 0 24px 0 hsla(0, 0%, 6%, .161); color: var(--color-white) } .multistepform .cmp-tabs__tab--previous:before { background-color: var(--color-primary-500) } .multistepform .cmp-tabs__step-content { align-items: center; display: flex; flex-direction: column; justify-content: center; padding-top: 20px } .multistepform .cmp-tabs__step-number { align-items: center; background-color: var(--color-white); border: 4px solid var(--color-primary-500); border-radius: 50%; color: var(--color-primary-500); display: flex; font-size: 28px; font-weight: 700; height: 5pc; justify-content: center; margin-bottom: 20px; text-align: center; width: 5pc } @media(max-width:1023px) { .multistepform .cmp-tabs__step-number { border-width: 2px; font-size: 24px; height: 3pc; width: 3pc } } .multistepform .cmp-tabs__step-title { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400 } @media(max-width:767px) { .multistepform .cmp-tabs__step-title { display: none } } .multistepform .cmp-tabs .formbuttons { gap: 20px; margin-bottom: 8pc; margin-top: 5pc } @media(max-width:1023px) { .multistepform .cmp-tabs .formbuttons { gap: 1pc; margin-bottom: 5pc; margin-top: 40px } } .multistepform .cmp-tabs .formbuttons .wb-button { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; white-space: normal; word-break: break-all } .multistepform .cmp-tabs .title { padding-top: 0 } .multistepform .cmp-tabs div[tabindex="3"] .check-type-container { margin-bottom: 0 } .product-selector, .reduced-product-selector { display: flex; flex-direction: column; gap: 40px; margin-bottom: 40px } @media(max-width:1023px) { .product-selector, .reduced-product-selector { gap: 24px; margin-bottom: 24px } } .product-selector .radiobutton__label, .reduced-product-selector .radiobutton__label { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .product-selector .radiobutton__label, .reduced-product-selector .radiobutton__label { font-size: 1pc; line-height: 24px } } .product-selector .radiobutton__container, .reduced-product-selector .radiobutton__container { margin-bottom: 0 } .product-selector__radiobuttons-title, .reduced-product-selector__radiobuttons-title { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .product-selector__radiobuttons-title, .reduced-product-selector__radiobuttons-title { font-size: 1pc; line-height: 24px } } .inputfield { display: flex; flex-direction: column } .inputfield .component-container { margin-bottom: 40px } @media(max-width:1023px) { .inputfield .component-container { margin-bottom: 24px } } .inputfield__label { font-size: 20px; line-height: 28px } @media(max-width:1023px) { .inputfield__label { font-size: 1pc; line-height: 24px } } .inputfield__input { border: 2px solid var(--color-grey-200); border-radius: 28px; box-shadow: 0 0 1pc hsla(0, 0%, 6%, .078); caret-color: auto; font-size: 20px; height: 58px; line-height: 28px; margin-top: 8px; outline: 0; overflow: hidden; padding: 14px 22px; width: 100% } @media(max-width:1023px) { .inputfield__input { font-size: 1pc; line-height: 24px } } .inputfield__input::placeholder { color: var(--color-grey-600); font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 28px } @media(max-width:1023px) { .inputfield__input::placeholder { font-size: 1pc; line-height: 24px } } .inputfield__input:hover { border-color: var(--color-grey-900) } .inputfield__input:active { background-color: var(--color-grey-50) } .inputfield__input:disabled { background-color: var(--color-white); border-color: var(--color-grey-200) } .inputfield__input:disabled::placeholder { color: var(--color-grey-200) } .inputfield__input:disabled:hover { border-color: var(--color-grey-200) } .inputfield--disabled .form__helper-text, .inputfield--disabled label { color: var(--color-grey-200) } .divider { margin-bottom: 3pc; margin-top: 1pc } .divider hr { border: 1px solid var(--color-grey-100) } @media(max-width:1023px) { .divider { margin-bottom: 40px } } .multipleInputsField { display: flex !important; flex-direction: column } .multipleInputsField input { margin-bottom: 40px } @media(max-width:1023px) { .multipleInputsField input { margin-bottom: 24px } } .multipleInputsField .multiple-inputs__add-input { background: none; border: none; cursor: pointer; margin-bottom: 1pc; padding: 0 } .multipleInputsField .multiple-inputs__remove-input { align-items: center; align-self: flex-start; background: none; display: flex; height: 22px; justify-content: center; margin-top: 20px; padding: 0; width: 20px } @media(max-width:1023px) { .multipleInputsField .multiple-inputs__remove-input { margin-top: 1pc } } .multipleInputsField .multiple-inputs__remove-input-icon { content: url('data:image/svg+xml,') } .multipleInputsField .multiple-inputs__remove-input:hover .multiple-inputs__remove-input-icon { content: url('data:image/svg+xml,') } .multipleInputsField .multiple-inputs__remove-input:active .multiple-inputs__remove-input-icon { content: url('data:image/svg+xml,') } .multipleInputsField .multiple-inputs__input-container { align-items: center; display: flex; gap: 24px; justify-content: space-between } .multipleInputsField .inputfield__input { margin-top: 0 } .multipleInputsField .inputfield__label { display: inline-block; margin-bottom: 8px } .referencebox { align-items: baseline; hyphens: auto; margin: 24px 0; overflow-wrap: break-word; padding: 0 4% } @media(max-width:1023px) { .referencebox { margin: 1pc 0; padding: 0 24px } } .referencebox__box { background-color: var(--color-grey-50); border-radius: 1pc; column-gap: 24px; display: grid; grid-template-areas: "title title"; grid-template-columns: 1fr 1fr; grid-template-rows: [title] auto [list] auto; padding: 40px; row-gap: 24px } @media(max-width:1023px) { .referencebox__box { display: block; padding: 24px } } .referencebox__title { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; grid-area: title; line-height: 36px; margin: 0 } @media(max-width:1023px) { .referencebox__title { font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 1pc } } .referencebox__list { font-size: 20px; grid-row: list; line-height: 28px } @media(max-width:1023px) { .referencebox__list { font-size: 1pc; line-height: 24px } .referencebox__list:not(:last-child) { margin-bottom: 1pc } } .referencebox__list-item { font-weight: 700 } .referencebox__list-description { color: var(--color-grey-600) } .referencebox__list-description:not(:last-child) { margin-bottom: 24px } @media(max-width:1023px) { .referencebox__list-description:not(:last-child) { margin-bottom: 1pc } } .savings-module { margin-bottom: 40px } @media(max-width:1023px) { .savings-module { margin-bottom: 20px } } .savings-module__container { display: flex; gap: 40px; justify-content: space-between } @media(max-width:1023px) { .savings-module__container { flex-direction: column; gap: 20px } } .savings-module__item { border: 2px solid var(--color-black-100); border-radius: 1pc; box-shadow: 0 0 1pc 0 hsla(0, 0%, 6%, .08); display: flex; flex-direction: column; gap: 9pt; justify-content: center; padding: 24px 20px } @media(min-width:1024px) { .savings-module__item { flex: 1; padding: 4pc 20px } } .savings-module__value { color: var(--color-primary-500); font-size: 6pc; font-weight: 700; line-height: 100%; margin-bottom: 0; text-align: center; word-break: break-all } @media(max-width:1023px) { .savings-module__value { font-size: 4pc } } .savings-module__label { color: var(--color-grey-600); text-align: center } @media(max-width:1023px) { .savings-module__label { font-size: 1pc } } .savings-module__empty_msg { color: var(--color-grey-600); display: none; font-size: 20px; text-align: center } .radiobutton { font-size: 20px; hyphens: auto; line-height: 28px; overflow-wrap: break-word } @media(max-width:1023px) { .radiobutton { font-size: 1pc; line-height: 24px } } .radiobutton__text { display: inline-block; margin-bottom: 0 } .radiobutton__label { display: flex } .radiobutton__label:has(input[disabled]) { color: var(--color-grey-200) } .radiobutton__container { display: flex; flex-wrap: wrap; gap: 24px 40px; margin-bottom: 40px; margin-top: 1pc } @media(max-width:1023px) { .radiobutton__container { flex-direction: column; gap: 20px; margin-top: 9pt } } .radiobutton__input { appearance: none; border: 2px solid var(--color-grey-200); border-radius: 50%; box-shadow: 0 0 1pc rgba(var(--color-grey-900-rgb), .14); flex-shrink: 0; height: 2pc; margin: 0 1pc 0 0; position: relative; width: 2pc } @media(max-width:1023px) { .radiobutton__input { height: 24px; margin-right: 9pt; width: 24px } } .radiobutton__input:hover { border-color: var(--color-grey-900) } .radiobutton__input:enabled:active { background: var(--color-grey-50); border-color: var(--color-grey-900) } .radiobutton__input:checked:before { display: inline-block; height: 1pc; position: absolute; right: 6px; top: 6px; width: 1pc } @media(max-width:1023px) { .radiobutton__input:checked:before { height: 9pt; margin: 4px; right: 0; top: 0; width: 9pt } } .radiobutton__input:disabled { border-color: var(--color-grey-100); cursor: not-allowed } .radiobutton--disabled .form__helper-text { color: var(--color-grey-200) } .radiobutton__input:checked { border-color: var(--color-primary-500) } .radiobutton__input:checked:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300C6B2' /%3E%3C/svg%3E") } @media(max-width:1023px) { .radiobutton__input:checked:before { background-color: var(--color-primary-500); border-radius: 6px; content: "" } } .radiobutton__input:checked:hover { border-color: var(--color-primary-600) } .radiobutton__input:checked:hover:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23009F8F' /%3E%3C/svg%3E") } @media(max-width:1023px) { .radiobutton__input:checked:hover { border-color: var(--color-primary-500) } .radiobutton__input:checked:hover:before { background-color: var(--color-primary-500); border-radius: 6px; content: "" } } .radiobutton__input:checked:enabled:active { background: none; border-color: var(--color-primary-700) } .radiobutton__input:checked:enabled:active:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300776B' /%3E%3C/svg%3E") } .radiobutton__input:disabled:checked { border-color: var(--color-primary-200) } .radiobutton__input:disabled:checked:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2399E8E0' /%3E%3C/svg%3E") } .formreference--neon .radiobutton__input:checked { border-color: var(--color-primary-500) } .formreference--neon .radiobutton__input:checked:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300C6B2' /%3E%3C/svg%3E") } .formreference--neon .radiobutton__input:checked:hover { border-color: var(--color-primary-600) } .formreference--neon .radiobutton__input:checked:hover:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23009F8F' /%3E%3C/svg%3E") } @media(max-width:1023px) { .formreference--neon .radiobutton__input:checked:hover { border-color: var(--color-primary-500) } .formreference--neon .radiobutton__input:checked:hover:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300C6B2' /%3E%3C/svg%3E") } } .formreference--neon .radiobutton__input:checked:enabled:active { background: none; border-color: var(--color-primary-700) } .formreference--neon .radiobutton__input:checked:enabled:active:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2300776B' /%3E%3C/svg%3E") } .formreference--neon .radiobutton__input:disabled:checked { border-color: var(--color-primary-200) } .formreference--neon .radiobutton__input:disabled:checked:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2399E8E0' /%3E%3C/svg%3E") } .formreference--blue .radiobutton__input:checked { border-color: var(--color-secondary-500) } .formreference--blue .radiobutton__input:checked:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%230071DE' /%3E%3C/svg%3E") } .formreference--blue .radiobutton__input:checked:hover { border-color: var(--color-secondary-600) } .formreference--blue .radiobutton__input:checked:hover:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23005AB2' /%3E%3C/svg%3E") } @media(max-width:1023px) { .formreference--blue .radiobutton__input:checked:hover { border-color: var(--color-secondary-500) } .formreference--blue .radiobutton__input:checked:hover:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%230071DE' /%3E%3C/svg%3E") } } .formreference--blue .radiobutton__input:checked:enabled:active { background: none; border-color: var(--color-secondary-700) } .formreference--blue .radiobutton__input:checked:enabled:active:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23004486' /%3E%3C/svg%3E") } .formreference--blue .radiobutton__input:disabled:checked { border-color: var(--color-secondary-200) } .formreference--blue .radiobutton__input:disabled:checked:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2399C6F1' /%3E%3C/svg%3E") } .badge { border: 2px solid var(--color-grey-200); border-radius: 9pt; display: inline-block; font-size: 14px; font-weight: 700; line-height: 20px; padding: 4px; text-transform: capitalize; transform: translateY(-2px) } @media(max-width:1023px) { .badge { font-size: 9pt; font-weight: 700; line-height: 18px } } .badge-primary { background-color: var(--color-forms-editor-badge-primary) } .badge-secondary { background-color: var(--color-forms-editor-badge-secondary) } .badge-group { margin-left: 20px } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton { margin-bottom: 40px } @media(max-width:1023px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton { margin-bottom: 24px } } @media(min-width:1024px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__main-children-container { margin-top: 40px } } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children { display: none; margin-top: 9pt; padding-left: 3pc } .cmp-navigation__item-link .text--button-linkstyle html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .text__link, .cmp-navigation__item-link html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .link--l, .text--button-linkstyle .cmp-navigation__item-link html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .text__link, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .cmp-navigation__item-link, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .cmp-navigation__item-link .link--l, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .cmp-navigation__item-link .text--button-linkstyle .text__link, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .eventlocation__building-name, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .summary__item-title, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .summarymanual__items-text-title, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children .text--button-linkstyle .cmp-navigation__item-link .text__link, html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children h4 { color: var(--color-black) } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children.active { display: block } @media(max-width:1023px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton__children { padding-left: 35px } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .inputfield__input { height: 52px } } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .radiobutton__text { font-size: 20px; line-height: 28px } @media(max-width:1023px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .radiobutton__text { font-size: 1pc; line-height: 24px } } @media(min-width:1024px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .radiobutton__text { margin-bottom: 8px } } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .radiobutton__label { font-size: 20px; line-height: 28px } @media(max-width:1023px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .radiobutton__label { font-size: 1pc; line-height: 24px } } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .acc-radio-container { margin-bottom: 0 } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .acc-radio-container.vertical { flex-direction: column } @media(max-width:1023px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton .inputfield .component-container { margin-bottom: 0 } } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox] { appearance: none; background-color: var(--color-white); border: 2px solid var(--color-grey-200); border-radius: 8px; box-shadow: 0 0 1pc rgba(var(--color-grey-900-rgb), .14); cursor: pointer; flex-shrink: 0; height: 2pc; transition: all .15s ease-in; vertical-align: middle; width: 2pc } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked { background-color: var(--color-primary-500); border-color: var(--color-primary-500) } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600) } @media(max-width:1023px) { html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked:hover { background-color: var(--color-primary-500); border-color: var(--color-primary-500) } } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked:hover:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked:enabled:active { background: none; border-color: var(--color-primary-700) } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:checked:enabled:active:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:disabled:checked { background-color: var(--color-primary-200); border-color: var(--color-primary-200) } html:not(.aem-AuthorLayer-Edit) .expandable-radiobutton input[type=checkbox]:disabled:checked:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.364,19a.914.914,0,0,1-.643-.264l-5.455-5.4a.894.894,0,0,1,0-1.273.916.916,0,0,1,1.286,0l4.726,4.679,12.1-15.4a.915.915,0,0,1,1.276-.158.894.894,0,0,1,.159,1.263L8.081,18.652A.912.912,0,0,1,7.42,19Z' transform='translate(1 2)' fill='%23fff' /%3E%3C/svg%3E") } .cmp-carousel--with-logos .title .cmp-carousel__title, .cmp-navigation__item-link .text--button-linkstyle .title .text__link, .cmp-navigation__item-link .title .link--l, .text--button-linkstyle .cmp-navigation__item-link .title .text__link, .title .c-lecturers__title, .title .cmp-carousel--with-logos .cmp-carousel__title, .title .cmp-navigation__item-link, .title .cmp-navigation__item-link .link--l, .title .cmp-navigation__item-link .text--button-linkstyle .text__link, .title .cmp-quotes__quote, .title .contacttiles__teaser-title, .title .errorpage__title, .title .event-calendar__title, .title .event-calendar__title-link, .title .eventlocation__building-name, .title .eventlocation__title, .title .herostudyformats__title, .title .heroteaser__dynamic-content-title, .title .heroteaser__title, .title .info__section-title, .title .link--xxl, .title .locationteaser__description-title, .title .magazineteaser__description-pretitle, .title .magazineteaser__description-title, .title .product-finder__title, .title .product-instance-info__column-title, .title .product-instance-info__title, .title .productdescriptiontexts__content-title, .title .productheader__title, .title .productstudycost__title, .title .promo__title, .title .reduced-event-calendar__title, .title .socialmedia__title, .title .studyentry__title, .title .summary__item-title, .title .summarymanual__items-text-title, .title .text--button-linkstyle .cmp-navigation__item-link .text__link, .title .text__content-title, .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { margin-bottom: 1pc } @media(max-width:1023px) { .cmp-carousel--with-logos .title .cmp-carousel__title, .cmp-navigation__item-link .text--button-linkstyle .title .text__link, .cmp-navigation__item-link .title .link--l, .text--button-linkstyle .cmp-navigation__item-link .title .text__link, .title .c-lecturers__title, .title .cmp-carousel--with-logos .cmp-carousel__title, .title .cmp-navigation__item-link, .title .cmp-navigation__item-link .link--l, .title .cmp-navigation__item-link .text--button-linkstyle .text__link, .title .cmp-quotes__quote, .title .contacttiles__teaser-title, .title .errorpage__title, .title .event-calendar__title, .title .event-calendar__title-link, .title .eventlocation__building-name, .title .eventlocation__title, .title .herostudyformats__title, .title .heroteaser__dynamic-content-title, .title .heroteaser__title, .title .info__section-title, .title .link--xxl, .title .locationteaser__description-title, .title .magazineteaser__description-pretitle, .title .magazineteaser__description-title, .title .product-finder__title, .title .product-instance-info__column-title, .title .product-instance-info__title, .title .productdescriptiontexts__content-title, .title .productheader__title, .title .productstudycost__title, .title .promo__title, .title .reduced-event-calendar__title, .title .socialmedia__title, .title .studyentry__title, .title .summary__item-title, .title .summarymanual__items-text-title, .title .text--button-linkstyle .cmp-navigation__item-link .text__link, .title .text__content-title, .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { margin-bottom: 8px } } .title--form-title { margin-bottom: 2pc; margin-top: 8pc } @media(max-width:1023px) { .title--form-title { margin-bottom: 0; margin-top: 40px } } .date-input .form-group.component-container { margin-bottom: 40px } @media(max-width:1023px) { .date-input .form-group.component-container { margin-bottom: 24px } } .inputfield__input--date { -webkit-min-logical-width: calc(100% - 1pc); background-color: var(--color-white) } .inputfield__input--date.empty { color: var(--color-grey-600) } @media(max-width:1023px) { .inputfield__input--date { -webkit-appearance: none } } input::-webkit-date-and-time-value { padding-left: 20px; text-align: left } .date-input-min-max .form-group.component-container { margin-bottom: 40px } @media(max-width:1023px) { .date-input-min-max .form-group.component-container { margin-bottom: 24px } } .formstep .text { color: var(--color-grey-600) } .formstep .text .cmp-text__info { display: flex; margin-top: 24px } @media(max-width:1023px) { .formstep .text .cmp-text__info { margin-top: 1pc } } .formstep .text .cmp-text__info-icon { fill: var(--color-primary-500); align-items: center; display: flex; margin-right: 8px } .formstep .text .cmp-text__info-icon svg { height: 20px; width: 20px } @media(max-width:1023px) { .formstep .text .cmp-text__info-icon svg { height: 1pc; width: 1pc } } .formstep .text:has(.cmp-text__info-icon) { margin-bottom: 4pc } @media(max-width:1023px) { .formstep .text:has(.cmp-text__info-icon) { margin-bottom: 40px } } .input-reference { padding: 0 !important } .form-input-field-reference:not(.cq-Editable-dom) .input-reference--hidden { display: none } .input-reference p, .input-reference__label { color: var(--color-grey-600); font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 1pc } @media(max-width:1023px) { .input-reference p, .input-reference__label { font-size: 1pc; line-height: 24px; margin-bottom: 8px } } .input-reference__value { color: var(--color-grey-600); font-size: 20px; line-height: 28px; margin-bottom: 2pc } @media(max-width:1023px) { .input-reference__value { font-size: 1pc; line-height: 24px; margin-bottom: 1pc } } .product-prerequisite { margin-bottom: 9pt } @keyframes jump-shake { 0% { transform: translateX(0) rotate(0) } 40% { transform: translateY(0) rotate(0) } 45% { transform: translateY(-2px) rotate(-17deg) } 50% { transform: translateY(-3px) rotate(17deg) } 55% { transform: translateY(-4px) rotate(-17deg) } 65% { transform: translateY(0) rotate(0) } to { transform: translateY(0) rotate(0) } } .chat-bot { font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif; max-width: fit-content } .chat-bot .icon { fill: #fff } .chat-bot .spinner { --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box; animation: l3 1s linear infinite; aspect-ratio: 1; background: var(--color-primary-500); border-radius: 50%; height: 5pc; left: calc(50% - 40px); -webkit-mask: var(--_m); mask: var(--_m); -webkit-mask-composite: source-out; mask-composite: subtract; padding: 8px; position: absolute; top: calc(50% - 40px); width: 5pc } @keyframes l3 { to { transform: rotate(1turn) } } .chat-bot__buttons-container { bottom: 20px; position: fixed; right: 20px; z-index: 9999 } .chat-bot__popup { background-color: var(--color-primary-900); border-radius: 15px; bottom: calc(100% + 9pt); display: none; max-width: 398px; padding-right: 3pc; position: absolute; right: 0; width: max-content } @media(max-width:767px) { .chat-bot__popup { max-width: calc(100vw - 40px); width: 100vw } } .chat-bot__popup--open { display: flex; flex-direction: column } .chat-bot__popup .popup-content { cursor: pointer; display: flex; flex-grow: 1; font-size: 18px; font-weight: 700; hyphens: auto; line-height: 1.4; padding: 1pc 8px 1pc 1pc } @media(max-width:767px) { .chat-bot__popup .popup-content { font-size: 1pc; line-height: 24px } } @media(max-width:767px)and (max-width:1023px) { .chat-bot__popup .popup-content { font-size: 1pc; line-height: 24px } } .chat-bot__popup .popupbtnclose { fill: var(--color-primary-500); align-items: center; background: var(--color-primary-800); border-radius: 1pc; cursor: pointer; display: flex; height: 28px; justify-content: center; position: absolute; right: 1pc; top: 1pc; width: 28px } .chat-bot__popup .popupbtnclose:hover { fill: #000; background-color: #00776b } .chat-bot__button { align-items: center; background-color: #03d3ba; border-radius: 50%; box-shadow: 0 4px 10px rgba(0, 0, 0, .3); color: #fff; cursor: pointer; display: flex; font-size: 24px; height: 60px; justify-content: center; width: 60px; z-index: 600 } .chat-bot__button:hover { background: #009f8f } .chat-bot__button:hover ellipse, .chat-bot__button:hover path[data-name^=Linie] { fill: #009f8f } .chat-bot__button--open { background-color: #00302c; box-shadow: 0 4px 15px rgba(0, 0, 0, .5) } .chat-bot__button-popupopen { animation: jump-shake 2s cubic-bezier(.36, .07, .19, .97); animation-iteration-count: infinite; background: linear-gradient(156.04deg, #00776b -4.45%, #000 63.01%) } .chat-bot__window { background: transparent linear-gradient(to bottom right, #00776b, #000 55%) 0 0 no-repeat padding-box; border-radius: 1pc; bottom: 90px; box-shadow: 0 0 24px hsla(0, 0%, 6%, .4); color: #fff; height: 755px; opacity: 1; overflow-y: auto; padding: 20px; position: fixed; right: 20px; scrollbar-width: none; width: 362px; z-index: 20000 } .chat-bot__window::-webkit-scrollbar { display: none } @media(max-width:400px) { .chat-bot__window { width: 100% } } .chat-bot__window--is-mobile { border-radius: 0; height: 100%; left: 0; right: auto; top: 0; width: 100% } .chat-bot__header { align-items: center; display: flex; font-size: 1pc; font-weight: 700; justify-content: space-between; line-height: 24px; margin-bottom: 10px } .chat-bot__back-button { align-items: center; background-color: #00776b; border-radius: 50%; cursor: pointer; display: flex; height: 2pc; justify-content: center; position: relative; width: 2pc } .chat-bot__back-button:before { border-left: 2px solid #000; border-top: 2px solid #000; content: ""; height: 8px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: border-color .3s ease; width: 8px } .chat-bot__back-button:hover { background-color: #02574e } .chat-bot__back-button:hover:before { border-color: #00c6b2 } .chat-bot__back-button-chat-screen { align-items: center; background-color: #ccf3ef !important; border-radius: 50%; cursor: pointer; display: flex; height: 2pc; justify-content: center; position: relative; width: 2pc } .chat-bot__back-button-chat-screen:before { border-left: 2px solid #fff; border-top: 2px solid #fff; content: ""; height: 8px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: border-color .3s ease; width: 8px } .chat-bot__back-button-chat-screen:hover { background-color: #02574e } .chat-bot__back-button-chat-screen:hover:before { border-color: #00c6b2 } .chat-bot .webchat__send-box { margin-bottom: 86px !important } .chat-bot__close-button-chat-screen { align-items: center; background-color: #ccf3ef !important; border-radius: 50%; cursor: pointer; display: flex; height: 2pc; justify-content: center; position: relative; text-align: right; width: 2pc } .chat-bot__close-button-chat-screen:after, .chat-bot__close-button-chat-screen:before { background-color: #fff; content: ""; height: 2px; left: 50%; position: absolute; top: 50%; transform-origin: center; transition: .3s ease; width: 60% } .chat-bot__close-button-chat-screen:before { transform: translate(-50%, -50%) rotate(45deg) } .chat-bot__close-button-chat-screen:after { transform: translate(-50%, -50%) rotate(-45deg) } .chat-bot__close-button-chat-screen:hover { background-color: #02574e } .chat-bot__close-button-chat-screen:hover:after, .chat-bot__close-button-chat-screen:hover:before { background-color: #00c6b2 } .chat-bot__close-button { align-items: center; background-color: #00776b; border-radius: 50%; cursor: pointer; display: flex; height: 2pc; justify-content: center; position: relative; text-align: right; width: 2pc } .chat-bot__close-button:after, .chat-bot__close-button:before { background-color: #000; content: ""; height: 2px; left: 50%; position: absolute; top: 50%; transform-origin: center; transition: .3s ease; width: 60% } .chat-bot__close-button:before { transform: translate(-50%, -50%) rotate(45deg) } .chat-bot__close-button:after { transform: translate(-50%, -50%) rotate(-45deg) } .chat-bot__close-button:hover { background-color: #02574e } .chat-bot__close-button:hover:after, .chat-bot__close-button:hover:before { background-color: #00c6b2 } .chat-bot__welcome-message { margin-bottom: 0; margin-top: 2pc } .chat-bot__welcome-message, .chat-bot__welcome-subtext { font-size: 28px; letter-spacing: 0; line-height: 36px; white-space: pre-line } .chat-bot__welcome-subtext { color: #00c6b2; margin-bottom: 2pc } .chat-bot__info-box { align-items: center; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); background: linear-gradient(90deg, rgba(30, 74, 70, .7), rgba(38, 51, 50, .7)); border-radius: 1pc; cursor: pointer; display: flex; margin-bottom: 8px; margin-top: 8px; padding: 10px; transition: .5s } .chat-bot__info-box:active { background: #00c6b2 !important } .chat-bot__info-box:active .chat-bot__info-box-label { color: #fff !important } .chat-bot__info-box:hover { background: linear-gradient(90deg, #1e4a46, #263332) } .chat-bot__info-box:hover .chat-bot__info-box-icon { outline: 2px solid #00c6b2 } .chat-bot__info-box:hover .chat-bot__info-box-label { color: #00c6b2 } .chat-bot__info-box.clicked { background: #00c6b2 } .chat-bot__info-box.clicked:hover { background: #038073 } .chat-bot__info-box-icon { align-items: center; background-color: #002723; border-radius: 9pt; display: flex; height: 57px; justify-content: center; margin-right: 1pc; outline: 2px solid transparent; transition: .2s; width: 57px } .chat-bot__info-box-label { color: #fff; font-size: 20px; font-weight: 700; line-height: 28px; transition: .2s } .chat-bot__info-box-sub-label { color: #fff; font-size: 1pc; line-height: 28px } .chat-bot__icon-content { fill: #00c6b2; width: 30px } #oc-lcw { border: none; left: 0 !important; top: 0 !important } .css-103 { width: 100% } .ac-input.ac-dateInput, .ac-input.ac-textInput, .ac-input.ac-timeInput { appearance: none; border: 2px solid #cdcdcd; border-radius: 28px !important; font-size: 1pc; height: 3pc !important; outline: none; padding: 9pt 24px !important; width: 100% !important } .ac-input label { hyphens: none } .ac-container { background-color: transparent !important; color: #fff !important } .ac-pushButton { background-color: #00c6b2 !important; border-radius: 50% !important; width: 50px !important } #oc-lcw-prechatsurvey-pane { -ms-overflow-style: none; background: transparent linear-gradient(to bottom right, #00776b, #000 55%) 0 0 no-repeat padding-box !important; height: 755px; overflow: auto; scrollbar-width: none } #oc-lcw-prechatsurvey-pane::-webkit-scrollbar { display: none } #oc-lcw-prechatsurvey-pane .ac-textBlock { width: fit-content } #oc-lcw-prechatsurvey-pane .ac-textBlock.email-error { box-sizing: border-box; flex: 0 0 auto; font-family: Segoe UI, Helvetica Neue, sans-serif; font-weight: 400; line-height: 18.62px; overflow: hidden; overflow-wrap: break-word; text-align: start } #oc-lcw-prechatsurvey-pane label { direction: unset !important; overflow: unset !important } #oc-lcw-prechatsurvey-pane .ac-container { padding: 10px !important } #oc-lcw-prechatsurvey-pane .ac-input-container~.ac-textBlock p { color: #e81818 } #oc-lcw-prechatsurvey-pane:after { display: none } #oc-lcw-prechatsurvey-pane>div:first-child { border: none !important } .ac-textBlock { color: #fff !important; font-size: 1pc !important; margin-left: 15px !important; margin-top: 2px !important; max-height: 36px !important } #oc-lcw-start-chat-error-pane { width: 362px !important } #oc-lcw-loading-pane { width: 100% } .webchat__bubble__content { background-color: #fff !important; color: #000 !important; font-family: Neue-Haas-Grotesk-Text-Pro, Helvetica, Arial, sans-serif !important; font-size: 1pc !important } .webchat__bubble__content .ac-adaptiveCard p, .webchat__bubble__content .ac-adaptiveCard svg:has(g[data-name^=Gruppe]) { display: none !important } .webchat__bubble__content .ac-multichoiceInput { border-radius: 28px !important; border-width: 2px !important } .ac-input-container+.ac-textBlock { color: #e81818 !important } #oc-lcw-prechatsurvey-pane .ac-input-container .ac-multichoiceInput { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; border: 2px solid #ccc; border-radius: 50px; font-size: 1pc; padding: 8px 24px 9pt 15px; padding-right: 30px !important; width: 100% } #oc-lcw-prechatsurvey-pane:after { border: solid #000; border-width: 0 2px 2px 0; content: ""; padding: 4px; pointer-events: none; position: absolute; right: 15px; top: 45%; transform: translateY(-50%) rotate(45deg) } .ac-input-container:has(select) { display: inline-block; position: relative } .ac-input-container:has(select) select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: 1pc; padding: 8px 30px 8px 10px; padding-right: 30px !important; width: 100% } .ac-input-container:has(select):after { border: solid #000; border-width: 0 2px 2px 0; content: ""; padding: 4px; pointer-events: none; position: absolute; right: 15px; top: 45%; transform: translateY(-50%) rotate(45deg) } .ac-input-container:has(select) a { color: #00302c !important } .webchat__text-content__markdown { width: 241px !important } .webchat__basic-transcript__activity-body { background-color: #fff } .css-116 { height: 100vh; z-index: 100 } .webchat__send-box { appearance: none; background-color: #fff !important; border: 2px solid #cdcdcd; border-radius: 35px !important; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1); margin: 15px; padding-left: 30px !important; padding-right: 30px !important } .webchat__send-box-text-box { font-size: 1pc !important } .webchat__stacked-layout__content a { color: #03d3ba !important } .webchat__icon-button--stretch { height: 46px !important; transform: translate(-10%, 10%) !important; width: 46px !important } .webchat__send-box__main { border: none !important; min-height: 55px !important } .webchat__link-definitions__list-item-body { width: 25px } .css-117 { display: none !important } .webchat--css-klets-1lwigzg { background-color: #fff !important } .webchat--css-fphsg-1l95nvm { height: 600px; overflow: scroll } .webchat--css-cvtfd-j7qwjs .webchat--css-cvtfd-1lwigzg, .webchat--css-jxmyw-1lwigzg { background-color: #fff !important } .webchat--css-cvtfd-j7qwjs .webchat--css-cvtfd-1lwigzg .webchat--css-116 { width: 362px !important } #oc-lcw-header { background-color: transparent; min-width: unset; position: absolute; right: 30px; top: 9pt !important; width: 30% } #lcw-header-close-button { border-radius: 50% !important; padding: 0; position: absolute; right: 5px; transition: .3s; z-index: 99999 } #lcw-header-close-button:hover { filter: none !important } #lcw-header-close-button:hover .ms-Icon { color: #00c6b2 } #oc-lcw-confirmation-pane-cancelbutton, #oc-lcw-confirmation-pane-confirmbutton { background-color: #ccf3ef !important; border-radius: 8px !important; color: #000 !important } #lcw-header-icon, #lcw-header-title, .css-99 { display: none !important } #lcw-header-minimize-button { display: none } .root-106 { background-color: #ccf3ef !important; border-radius: 50% !important } .webchat__basic-transcript { outline: none !important } .webchat__basic-transcript__activity { margin-left: 21px !important; margin-top: -5px !important } .webchat__basic-transcript__filler, .webchat__basic-transcript__transcript { background-color: #fff !important } .webchat__send-button { background: #00c6b2 !important; border-radius: 50% !important; color: #fff !important } .webchat__send-box__main { background-color: hsla(0, 0%, 100%, 0) !important } .webchat__send-box__main form { line-height: 1.2 } .webchat__suggested-action { border: 1px solid hsla(0, 0%, 50%, .329) !important; border-radius: 15px !important; color: #000 !important; height: auto !important; padding: 9pt 20px !important; white-space: wrap !important } .webchat__icon-button { fill: #fff !important; margin-bottom: 1px !important; margin-right: -29px !important } .webchat--css-bakny-1lwigzg, .webchat--css-nbnwq-1lwigzg { background-color: #fff !important } .ms-Button-flexContainer { background-color: #ccf3ef !important; border-radius: 50% !important; width: 100% } #oc-lcw-footer { display: none !important } .ac-anchor { color: #00c6b2 !important } .webchat__link-definitions__list-item-body { width: 100% } .webchat__link-definitions__list-item-text { height: 20px } .bcw-logo-svg { width: 28px !important } .button-submit-icon-form { fill: #fff !important; cursor: pointer; left: 69%; position: absolute; top: 24%; transform: translate(-50%); width: 28px !important } .ac-actionSet button { padding: 0 !important } .ac-actionSet button div { height: 100%; position: relative; width: 100% } .ac-actionSet .button-submit-icon-form { left: 74%; top: 20% } .webchat__icon-button svg { left: 70%; position: absolute !important; top: 20% } .ac-actionSet { left: 284px !important; position: absolute !important; top: 660px !important } .ac-toggleInput { margin-top: 22px !important; width: 75% !important } .webchat__link-definitions__list-item-box { border-radius: 10px !important; padding: 5px !important } .webchat__link-definitions__list-item-body { color: #000 !important } .webchat__link-definitions__list-item-text { text-decoration: none !important } .webchat__link-definitions__badge { display: none !important } .ac-input { margin-bottom: 0 !important } .ac-input .ac-toggleInput { display: flex !important } .ac-input>input { align-self: center; appearance: none !important; background-color: #fff !important; border: 2px solid #ccc !important; border-radius: 4px !important; cursor: pointer !important; height: 2pc !important; margin-bottom: 20px !important; position: relative !important; width: 2pc !important } .ac-input>input:checked { background-color: #00c6b2 !important; border-color: #4caf50 !important } .ac-input>input:checked:after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 9pt; left: 10px; position: absolute; top: 6px; transform: rotate(45deg); width: 6px } .ms-Spinner-circle { border-width: 6.5px !important; height: 40px !important; width: 40px !important } .chat-bot__back-button-chat-screen:before { left: 55% !important } .react-film__filmstrip__list { display: block !important } .react-film__filmstrip__item { cursor: pointer !important; margin: 0 !important; padding: 0 !important } .webchat__suggested-action { cursor: pointer !important } .webchat__basic-transcript__activity .webchat__stacked-layout__avatar-gutter>div { background-color: #00c6b2 !important } .webchat__basic-transcript__activity .ac-horizontal-separator, .webchat__basic-transcript__activity .chat-bot__header, .webchat__basic-transcript__activity .webchat__bubble__nub-pad { display: none !important } .webchat__basic-transcript__activity .webchat__stacked-layout__attachment { min-width: 100% !important } .webchat__basic-transcript__activity .ac-textBlock:not([id]) { display: none !important } .webchat__basic-transcript__activity .ac-actionSet { left: 200px !important; position: relative !important; top: 0 !important } .webchat__basic-transcript__activity .ac-actionSet .ac-pushButton { border: none !important; height: 46px !important; margin-top: .5rem; width: 46px !important } .webchat__auto-resize-textarea__textarea { line-height: 1; overflow-y: hidden !important } .ac-choiceSetInput-compact { border: 1px solid #cdcdcd; border-radius: 4px; font-size: 1pc; height: 46px; line-height: 1.5; padding: 0 9pt } #oc-lcw-confirmation-pane-cancelbutton { hyphens: none !important } .webchat__bubble--from-user { max-width: fit-content !important; padding: 5px 2px 5px 50px } .webchat__bubble--from-user .webchat__bubble__content { border-radius: 13px !important; box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1) } .ms-Button-label { hyphens: none !important } .webchat__auto-resize-textarea__doppelganger { scrollbar-width: none !important } .form-reference { margin: 0 auto; padding: 0 4% 8pc } @media(max-width:1023px) { .form-reference { padding: 0 4% 5pc } } .form-reference .divider { color: var(--color-grey-100); margin-bottom: 5pc } @media(max-width:1023px) { .form-reference .divider { margin-bottom: 40px } } .form-reference .rich-text { color: var(--color-grey-600); font-size: 20px; line-height: 28px; margin-bottom: 1pc } @media(max-width:1023px) { .form-reference .rich-text { font-size: 1pc; line-height: 24px } } .form-reference .tabs { margin: 0 } .form-reference .formstep { padding-left: 17%; padding-right: 17% } @media(max-width:1023px) { .form-reference .formstep { padding-left: 0; padding-right: 0 } } .form-reference .formstep .separator { margin-left: -25.36%; min-width: 150.72% } @media(max-width:1023px) { .form-reference .formstep .separator { margin-left: 0; min-width: unset } } .formstep .separator { padding-left: 0; padding-right: 0; padding-top: 88px } @media(max-width:1023px) { .formstep .separator { padding-top: 1pc } } .formstep .separator--no-margin-top { padding-top: 0 } .formstep .separator--no-margin-bottom { padding-bottom: 0 } .formcontainer, .formgroup-responsivegrid { padding: 0 4% } .form-accelerator-container .formstep-errors--hidden { display: none } #docIframe { border: 0; height: 0; width: 100% } .hideContainerComponent { display: none } .cmp-tabs ol { display: block } .cmp-tabs ol:last-child { margin-bottom: 24px } .component-container--hidden { display: none } .form-accelerator-container .cmp-tabs__tabpanel:focus { outline: none } .input-error label { color: var(--color-error) } .input-error label:enabled:active { color: var(--color-grey-900) } .input-error input, .input-error input:hover { border-color: var(--color-error) } .input-error input:enabled:active { border-color: var(--color-grey-900) } .input-error input:disabled { border-color: var(--color-grey-100); cursor: not-allowed } .form__helper-text { color: var(--color-grey-600) } .form__helper-text, .invalid-feedback { font-size: 14px; line-height: 20px; margin-top: 8px } .invalid-feedback { align-items: center; color: var(--color-error); display: flex; margin-bottom: 1pc } @media(max-width:1023px) { .invalid-feedback { margin-bottom: 9pt } } .invalid-feedback:before { content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M11.44,12.353H1.73a1.745,1.745,0,0,1-1.478-.814A1.662,1.662,0,0,1,.2,9.869L5.053.907a1.752,1.752,0,0,1,3.07,0l4.853,8.962a1.668,1.668,0,0,1-.051,1.673,1.75,1.75,0,0,1-1.478.811ZM6.111,1.457,1.258,10.421a.5.5,0,0,0,.018.5.53.53,0,0,0,.454.253h9.716a.535.535,0,0,0,.455-.249.51.51,0,0,0,.017-.511L7.068,1.457a.547.547,0,0,0-.957,0ZM5.688,9.12a.9.9,0,1,1,.9.883A.891.891,0,0,1,5.688,9.12Zm.3-2.057V4.119a.6.6,0,0,1,1.2,0V7.063a.6.6,0,0,1-1.2,0Z' transform='translate(0.824 0.824)' fill='%23E81818' /%3E%3C/svg%3E"); display: inline-block; height: 18px; margin-right: 4px; width: 14px } #website, .display-none { display: none } main.container, main.responsivegrid-container:not(.responsivegrid) { padding: .5em 1em } footer.experiencefragment { border-top: 1px solid #202020; padding: .5em 1em } footer.experiencefragment .cmp-separator__horizontal-rule { border: 0; margin: 0 } header.experiencefragment { border-bottom: 1px solid #202020; padding: .5em 1em } header.experiencefragment a { color: #202020; text-decoration: none } header.experiencefragment a:focus, header.experiencefragment a:hover { color: #2020e0; text-decoration: underline } header.experiencefragment .cmp-container { display: grid; grid-template-columns: 4fr 1fr 1fr } header.experiencefragment .cmp-navigation__group { list-style: none; margin: 0; padding: 0 } header.experiencefragment .cmp-navigation__item--level-0 { display: grid; grid-template-columns: 1fr 3fr } header.experiencefragment .cmp-navigation__item--level-0>.cmp-navigation__group { display: grid; grid-template-columns: repeat(3, 1fr) } header.experiencefragment .cmp-navigation__item-link { display: block } header.experiencefragment .cmp-navigation__item--active>.cmp-navigation__item-link { font-weight: 700 } header.experiencefragment .cmp-languagenavigation { position: relative } header.experiencefragment .cmp-languagenavigation:before { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; content: " "; display: block; height: 1.5em } header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group { background: #ececec; border: 1px solid #202020; border-top: 0; padding: 0 8px; position: absolute; top: 34px; transition-delay: .5s; visibility: hidden; width: 20em } header.experiencefragment .cmp-languagenavigation:hover>.cmp-languagenavigation__group { transition-delay: 0s; visibility: visible } header.experiencefragment .cmp-languagenavigation__group { list-style: none; margin: 0; padding: 0 } header.experiencefragment .cmp-languagenavigation__item-title { font-size: x-small; text-transform: uppercase } header.experiencefragment .cmp-languagenavigation__item--level-0 { margin-bottom: .5em } header.experiencefragment .cmp-languagenavigation__item--level-1 { display: inline } header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child):before { content: " | " } header.experiencefragment .cmp-languagenavigation__item--active>.cmp-languagenavigation__item-link { font-weight: 700 } header.experiencefragment .cmp-search__field { display: flex; margin: -3px 0 } header.experiencefragment .cmp-search__input { height: 26px } body { --main-color: green; --secondary-color: red; --black: #212529; --orange: orange; --default-font-size: 1rem; --default-font-weight: 400; --default-line-height: 1.5; --font-color: var(--main-color); --link-color: var(--secondary-color); --font-family: "Open Sans", sans-serif; --font-weight: var(--default-font-weight); --font-size: var(--default-font-size); --line-height: var(--default-line-height); --btn-font-weight: var(--default-font-weight); --btn-font-color: var(--black); --btn-text-align: center; --btn-border: 1px solid var(--orange); --btn-font-size: var(--default-font-size); --btn-line-height: var(--default-line-height); --btn-border-radius: 0.25rem; --btn-background-color: var(--orange); --headline-font-weight: 500; --headline-line-height: 1.2; --headline-font-size-h1: 1.25rem; --headline-font-size-h2: 1.25rem; --headline-font-size-h3: 1.25rem; --headline-font-size-h4: 1.25rem; --headline-font-size-h5: 1.25rem; --headline-font-size-h6: 1.25rem; --input-background-color: blue; --input-border-color: red; --input-border-radius: 1rem; --input-border-width: 5px; --input-font-size: var(--default-font-size); --input-font-weight: var(--default-font-weight); --input-line-height: var(--default-line-height); --tab-label-font-weight: 700; --tab-label-font-size: --font-size; --tab-label-hover-background: rgba(0, 0, 0, .05); --tab-label-checked-background: rgba(0, 0, 0, .1); --tab-border-radius: 8px; --toast-text-color: var(--color-grey-900); --toast-success-background-color: var(--color-primary-500); --toast-success-border-color: var(--color-primary-100); --toast-error-background-color: var(--color-error-bg); --toast-error-border-color: var(--color-error); --toast-info-background-color: var(--color-info-bg); --toast-info-border-color: var(--color-info); --tooltip-btn-background-color: transparent; --tooltip-btn-svg-fill: var(--color-primary-500); --tooltip-description-bg: var(--color-primary-500); --tooltip-description-color: #fff; --tooltip-description-width: 150px; --tooltip-description-border-radius: 4px; --tooltip-description-padding: 4px 8px; --tooltip-description-horizontal-postion: calc(-50% - 10px); --tooltip-description-vertical-position: calc(-100% - 8px); --tooltip-description-shadow-color: var(--color-grey-900-rgb) } a.color-black { color: #000 !important } a.no-text-decoration { text-decoration: none } .dropdown-menu { min-width: auto } .dropdown-menu li { padding: 0 8px; text-align: left } .fullWidth { left: 50%; margin-left: -50vw !important; margin-right: -50vw !important; position: relative; right: 50%; width: 100vw !important } .material-icons { margin-right: 4px } .component { padding: 1pc } .hidden { display: none } .richtext ol { list-style: decimal } .richtext ul { list-style: disc } .richtext ol li, .richtext ul li { list-style-position: inside } .aem-Grid-newComponent:not(.cq-Editable-dom) { display: none } .actionBar { display: flex } .actionBar a { background-color: #ddd; color: #4a4a49; display: block; float: left; height: 30px; line-height: 30px; margin-right: 5px; padding: 0; position: relative; text-decoration: none; width: 30px } .actionBar a:last-child { margin-right: 0 } .actionBar a:active, .actionBar a:hover { color: #1d1d1b } .actionBar a:before { font-size: 1.13rem; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 30px } .actionBar .icon, .actionBar .material-icons { line-height: 30px; margin-right: 0; padding: 0 2px } .socialBar { display: flex } .socialBar a { align-items: center; display: flex } .socialBar a:active, .socialBar a:hover { color: #fff; text-decoration: none } .socialBar a:active:before, .socialBar a:hover:before { color: #fff } .socialBar span { color: #fff; font-size: 14px; line-height: 30px; position: relative; text-decoration: none } .socialBar span:last-child { margin-right: 0 } .socialBar span:before { height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 30px } @media(max-width:767.98px) { .socialBar span { overflow: hidden; padding: 0 } } .socialBar__media { align-items: center; display: flex; margin-right: 5px } .socialBar__media .icon { color: #fff; line-height: 28px; margin-right: 0 } .socialBar__media .icon:before { font-size: 20px; padding: 2px } .socialBar__media span { padding: 0 4px 0 10px } .socialBar .facebook { background-color: #5872a7 } .socialBar .facebook a:active, .socialBar .facebook a:active:before, .socialBar .facebook a:hover, .socialBar .facebook a:hover:before { background-color: #355089 } .socialBar .facebook .icon { background-color: #3b5998 } .socialBar .twitter { background-color: #56b9f5 } .socialBar .twitter a:active, .socialBar .twitter a:active:before, .socialBar .twitter a:hover, .socialBar .twitter a:hover:before { background-color: #1a91d9 } .socialBar .twitter .icon { background-color: #1da1f2 } .socialBar .linkedin { background-color: #4099c8 } .socialBar .linkedin .icon, .socialBar .linkedin a:active, .socialBar .linkedin a:active:before, .socialBar .linkedin a:hover, .socialBar .linkedin a:hover:before { background-color: #0077b5 } .tooltip { margin-left: 8px } .tooltip__btn { fill: var(--tooltip-btn-svg-fill); background-color: var(--tooltip-btn-background-color); border: none; cursor: pointer; height: 20px; padding: 0; position: relative; vertical-align: text-bottom } .tooltip__btn svg { height: 20px; width: 20px } .tooltip__description--hide { visibility: hidden } .tooltip [role=tooltip] { background-color: var(--tooltip-description-bg); border-radius: var(--tooltip-description-border-radius); box-shadow: 0 0 24px 0 rgba(var(--tooltip-description-shadow-color), .08); color: var(--tooltip-description-color); hyphens: auto; margin-top: 0; overflow-wrap: break-word; padding: var(--tooltip-description-padding); position: absolute; transform: translate(var(--tooltip-description-horizontal-postion), var(--tooltip-description-vertical-position)); width: var(--tooltip-description-width) } .tooltip [role=tooltip]:after { border-color: var(--tooltip-description-bg) transparent transparent transparent; border-style: solid; border-width: 6px; content: ""; left: 50%; margin-left: -6px; position: absolute; top: 100% } .splide__container { box-sizing: border-box; position: relative } .splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important } .splide.is-initialized:not(.is-active) .splide__list { display: block } .splide__pagination { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; pointer-events: none } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto } .splide:not(.is-overflow) .splide__pagination { display: none } .splide__progress__bar { width: 0 } .splide { position: relative; visibility: hidden } .splide.is-initialized, .splide.is-rendered { visibility: visible } .splide__slide { -ms-flex-negative: 0; backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative } .splide__slide img { vertical-align: bottom } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none } .splide__toggle.is-active .splide__toggle__pause { display: inline } .splide__track { overflow: hidden; position: relative; z-index: 0 } @keyframes splide-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .splide__track--fade>.splide__list>.splide__slide { margin: 0 !important; opacity: 0; z-index: 0 } .splide__track--fade>.splide__list>.splide__slide.is-active { opacity: 1; z-index: 1 } .splide--rtl { direction: rtl } .splide__track--ttb>.splide__list { display: block } .splide__arrow { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; justify-content: center; opacity: .7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1 } .splide__arrow svg { fill: #000; height: 1.2em; width: 1.2em } .splide__arrow:hover:not(:disabled) { opacity: .9 } .splide__arrow:disabled { opacity: .3 } .splide__arrow:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide__arrow--prev { left: 1em } .splide__arrow--prev svg { transform: scaleX(-1) } .splide__arrow--next { right: 1em } .splide.is-focus-in .splide__arrow:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__pagination { bottom: .5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1 } .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 8px; margin: 3px; opacity: .7; padding: 0; position: relative; transition: transform .2s linear; width: 8px } .splide__pagination__page.is-active { background: #fff; transform: scale(1.4); z-index: 1 } .splide__pagination__page:hover { cursor: pointer; opacity: .9 } .splide__pagination__page:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide.is-focus-in .splide__pagination__page:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__progress__bar { background: #ccc; height: 3px } .splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .splide__slide:focus { outline: 0 } @supports(outline-offset:-3px) { .splide__slide:focus-visible { outline: 3px solid #0bf; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide__slide:focus-visible { border: 3px solid #0bf } } @supports(outline-offset:-3px) { .splide.is-focus-in .splide__slide:focus { outline: 3px solid #0bf; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid #0bf } .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus { border-color: #0bf } } .splide__toggle { cursor: pointer } .splide__toggle:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide.is-focus-in .splide__toggle:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__track--nav>.splide__list>.splide__slide { border: 3px solid transparent; cursor: pointer } .splide__track--nav>.splide__list>.splide__slide.is-active { border: 3px solid #000 } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1) } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1) } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%) } .splide__arrows--ttb .splide__arrow--prev { top: 1em } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg) } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg) } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: .5em; top: 0 }