/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/main.scss ***!
  \*********************************************************************************************************************************************************************/
/* 
    #ANCHOR Imports 
*/
/* #ANCHOR Imports */
/* #ANCHOR Imports */
:root {
  --vh: 1vh;
  --vvh: 1vh;
  --appHeight: 894px;
  --headerMaxWidth: 320px;
  --sidebarWidth: 50%;
  --maxAppHeight: 894px;
  --wpAdminBarHeight: 46px;
  --orange: #E63A11;
  --red: #BA1929;
  --grey1: #d9d9d9;
  --grey2: #dedede;
  --grey3: #efefef;
  --black: #000;
  --white: #fff;
}
@media only screen and (max-width: 772px) {
  :root {
    --maxAppHeight: 100vh;
  }
}

h1, h2, h3, h4, h5, h6, p {
  hyphens: auto;
  overflow-wrap: break-word;
}

.oxg-no-word-break {
  word-break: keep-all !important;
  hyphens: none;
}

@media only screen and (min-width: 992px) {
  .oxg-house-of-wella.is-reduced-size h3 {
    font-size: clamp(24px, 4vh, 56px) !important;
  }
  .oxg-house-of-wella.is-reduced-size .brxe-text-basic {
    font-size: 13px;
    line-height: 120%;
  }
  .oxg-house-of-wella.is-reduced-size .brxe-image {
    width: 24px !important;
    height: 24px !important;
  }
}

.oxg-splash-heading.is-reduced-size {
  font-size: clamp(56px, 20vh, 160px) !important;
}
@media only screen and (max-width: 767px) {
  .oxg-splash-heading.is-reduced-size {
    font-size: clamp(56px, 12vh, 120px) !important;
  }
}

.oxg-splash-subline.is-reduced-size {
  font-size: clamp(18px, 6vh, 72px) !important;
}
@media only screen and (max-width: 767px) {
  .oxg-splash-subline.is-reduced-size {
    font-size: clamp(18px, 5vh, 56px) !important;
  }
}

html {
  scroll-behavior: smooth;
}

.oxg-only-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .oxg-only-mobile {
    display: inline;
  }
}

a.oxg-btn {
  font-family: "ABCROMCompressed";
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 20px !important;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black !important;
  background-color: white !important;
  width: auto !important;
  line-height: 1;
  height: 64px;
  gap: 8px;
}
a.oxg-btn.primary {
  background-color: var(--primary) !important;
  color: white !important;
}
@media (hover: hover) {
  a.oxg-btn.primary:hover {
    background-color: var(--primary-hover) !important;
    color: white !important;
  }
}
a.oxg-btn.booking-btn {
  width: 176px !important;
}
a.oxg-btn.sebastian {
  background-color: var(--black) !important;
}
@media only screen and (max-width: 767px) {
  a.oxg-btn {
    height: 56px;
  }
}
a.oxg-btn:first-of-type {
  padding-right: 8px;
}
a.oxg-btn:last-of-type {
  padding-left: 8px;
}
@media (hover: hover) {
  a.oxg-btn:hover {
    background-color: var(--primary) !important;
    color: white !important;
  }
  a.oxg-btn.sebastian:hover {
    background-color: rgb(60, 60, 60) !important;
  }
}
a.oxg-btn [class^=icon-light-], a.oxg-btn [class*=icon-light-] {
  font-size: 16px;
}

.admin-bar .oxg-frame,
.admin-bar .oxg-frame-bg {
  height: calc(100 * var(--vh) - var(--wpAdminBarHeight)) !important;
}

.oxg-app-off-area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100 * var(--vh));
  background: radial-gradient(#000, #5a050e);
}

.oxg-app-frame {
  position: relative;
  width: 100%;
  max-width: 1440px;
  max-height: var(--maxAppHeight);
  height: calc(100 * var(--vh));
  background: white;
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.67);
  overflow: hidden;
}
@media only screen and (max-width: 1504px) {
  .oxg-app-frame {
    width: calc(100% - 64px);
  }
}
@media only screen and (max-width: 991px) {
  .oxg-app-frame {
    max-height: unset;
    width: 100%;
  }
}

#brx-header {
  z-index: 999 !important;
}
@media only screen and (max-width: 1279px) {
  #brx-header {
    position: fixed !important;
    pointer-events: none;
  }
}
#brx-header.is-framed {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1279px) {
  #brx-header.is-framed {
    position: absolute !important;
    pointer-events: none;
  }
}
#brx-header.is-framed .oxg-header-wrap {
  height: calc(100 * var(--vvh));
}

.no-header #brx-content {
  height: 100% !important;
  overflow-y: hidden;
}

.brx-header-left #brx-content {
  height: 100% !important;
}
.brx-header-left #brx-content.is-framed {
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and old Edge */
  scrollbar-width: none;
}
.brx-header-left #brx-content.is-framed::-webkit-scrollbar {
  display: none; /* Chrome, Safari, newer Edge */
}

#brx-content {
  z-index: 0;
}
@media only screen and (max-width: 1279px) {
  #brx-content {
    margin-left: 0 !important;
  }
}

.brx-content-no-of #brx-content,
.brx-content-no-of.brx-header-left #brx-content {
  overflow: hidden;
}

.oxg-header-wrap {
  z-index: 999;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100 * var(--vh));
  overflow: hidden;
}
.oxg-header-wrap.style-b {
  height: 100%;
}
.oxg-header-wrap .oxg-header-overlay-bg {
  z-index: 0;
  display: none;
  pointer-events: none;
}
.oxg-header-wrap .oxg-header-overlay-bg.is-visible {
  display: block;
  pointer-events: all;
}
.oxg-header-wrap .oxg-header {
  z-index: 1;
  pointer-events: all;
  width: 100%;
  transition: all 0.3s ease, height 0s;
  background: var(--secondary);
  color: var(--black);
  transform: translateX(0);
  height: inherit;
  position: absolute;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and old Edge */
  scrollbar-width: none;
}
.oxg-header-wrap .oxg-header::-webkit-scrollbar {
  display: none; /* Chrome, Safari, newer Edge */
}
@media only screen and (max-width: 1279px) {
  .oxg-header-wrap .oxg-header {
    width: 100%;
    transform: translateX(100%);
    left: unset;
    right: 0;
    max-width: 480px;
  }
}
.oxg-header-wrap .oxg-header.is-open {
  transform: translateX(0);
}

.oxg-main-wrap {
  position: absolute;
  z-index: 0;
  left: var(--headerMaxWidth);
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background: var(--grey3);
}
@media only screen and (max-width: 1279px) {
  .oxg-main-wrap {
    left: 0;
  }
}
.oxg-main-wrap .oxg-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: var(--white);
}
@media only screen and (max-width: 767px) {
  .oxg-main-wrap .oxg-content {
    position: relative;
    width: 100%;
  }
}
.oxg-main-wrap .oxg-content.has-sidebar {
  width: calc(100% - var(--sidebarWidth));
}
@media only screen and (max-width: 767px) {
  .oxg-main-wrap .oxg-content.has-sidebar {
    width: 100%;
  }
}
.oxg-main-wrap .oxg-sidebar {
  min-height: 100%;
  width: var(--sidebarWidth);
  background: var(--grey);
  position: sticky;
  top: 0;
  left: 100%;
}
@media only screen and (max-width: 767px) {
  .oxg-main-wrap .oxg-sidebar {
    width: 100%;
    min-height: 0;
    position: relative;
    left: 0;
  }
}

.oxg-menu-toggle {
  z-index: 2;
  position: absolute;
  pointer-events: all;
  background-color: var(--secondary);
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  display: none;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  color: white;
}
.oxg-menu-toggle .close-icon {
  display: none;
}
.oxg-menu-toggle:hover {
  background-color: var(--secondary-hover);
  cursor: pointer;
}
.oxg-menu-toggle[aria-expanded=true] {
  background-color: white;
  color: var(--secondary);
}
.oxg-menu-toggle[aria-expanded=true] .close-icon {
  display: inline;
}
.oxg-menu-toggle[aria-expanded=true] .menu-icon {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .oxg-menu-toggle {
    display: flex;
  }
}

.oxg-lang-menu {
  font-size: 20px;
  font-family: "ABCROMCompressed";
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: var(--space-s);
}
.oxg-lang-menu .deactivated-lang {
  color: var(--primary) !important;
}
.oxg-lang-menu a {
  color: black !important;
}
.oxg-lang-menu a:hover {
  color: white !important;
}
.oxg-lang-menu .is-current {
  color: white !important;
}

#brx-footer {
  z-index: 998 !important;
}
#brx-footer.is-framed {
  pointer-events: none;
  position: absolute !important;
  left: var(--headerMaxWidth);
  bottom: 0;
  right: 0;
  margin-left: 0 !important;
}
#brx-footer.is-framed .oxg-page-nav-wrap {
  position: absolute;
}

.oxg-page-nav-wrap {
  z-index: 998;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .oxg-page-nav-wrap {
    width: 100%;
  }
}

.oxg-page-nav {
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 var(--space-m) var(--space-m) 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .oxg-page-nav {
    padding: 0;
  }
}
.oxg-page-nav .nav-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.oxg-page-nav .nav-icon.trailing {
  margin-left: 8px;
}
.oxg-page-nav .nav-icon.leading {
  margin-right: 8px;
}
.oxg-page-nav a {
  pointer-events: all;
  border: 1px solid white;
  font-family: "ABCROMCompressed";
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  background-color: var(--secondary);
  width: auto;
  width: 176px;
  height: 64px;
}
.oxg-page-nav a:first-of-type {
  padding-right: 8px;
  border-right: none;
}
.oxg-page-nav a:last-of-type {
  padding-left: 8px;
  border-left: none;
}
.oxg-page-nav a:hover {
  background-color: var(--secondary-hover);
}
@media (max-width: 991px) {
  .oxg-page-nav a {
    border: none;
  }
}
.oxg-page-nav .current-page-indicator {
  pointer-events: all;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0 48px;
  background-color: rgb(0, 0, 0);
  color: white;
}
@media (max-width: 1366px) {
  .oxg-page-nav .current-page-indicator {
    padding: 0 16px;
  }
}
@media (max-width: 991px) {
  .oxg-page-nav .current-page-indicator {
    height: 48px;
    border: none;
    background-color: transparent;
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  .oxg-page-nav {
    background-color: var(--secondary);
    width: 100%;
    height: 48px;
  }
  .oxg-page-nav a {
    height: 48px;
    width: 100%;
  }
  .oxg-page-nav a:first-of-type {
    border-right: 1px solid var(--primary);
  }
  .oxg-page-nav a:last-of-type {
    border-left: 1px solid var(--primary);
  }
}
@media (max-width: 467px) {
  .oxg-page-nav {
    gap: 16px;
  }
}

.oxg-main-menu {
  font-family: "ABCROMCompressed";
  font-weight: 700;
}

.oxg-after-main-nav {
  display: block;
  height: 0;
}

.oxg-main-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 30px;
}
.oxg-main-menu-list .has-alt-title {
  text-transform: none;
}
.oxg-main-menu-list a {
  line-height: 1.33;
  color: black !important;
}
@media (pointer: coarse) {
  .oxg-main-menu-list a {
    line-height: 1.75;
  }
}
.oxg-main-menu-list a:hover {
  color: white !important;
}
.oxg-main-menu-list a[aria-current=page] {
  color: white !important;
}
.oxg-main-menu-list .is-current {
  color: white !important;
}
.oxg-main-menu-list .sub-menu {
  list-style: none;
  border-left: 6px solid black;
  padding: 0 0 0 12px;
}
.oxg-main-menu-list .sub-menu .sub-menu {
  font-size: 20px;
}
.oxg-main-menu-list .current-menu-item .sub-menu {
  border-left: 6px solid white;
}

.oxg-legal-nav {
  position: sticky;
  pointer-events: none;
  left: 0;
  padding: var(--space-m);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 2;
}
.oxg-legal-nav.force-dock {
  top: unset !important;
  bottom: 0 !important;
}
@media only screen and (max-width: 1279px) {
  .oxg-legal-nav.force-dock {
    top: 0 !important;
    bottom: unset !important;
  }
}
.oxg-legal-nav.pos-origin-bottom {
  top: unset;
  bottom: 0;
}
.oxg-legal-nav.pos-origin-top {
  top: 100%;
  bottom: unset;
}
.oxg-legal-nav .gradient {
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: linear-gradient(to top, rgb(230, 58, 17) 50%, rgba(230, 58, 17, 0));
}
.oxg-legal-nav a {
  pointer-events: all;
  position: relative;
  z-index: 1;
  color: var(--black) !important;
}
.oxg-legal-nav a:hover {
  color: var(--white) !important;
}
.oxg-legal-nav .logo-wrap {
  position: relative;
  z-index: 1;
  width: 75px;
  height: auto;
}
.oxg-legal-nav .logo-wrap .logo {
  width: 100%;
  height: auto;
}

[class^=icon-light-], [class*=" icon-light-"] {
  font-family: "SpinIcons" !important;
  speak: never;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-light-menu:before {
  content: "\e900";
}

.icon-light-close-menu:before {
  content: "\e901";
}

.icon-light-dropdown:before {
  content: "\e902";
}

.icon-light-search:before {
  content: "\e903";
}

.icon-light-log-in:before {
  content: "\e904";
}

.icon-light-log-out:before {
  content: "\e905";
}

.icon-light-globe:before {
  content: "\e90b";
}

.icon-light-small-dots-vertical:before {
  content: "\e906";
}

.icon-light-person1:before {
  content: "\e907";
}

.icon-light-person-2:before {
  content: "\e908";
}

.icon-light-person--outline1:before {
  content: "\e909";
}

.icon-light-person-2--outline:before {
  content: "\e90a";
}

.icon-light-globe--outline:before {
  content: "\e90c";
}

.icon-light-shield--outline:before {
  content: "\e95a";
}

.icon-light-shield:before {
  content: "\e962";
}

.icon-light-fingerprint:before {
  content: "\e90d";
}

.icon-light-sun:before {
  content: "\e90e";
}

.icon-light-moon:before {
  content: "\e90f";
}

.icon-light-lock-unlocked:before {
  content: "\e910";
}

.icon-light-lock:before {
  content: "\e911";
}

.icon-light-accessibility:before {
  content: "\e912";
}

.icon-light-accessibility-2:before {
  content: "\e913";
}

.icon-light-contrast:before {
  content: "\e914";
}

.icon-light-eye:before {
  content: "\e915";
}

.icon-light-crossed-out-eye:before {
  content: "\e916";
}

.icon-light-eye-2:before {
  content: "\e917";
}

.icon-light-crossed-out-eye-2:before {
  content: "\e918";
}

.icon-light-key:before {
  content: "\e919";
}

.icon-light-sun--outline:before {
  content: "\e91a";
}

.icon-light-moon--outline:before {
  content: "\e91b";
}

.icon-light-lock--outline:before {
  content: "\e91c";
}

.icon-light-lock-unlocked--outline:before {
  content: "\e91d";
}

.icon-light-eye--outline:before {
  content: "\e91e";
}

.icon-light-crosse-out-eye-2--outline:before {
  content: "\e91f";
}

.icon-light-closed-eye:before {
  content: "\e920";
}

.icon-light-key--outline:before {
  content: "\e921";
}

.icon-light-half-star:before {
  content: "\e963";
}

.icon-light-share:before {
  content: "\e922";
}

.icon-light-heart:before {
  content: "\e923";
}

.icon-light-bookmark:before {
  content: "\e924";
}

.icon-light-star:before {
  content: "\e925";
}

.icon-light-bell:before {
  content: "\e926";
}

.icon-light-flag:before {
  content: "\e927";
}

.icon-light-happy-face:before {
  content: "\e928";
}

.icon-light-neutral-face:before {
  content: "\e929";
}

.icon-light-sad-face:before {
  content: "\e92a";
}

.icon-light-share--outline:before {
  content: "\e92b";
}

.icon-light-heart--outline:before {
  content: "\e92c";
}

.icon-light-bookmark--outline:before {
  content: "\e92d";
}

.icon-light-star--outline:before {
  content: "\e92e";
}

.icon-light-bell--outline:before {
  content: "\e92f";
}

.icon-light-flag--outline:before {
  content: "\e930";
}

.icon-light-happy-face--outline:before {
  content: "\e931";
}

.icon-light-neutral-face--outline:before {
  content: "\e932";
}

.icon-light-sad-face--outline:before {
  content: "\e933";
}

.icon-light-location-pin:before {
  content: "\e934";
}

.icon-light-location-pin-plus:before {
  content: "\e935";
}

.icon-light-map:before {
  content: "\e937";
}

.icon-light-compass:before {
  content: "\e938";
}

.icon-light-location-pin--outline:before {
  content: "\e939";
}

.icon-light-location-pin-plus--outline:before {
  content: "\e93a";
}

.icon-light-map--outline:before {
  content: "\e93c";
}

.icon-light-compass--outline:before {
  content: "\e93d";
}

.icon-light-pin:before {
  content: "\e936";
}

.icon-light-pin--outline:before {
  content: "\e93b";
}

.icon-light-database:before {
  content: "\e93e";
}

.icon-light-lightning:before {
  content: "\e93f";
}

.icon-light-paper-clip:before {
  content: "\e940";
}

.icon-light-cloud-upload:before {
  content: "\e941";
}

.icon-light-cloud-download:before {
  content: "\e942";
}

.icon-light-floppy-disk:before {
  content: "\e943";
}

.icon-light-stack:before {
  content: "\e944";
}

.icon-light-stack--outline:before {
  content: "\e945";
}

.icon-light-image:before {
  content: "\e946";
}

.icon-light-image-broken:before {
  content: "\e947";
}

.icon-light-photo:before {
  content: "\e948";
}

.icon-light-database--outline:before {
  content: "\e949";
}

.icon-light-cloud-upload--outline:before {
  content: "\e94a";
}

.icon-light-cloud-download--outline:before {
  content: "\e94b";
}

.icon-light-floppy-disk--outline:before {
  content: "\e94c";
}

.icon-light-photo--outline:before {
  content: "\e94d";
}

.icon-light-sync:before {
  content: "\e94e";
}

.icon-light-barcode-scanner:before {
  content: "\e94f";
}

.icon-light-calendar:before {
  content: "\e950";
}

.icon-light-calendar-2:before {
  content: "\e951";
}

.icon-light-calendar-checked:before {
  content: "\e952";
}

.icon-light-calendar-x:before {
  content: "\e953";
}

.icon-light-calendar-marked:before {
  content: "\e954";
}

.icon-light-calendar-today:before {
  content: "\e955";
}

.icon-light-organisation-chart:before {
  content: "\e956";
}

.icon-light-price-tag:before {
  content: "\e957";
}

.icon-light-price-tag-2:before {
  content: "\e958";
}

.icon-light-paper:before {
  content: "\e959";
}

.icon-light-document:before {
  content: "\e95d";
}

.icon-light-pen-and-paper:before {
  content: "\e95e";
}

.icon-light-check-list-2:before {
  content: "\e95f";
}

.icon-light-check-list-3:before {
  content: "\e960";
}

.icon-light-document-2:before {
  content: "\e95b";
}

.icon-light-pdf:before {
  content: "\e961";
}

.icon-light-compressed-files:before {
  content: "\e95c";
}

.icon-light-storage-box:before {
  content: "\e964";
}

.icon-light-calendar--outline:before {
  content: "\e965";
}

.icon-light-calendar-2--outline:before {
  content: "\e966";
}

.icon-light-calendar-checked--outline:before {
  content: "\e967";
}

.icon-light-calendar-x--outline:before {
  content: "\e968";
}

.icon-light-calendar-marked--outline:before {
  content: "\e969";
}

.icon-light-calendar-today--outline:before {
  content: "\e96a";
}

.icon-light-organisation-chart--outline:before {
  content: "\e96b";
}

.icon-light-paper--outline:before {
  content: "\e96c";
}

.icon-light-paper-description--outline:before {
  content: "\e976";
}

.icon-light-pen-and-paper--outline:before {
  content: "\e978";
}

.icon-light-check-list-2--outline:before {
  content: "\e96f";
}

.icon-light-check-list-3--outline:before {
  content: "\e977";
}

.icon-light-list--outline:before {
  content: "\e96e";
}

.icon-light-pdf--outline:before {
  content: "\e974";
}

.icon-light-paper-list--outline:before {
  content: "\e97a";
}

.icon-light-folder--outline:before {
  content: "\e970";
}

.icon-light-folder-full--outline:before {
  content: "\e971";
}

.icon-light-folder-open--outline:before {
  content: "\e972";
}

.icon-light-compressed-files--outline:before {
  content: "\e973";
}

.icon-light-storage-box--outline:before {
  content: "\e97b";
}

.icon-light-price-tag--outline:before {
  content: "\e97c";
}

.icon-light-price-tag-2--outline:before {
  content: "\e97d";
}

.icon-light-person--outline:before {
  content: "\e96d";
}

.icon-light-person:before {
  content: "\e975";
}

.icon-light-add-person:before {
  content: "\e97e";
}

.icon-light-remove-person:before {
  content: "\e97f";
}

.icon-light-person-pen:before {
  content: "\e980";
}

.icon-light-group:before {
  content: "\e981";
}

.icon-light-group-plus:before {
  content: "\e982";
}

.icon-light-remove-group:before {
  content: "\e983";
}

.icon-light-group-pen:before {
  content: "\e984";
}

.icon-light-add-person--outline:before {
  content: "\e985";
}

.icon-light-remove-person--outline:before {
  content: "\e986";
}

.icon-light-person-pen--outline:before {
  content: "\e987";
}

.icon-light-group--outline:before {
  content: "\e988";
}

.icon-light-group-plus--outline:before {
  content: "\e989";
}

.icon-light-remove-group--outline:before {
  content: "\e98a";
}

.icon-light-group-pen--outline:before {
  content: "\e98b";
}

.icon-light-payment--outline:before {
  content: "\e979";
}

.icon-light-euro:before {
  content: "\e98c";
}

.icon-light-percent:before {
  content: "\e98d";
}

.icon-light-shopping-cart:before {
  content: "\e98e";
}

.icon-light-shopping-bag:before {
  content: "\e98f";
}

.icon-light-wallet:before {
  content: "\e990";
}

.icon-light-credit-card:before {
  content: "\e991";
}

.icon-light-shopping-cart--outline:before {
  content: "\e992";
}

.icon-light-shopping-bag--outline:before {
  content: "\e993";
}

.icon-light-wallet--outline:before {
  content: "\e994";
}

.icon-light-credit-card--outline:before {
  content: "\e995";
}

.icon-light-add-credit-card--outline:before {
  content: "\e996";
}

.icon-light-play--padded:before {
  content: "\e997";
}

.icon-light-pause--padded:before {
  content: "\e998";
}

.icon-light-stop:before {
  content: "\ea16";
}

.icon-light-speaker:before {
  content: "\e999";
}

.icon-light-muted:before {
  content: "\e99a";
}

.icon-light-play--padded-outline:before {
  content: "\e99b";
}

.icon-light-pause--padded-outline:before {
  content: "\e99c";
}

.icon-light-stop--outline:before {
  content: "\ea58";
}

.icon-light-speaker--outline:before {
  content: "\e99d";
}

.icon-light-muted--outline:before {
  content: "\e99e";
}

.icon-light-paper-plane:before {
  content: "\e99f";
}

.icon-light-mail:before {
  content: "\e9a0";
}

.icon-light-mail-marked:before {
  content: "\e9a1";
}

.icon-light-inbox:before {
  content: "\e9a2";
}

.icon-light-phone:before {
  content: "\e9a3";
}

.icon-light-speech-bubble-right:before {
  content: "\e9a4";
}

.icon-light-speech-bubble:before {
  content: "\e9a5";
}

.icon-light-paper-plane--outline:before {
  content: "\e9a6";
}

.icon-light-mail--outline:before {
  content: "\e9a7";
}

.icon-light-mail-marked--outline:before {
  content: "\e9a8";
}

.icon-light-inbox--outline:before {
  content: "\e9a9";
}

.icon-light-phone--outline:before {
  content: "\e9aa";
}

.icon-light-speech-bubble-right--outline:before {
  content: "\e9ab";
}

.icon-light-speech-bubble--outline:before {
  content: "\e9ac";
}

.icon-light-warning--outline:before {
  content: "\e9fa";
}

.icon-light-warning:before {
  content: "\e9fb";
}

.icon-light-external-link-2:before {
  content: "\ea00";
}

.icon-light-gear:before {
  content: "\e9ad";
}

.icon-light-house:before {
  content: "\e9ae";
}

.icon-light-house-2:before {
  content: "\e9af";
}

.icon-light-pen:before {
  content: "\e9b0";
}

.icon-light-trash-can:before {
  content: "\e9b1";
}

.icon-light-copy:before {
  content: "\e9b2";
}

.icon-light-add-new:before {
  content: "\e9b3";
}

.icon-light-grid:before {
  content: "\e9b4";
}

.icon-light-grid-2:before {
  content: "\e9b5";
}

.icon-light-small-dots:before {
  content: "\e9b6";
}

.icon-light-zoom-in:before {
  content: "\e9b7";
}

.icon-light-zoom-out:before {
  content: "\e9b8";
}

.icon-light-toggle-off:before {
  content: "\e9b9";
}

.icon-light-toggle-on:before {
  content: "\e9ba";
}

.icon-light-filter:before {
  content: "\e9bb";
}

.icon-light-label:before {
  content: "\e9bc";
}

.icon-light-control-panel:before {
  content: "\e9bd";
}

.icon-light-control-panel-2:before {
  content: "\e9be";
}

.icon-light-gear--outline:before {
  content: "\e9bf";
}

.icon-light-house--outline:before {
  content: "\e9c0";
}

.icon-light-house-2--outline:before {
  content: "\e9c1";
}

.icon-light-pen--outline:before {
  content: "\e9c2";
}

.icon-light-trash-can--outline:before {
  content: "\e9c3";
}

.icon-light-copy--outlineai:before {
  content: "\e9c4";
}

.icon-light-add-new--outline:before {
  content: "\e9c5";
}

.icon-light-i-triangle--outline:before {
  content: "\e9c6";
}

.icon-light-zoom-in--outline:before {
  content: "\e9c7";
}

.icon-light-zoom-out--outline:before {
  content: "\e9c8";
}

.icon-light-toggle-off--outline:before {
  content: "\e9c9";
}

.icon-light-toggle-on--outline:before {
  content: "\e9ca";
}

.icon-light-filter--outline:before {
  content: "\e9cb";
}

.icon-light-label--outline:before {
  content: "\e9cc";
}

.icon-light-control-panel--outline:before {
  content: "\e9cd";
}

.icon-light-control-panel-2--outline:before {
  content: "\e9ce";
}

.icon-light-check-mark:before {
  content: "\e9cf";
}

.icon-light-check-mark--padded:before {
  content: "\e9d0";
}

.icon-light-double-check-mark:before {
  content: "\e9d1";
}

.icon-light-question-mark:before {
  content: "\e9d2";
}

.icon-light-expand:before {
  content: "\e9d3";
}

.icon-light-contract:before {
  content: "\e9d4";
}

.icon-light-external-link:before {
  content: "\e9d5";
}

.icon-light-spinner:before {
  content: "\e9d6";
}

.icon-light-linked:before {
  content: "\e9d7";
}

.icon-light-unlinked:before {
  content: "\e9d8";
}

.icon-light-grid--outline:before {
  content: "\e9d9";
}

.icon-light-grid-2--outline:before {
  content: "\e9da";
}

.icon-light-sorted-stripes:before {
  content: "\e9db";
}

.icon-light-bullet-list:before {
  content: "\e9dc";
}

.icon-light-check-list:before {
  content: "\e9dd";
}

.icon-light-refresh:before {
  content: "\ea01";
}

.icon-light-arrow-up:before {
  content: "\e9de";
}

.icon-light-arrow-down:before {
  content: "\e9df";
}

.icon-light-arrow-left:before {
  content: "\e9e0";
}

.icon-light-arrow-right:before {
  content: "\e9e1";
}

.icon-light-arrow-top-left:before {
  content: "\e9e2";
}

.icon-light-arrow-top-right:before {
  content: "\e9e3";
}

.icon-light-arrow-down-left:before {
  content: "\e9e4";
}

.icon-light-arrow-down-right:before {
  content: "\e9e5";
}

.icon-light-hooked-arrow-left:before {
  content: "\e9e6";
}

.icon-light-hooked-arrow-right:before {
  content: "\e9e7";
}

.icon-light-arrows-expand:before {
  content: "\e9e8";
}

.icon-light-arrows-contract:before {
  content: "\e9e9";
}

.icon-light-double-arrow-left:before {
  content: "\e9ea";
}

.icon-light-double-arrow-right:before {
  content: "\e9eb";
}

.icon-light-redo:before {
  content: "\e9ec";
}

.icon-light-undo:before {
  content: "\e9ed";
}

.icon-light-upload:before {
  content: "\e9ee";
}

.icon-light-upload-2:before {
  content: "\e9ef";
}

.icon-light-dowload:before {
  content: "\e9f0";
}

.icon-light-chevron-up:before {
  content: "\e9f1";
}

.icon-light-chevron-down:before {
  content: "\e9f2";
}

.icon-light-chevron-left:before {
  content: "\e9f3";
}

.icon-light-chevron-right:before {
  content: "\e9f4";
}

.icon-light-chevron-up-down:before {
  content: "\e9f5";
}

.icon-light-triangle-up:before {
  content: "\e9f6";
}

.icon-light-triangle-down:before {
  content: "\e9f7";
}

.icon-light-triangle-left:before {
  content: "\e9f8";
}

.icon-light-triangle-right:before {
  content: "\e9f9";
}

.icon-light-triangle-up--outline:before {
  content: "\e9fc";
}

.icon-light-triangle-down--outline:before {
  content: "\e9fd";
}

.icon-light-triangle-left--outline:before {
  content: "\e9fe";
}

.icon-light-triangle-right--outline:before {
  content: "\e9ff";
}

.icon-light-dot:before {
  content: "\ea02";
}

.icon-light-dot--circled:before {
  content: "\ea03";
}

.icon-light-small-dot--circled:before {
  content: "\ea04";
}

.icon-light-visor:before {
  content: "\ea05";
}

.icon-light-visor-filled:before {
  content: "\ea06";
}

.icon-light-small-dot:before {
  content: "\ea07";
}

.icon-light-square:before {
  content: "\ea08";
}

.icon-light-square--padded:before {
  content: "\ea09";
}

.icon-light-circle:before {
  content: "\ea0a";
}

.icon-light-visor--outline:before {
  content: "\ea0b";
}

.icon-light-visor-filled--outline:before {
  content: "\ea0c";
}

.icon-light-square--outline:before {
  content: "\ea0d";
}

.icon-light-x:before {
  content: "\ea0e";
}

.icon-light-x--padded:before {
  content: "\ea0f";
}

.icon-light-asterisk:before {
  content: "\ea10";
}

.icon-light-asterisk--padded:before {
  content: "\ea11";
}

.icon-light-plus:before {
  content: "\ea12";
}

.icon-light-plus--padded:before {
  content: "\ea13";
}

.icon-light-minus:before {
  content: "\ea14";
}

.icon-light-minus--padded:before {
  content: "\ea15";
}

.icon-light-vertical-line:before {
  content: "\ea17";
}

.icon-light-christian-cross:before {
  content: "\ea5b";
}

.icon-light-christian-cross--padded:before {
  content: "\ea5c";
}

.icon-light-text-symbol:before {
  content: "\ea5d";
}

.icon-light-plus--boxed:before {
  content: "\ea18";
}

.icon-light-minus--boxed:before {
  content: "\ea19";
}

.icon-light-check-mark--boxed:before {
  content: "\ea1a";
}

.icon-light-x--boxed:before {
  content: "\ea1b";
}

.icon-light-question-mark--boxed:before {
  content: "\ea1c";
}

.icon-light-plus--boxed-outline:before {
  content: "\ea1d";
}

.icon-light-minus--boxed-outline:before {
  content: "\ea1e";
}

.icon-light-check-mark--boxed-outline:before {
  content: "\ea1f";
}

.icon-light-x--boxed-outline:before {
  content: "\ea20";
}

.icon-light-question-mark--boxed-outline:before {
  content: "\ea21";
}

.icon-light-arrow-up--circled:before {
  content: "\ea22";
}

.icon-light-arrow-down--circled:before {
  content: "\ea23";
}

.icon-light-arrow-left--circled:before {
  content: "\ea24";
}

.icon-light-arrow-right--circled:before {
  content: "\ea25";
}

.icon-light-check-mark--circled:before {
  content: "\ea26";
}

.icon-light-x--circled:before {
  content: "\ea27";
}

.icon-light-information--circled:before {
  content: "\ea28";
}

.icon-light-i--circled:before {
  content: "\ea29";
}

.icon-light-exclamation-mark--circled:before {
  content: "\ea2a";
}

.icon-light-question-mark--soild:before {
  content: "\ea2b";
}

.icon-light-plus--circled:before {
  content: "\ea2c";
}

.icon-light-minus--circled:before {
  content: "\ea2d";
}

.icon-light-arrow-up--circled-outline:before {
  content: "\ea2e";
}

.icon-light-arrow-down--circled-outline:before {
  content: "\ea2f";
}

.icon-light-arrow-left--circled-outline:before {
  content: "\ea30";
}

.icon-light-arrow-right--circled-outline:before {
  content: "\ea31";
}

.icon-light-check-mark--circled-outline:before {
  content: "\ea32";
}

.icon-light-x--circled-outline:before {
  content: "\ea33";
}

.icon-light-information--circled-outline:before {
  content: "\ea34";
}

.icon-light-i--circled-outline:before {
  content: "\ea35";
}

.icon-light-exclamation-mark--circled-outline:before {
  content: "\ea36";
}

.icon-light-question-mark--circled-outline:before {
  content: "\ea37";
}

.icon-light-plus--circled-outline:before {
  content: "\ea38";
}

.icon-light-minus--circled-outline:before {
  content: "\ea39";
}

.icon-light-laptop:before {
  content: "\ea3a";
}

.icon-light-tablet:before {
  content: "\ea3b";
}

.icon-light-mobile:before {
  content: "\ea3c";
}

.icon-light-laptop--outline:before {
  content: "\ea3d";
}

.icon-light-tablet--outline:before {
  content: "\ea3e";
}

.icon-light-mobile--outline:before {
  content: "\ea3f";
}

.icon-light-stopwatch:before {
  content: "\ea40";
}

.icon-light-stopwatch--outline:before {
  content: "\ea41";
}

.icon-light-subway--outline:before {
  content: "\ea59";
}

.icon-light-subway:before {
  content: "\ea5a";
}

.icon-light-city:before {
  content: "\ea42";
}

.icon-light-office-building:before {
  content: "\ea43";
}

.icon-light-car:before {
  content: "\ea44";
}

.icon-light-taxi:before {
  content: "\ea45";
}

.icon-light-bus:before {
  content: "\ea46";
}

.icon-light-train:before {
  content: "\ea47";
}

.icon-light-tram:before {
  content: "\ea48";
}

.icon-light-tram-2:before {
  content: "\ea49";
}

.icon-light-delivery-truck:before {
  content: "\ea4a";
}

.icon-light-cable-car-rising:before {
  content: "\ea4b";
}

.icon-light-city--outline:before {
  content: "\ea4c";
}

.icon-light-office-building--outline:before {
  content: "\ea4d";
}

.icon-light-bicycle:before {
  content: "\ea4e";
}

.icon-light-car--outline:before {
  content: "\ea4f";
}

.icon-light-taxi--outline:before {
  content: "\ea50";
}

.icon-light-bus--outline:before {
  content: "\ea51";
}

.icon-light-train--outline:before {
  content: "\ea52";
}

.icon-light-delivery-truck--outline:before {
  content: "\ea53";
}

.icon-light-tram--outline:before {
  content: "\ea54";
}

.icon-light-tram-2--outline:before {
  content: "\ea55";
}

.icon-light-cable-car--outline:before {
  content: "\ea56";
}

.icon-light-cable-car-rising--outline:before {
  content: "\ea57";
}

[class^=wella-edu-icon-], [class*=" wella-edu-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "WellaEdu26Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wella-edu-icon-bw-entdecken:before {
  content: "\e900";
}

.wella-edu-icon-bw-basis:before {
  content: "\e901";
}

.wella-edu-icon-bw-aufbau:before {
  content: "\e902";
}

.wella-edu-icon-bw-expert:before {
  content: "\e903";
}

.wella-edu-icon-bw-slim-entdecken:before {
  content: "\e904";
}

.wella-edu-icon-bw-slim-basis:before {
  content: "\e905";
}

.wella-edu-icon-bw-slim-aufbau:before {
  content: "\e906";
}

.wella-edu-icon-bw-slim-expert:before {
  content: "\e907";
}

.wella-edu-icon-entdecken .path1:before {
  content: "\e908";
  color: rgb(230, 58, 17);
}

.wella-edu-icon-entdecken .path2:before {
  content: "\e909";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-entdecken .path3:before {
  content: "\e90a";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-entdecken .path4:before {
  content: "\e90b";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-entdecken .path5:before {
  content: "\e90c";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-basis .path1:before {
  content: "\e90d";
  color: rgb(230, 58, 17);
}

.wella-edu-icon-basis .path2:before {
  content: "\e90e";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-basis .path3:before {
  content: "\e90f";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-basis .path4:before {
  content: "\e910";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-basis .path5:before {
  content: "\e911";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-basis .path6:before {
  content: "\e912";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-aufbau .path1:before {
  content: "\e913";
  color: rgb(230, 58, 17);
}

.wella-edu-icon-aufbau .path2:before {
  content: "\e914";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-aufbau .path3:before {
  content: "\e915";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-aufbau .path4:before {
  content: "\e916";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-aufbau .path5:before {
  content: "\e917";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-aufbau .path6:before {
  content: "\e918";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-aufbau .path7:before {
  content: "\e919";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-expert .path1:before {
  content: "\e91a";
  color: rgb(186, 25, 41);
}

.wella-edu-icon-expert .path2:before {
  content: "\e91b";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-expert .path3:before {
  content: "\e91c";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-expert .path4:before {
  content: "\e91d";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-expert .path5:before {
  content: "\e91e";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-expert .path6:before {
  content: "\e91f";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-expert .path7:before {
  content: "\e920";
  margin-left: -1.0869140625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-expert .path8:before {
  content: "\e921";
  margin-left: -1.0869140625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-entdecken .path1:before {
  content: "\e922";
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-entdecken .path2:before {
  content: "\e923";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-entdecken .path3:before {
  content: "\e924";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-entdecken .path4:before {
  content: "\e925";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-entdecken .path5:before {
  content: "\e926";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-basis .path1:before {
  content: "\e927";
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-basis .path2:before {
  content: "\e928";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-basis .path3:before {
  content: "\e929";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-basis .path4:before {
  content: "\e92a";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-basis .path5:before {
  content: "\e92b";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-basis .path6:before {
  content: "\e92c";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-aufbau .path1:before {
  content: "\e92d";
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-aufbau .path2:before {
  content: "\e92e";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-aufbau .path3:before {
  content: "\e92f";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-aufbau .path4:before {
  content: "\e930";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-aufbau .path5:before {
  content: "\e931";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-aufbau .path6:before {
  content: "\e932";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-aufbau .path7:before {
  content: "\e933";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-expert .path1:before {
  content: "\e934";
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-expert .path2:before {
  content: "\e935";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-expert .path3:before {
  content: "\e936";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-expert .path4:before {
  content: "\e937";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-expert .path5:before {
  content: "\e938";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-expert .path6:before {
  content: "\e939";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.wella-edu-icon-slim-expert .path7:before {
  content: "\e93a";
  margin-left: -1.0478515625em;
  color: rgb(186, 25, 41);
}

.wella-edu-icon-slim-expert .path8:before {
  content: "\e93b";
  margin-left: -1.0478515625em;
  color: rgb(230, 58, 17);
}

.oxg-feed-item:not(a) {
  cursor: default !important;
}

.oxg-feed-item {
  position: relative;
  z-index: 0;
}
.oxg-feed-item .heading {
  word-break: keep-all !important;
}
.oxg-feed-item .feed-item-link.white {
  color: white !important;
  text-decoration: underline;
}
.oxg-feed-item .feed-item-link.white:hover {
  opacity: 0.9;
}
.oxg-feed-item .feed-item-link.white:focus {
  outline: 2px solid white;
  outline-offset: 2px;
  text-decoration: none;
}
.oxg-feed-item .icon-wrap .feed-item-arrow {
  transition: all 0s;
  font-size: 24px;
  color: white;
}
.oxg-feed-item .icon-wrap .feed-item-arrow.secondary {
  color: var(--secondary);
}
.oxg-feed-item .icon-wrap .feed-item-arrow.primary {
  color: var(--primary);
}
.oxg-feed-item .icon-wrap .feed-item-arrow.white {
  color: white;
}
.oxg-feed-item .icon-wrap .feed-item-arrow.black {
  color: black;
}
@media only screen and (max-width: 1500px) and (min-width: 1280px) {
  .oxg-feed-item .heading {
    font-size: clamp(32px, 3.8vw, 58px) !important;
  }
}
@media (hover: hover) {
  .oxg-feed-item:hover {
    cursor: pointer;
  }
  .oxg-feed-item:hover .featured-img {
    transition: opacity 0.15s ease;
    opacity: 1 !important;
  }
  .oxg-feed-item:hover .heading {
    color: var(--secondary) !important;
  }
  .oxg-feed-item:hover .icon-wrap {
    transition: transform 0.15s ease;
    transform: translateX(-8px);
    color: white !important;
  }
  .oxg-feed-item:hover .icon-wrap i {
    color: var(--secondary) !important;
  }
}
.oxg-feed-item:focus {
  z-index: 2;
  outline-color: black !important;
}

.oxg-feed-item-s .featured-img {
  border-radius: 0 !important;
}
.oxg-feed-item-s .heading {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: normal !important;
}
.oxg-feed-item-s .heading .title {
  margin-right: 8px;
}
.oxg-feed-item-s [class^=wella-edu-icon-] {
  font-size: 24px;
  transform: translateY(-1px);
}
.oxg-feed-item-s .gradient {
  transition: opacity 0.15s ease;
}
.oxg-feed-item-s a.clickable-area:focus {
  outline: 2px solid var(--primary) !important;
  outline-offset: 2px;
}
.oxg-feed-item-s[data-color="var(--black)"] a.clickable-area:focus {
  outline-color: var(--black) !important;
}
.oxg-feed-item-s[data-color="var(--white)"] a.clickable-area:focus {
  outline-color: var(--black) !important;
}
@media only screen and (max-width: 1439px) and (min-width: 1280px) {
  .oxg-feed-item-s [class^=wella-edu-icon-] {
    font-size: 20px;
  }
  .oxg-feed-item-s .heading {
    font-size: 26px !important;
  }
  .oxg-feed-item-s .level-img {
    width: 20px !important;
    transform: translateY(-4px) !important;
  }
}
@media (min-width: 768px) and (hover: hover) {
  .oxg-feed-item-s[data-color="var(--primary)"]:hover .heading {
    color: var(--secondary);
  }
  .oxg-feed-item-s[data-color="var(--white)"]:hover .heading {
    color: var(--white);
  }
  .oxg-feed-item-s[data-color="var(--black)"]:hover .heading {
    color: var(--white);
  }
  .oxg-feed-item-s[data-color="var(--secondary)"]:hover .heading {
    color: var(--primary);
  }
  .oxg-feed-item-s:hover {
    cursor: pointer;
  }
  .oxg-feed-item-s:hover [class^=wella-edu-icon-] {
    display: none;
  }
  .oxg-feed-item-s:hover .featured-img {
    width: calc(100% - 32px) !important;
  }
  .oxg-feed-item-s:hover .gradient {
    opacity: 1 !important;
  }
  .oxg-feed-item-s:hover .text-block {
    left: 0 !important;
    padding-top: 14px !important;
    width: calc(100% - 64px) !important;
  }
  .oxg-feed-item-s:hover .text-block .heading {
    display: inline-block;
    font-size: 40px !important;
    line-height: 0.96;
  }
  .oxg-feed-item-s:hover .text-block .heading.blink {
    animation: feedItemSBlink;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
  }
  .oxg-feed-item-s:hover .text-block .subline {
    opacity: 0 !important;
  }
  .oxg-feed-item-s:hover .icon-container {
    transition: width 0.3s ease;
    width: 64px !important;
  }
  .oxg-feed-item-s:hover .level-wrap {
    opacity: 0;
  }
}
@media only screen and (max-width: 767px) {
  .oxg-feed-item-s .heading {
    line-height: 1;
    font-size: 28px !important;
  }
  .oxg-feed-item-s [class^=wella-edu-icon-] {
    font-size: 22px;
  }
}
@media (max-width: 767px) and (hover: hover) {
  .oxg-feed-item-s {
    transition: background-color 0.15s ease;
  }
  .oxg-feed-item-s:hover {
    cursor: pointer;
    background-color: var(--secondary) !important;
  }
  .oxg-feed-item-s:hover .icon-container {
    background-color: black !important;
  }
}

@keyframes feedItemSBlink {
  0% {
    transform: translateX(-6px);
  }
  100% {
    transform: translateX(-12px);
  }
}
html {
  scroll-behavior: smooth;
}

/*# sourceMappingURL=main.css.map*/