/* @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=0ef65cf6-b91c-4fa4-a5fb-80d5f758c849"); */
@font-face {
  font-family: "Niveau Grotesk W01 Light";
  src: url("https://agentur-ledermann.de/fileadmin/templates/fonts/99ada5b8-1fa6-4f27-ad4f-bfdac7f0ca5c.woff2") format("woff2"), url("../fonts/bdabc4a9-2352-430a-8eb0-297d494b8986.woff") format("woff");
}
@font-face {
  font-family: "Niveau Grotesk W01 Regular";
  src: url("https://agentur-ledermann.de/fileadmin/templates/fonts/90f16167-b1dc-4882-87a6-71a36dd274a2.woff2") format("woff2"), url("../fonts/3cf52a78-ba19-4867-a45b-0dc58d6fd2e7.woff") format("woff");
}
@font-face {
  font-family: "Niveau Grotesk W01 Medium";
  src: url("https://agentur-ledermann.de/fileadmin/templates/fonts/6e8d10e9-4c81-4291-8dd4-36ce73e2122e.woff2") format("woff2"), url("../fonts/cc2574ef-6015-4dc6-8bda-80679aa9b100.woff") format("woff");
}
@font-face {
  font-family: "Niveau Grotesk W01 Bold";
  src: url("https://agentur-ledermann.de/fileadmin/templates/fonts/7c8b3d2c-4665-460e-ac7a-2c4d69cd9a4f.woff2") format("woff2"), url("../fonts/eb2e398e-f6ef-42dd-9738-9ae1ba8ad894.woff") format("woff");
}
/* ibm-plex-serif-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ibm-plex-serif-v19-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ibm-plex-serif-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-serif-v19-latin-regular.woff2") format("woff2"), url("../fonts/ibm-plex-serif-v19-latin-regular.woff") format("woff"), url("../fonts/ibm-plex-serif-v19-latin-regular.ttf") format("truetype"), url("../fonts/ibm-plex-serif-v19-latin-regular.svg#IBMPlexSerif") format("svg");
  /* Legacy iOS */
}
/* ibm-plex-serif-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/ibm-plex-serif-v19-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ibm-plex-serif-v19-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-serif-v19-latin-500.woff2") format("woff2"), url("../fonts/ibm-plex-serif-v19-latin-500.woff") format("woff"), url("../fonts/ibm-plex-serif-v19-latin-500.ttf") format("truetype"), url("../fonts/ibm-plex-serif-v19-latin-500.svg#IBMPlexSerif") format("svg");
  /* Legacy iOS */
}
/* ibm-plex-serif-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/ibm-plex-serif-v19-latin-600.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ibm-plex-serif-v19-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/ibm-plex-serif-v19-latin-600.woff2") format("woff2"), url("../fonts/ibm-plex-serif-v19-latin-600.woff") format("woff"), url("../fonts/ibm-plex-serif-v19-latin-600.ttf") format("truetype"), url("../fonts/ibm-plex-serif-v19-latin-600.svg#IBMPlexSerif") format("svg");
  /* Legacy iOS */
}
.frame-al-header-hero-video-v2 {
  --hero-bg: #F88F23;
  --hero-headline: #DD0078;
  --hero-overlay-opacity: 0.2;
  position: relative;
  overflow: hidden;
  background: var(--hero-bg);
  min-height: 100svh;
  min-height: 100dvh;
}
.frame-al-header-hero-video-v2 .al-hero__media,
.frame-al-header-hero-video-v2 .al-hero__overlay,
.frame-al-header-hero-video-v2 .al-hero__content {
  position: absolute;
  inset: 0;
}
.frame-al-header-hero-video-v2 .al-hero__media {
  z-index: 1;
  overflow: hidden;
  background: var(--hero-bg);
}
.frame-al-header-hero-video-v2 .al-hero__poster,
.frame-al-header-hero-video-v2 .al-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.frame-al-header-hero-video-v2 .al-hero__video {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
  opacity: 1;
  background: transparent;
}
.frame-al-header-hero-video-v2 .al-hero__poster {
  z-index: 2;
  display: block;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.28s ease;
  will-change: opacity;
}
.frame-al-header-hero-video-v2 .al-hero__poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.frame-al-header-hero-video-v2 .al-hero__media.is-ready .al-hero__poster {
  opacity: 0;
  pointer-events: none;
}
.frame-al-header-hero-video-v2 .al-hero__media.is-no-video .al-hero__poster {
  opacity: 1;
}
.frame-al-header-hero-video-v2 .al-hero__media.is-no-video .al-hero__video {
  opacity: 0;
}
.frame-al-header-hero-video-v2 .al-hero__overlay {
  z-index: 3;
  pointer-events: none;
  background: rgba(0, 0, 0, var(--hero-overlay-opacity));
}
.frame-al-header-hero-video-v2 .al-hero__content {
  z-index: 4;
  display: flex;
  align-items: center;
}
.frame-al-header-hero-video-v2 .al-hero__full-link {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  overflow: hidden;
}
.frame-al-header-hero-video-v2 .al-hero__headline {
  position: relative;
  z-index: 4;
  margin: 0;
  padding: 0 35px;
  font: 54px/48px "Niveau Grotesk W01 Bold", Arial, sans-serif;
  text-transform: none;
  color: var(--hero-headline);
}
@media (min-width: 768px) {
  .frame-al-header-hero-video-v2 .al-hero__headline {
    padding: 0 75px;
    font: 124px/115px "Niveau Grotesk W01 Bold", Arial, sans-serif;
  }
}
@media (min-width: 1200px) {
  .frame-al-header-hero-video-v2 .al-hero__headline {
    padding: 0 15px;
    font: 190px/155px "Niveau Grotesk W01 Bold", Arial, sans-serif;
  }
}
.frame-al-header-hero-video-v2 .al-hero__logo-link {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: block;
}
.frame-al-header-hero-video-v2 .al-hero__logo {
  position: relative;
  width: 202px;
  height: 175px;
  padding: 0;
}
.frame-al-header-hero-video-v2 .al-hero__logo:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 175px 202px;
  border-color: transparent transparent var(--hero-headline) transparent;
}
.frame-al-header-hero-video-v2 .al-hero__logo img {
  position: absolute;
  right: 15px;
  bottom: 25px;
  z-index: 2;
  width: auto;
  height: 35px;
}
@media (min-width: 768px) {
  .frame-al-header-hero-video-v2 .al-hero__logo {
    width: 263px;
    height: 229px;
  }
  .frame-al-header-hero-video-v2 .al-hero__logo:before {
    border-width: 0 0 229px 263px;
  }
  .frame-al-header-hero-video-v2 .al-hero__logo img {
    right: 35px;
    bottom: 40px;
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .frame-al-header-hero-video-v2 .al-hero__logo {
    width: 316px;
    height: 274px;
  }
  .frame-al-header-hero-video-v2 .al-hero__logo:before {
    border-width: 0 0 274px 316px;
  }
  .frame-al-header-hero-video-v2 .al-hero__logo img {
    right: 40px;
    bottom: 45px;
    height: 47px;
  }
}
@media (max-width: 767.98px) {
  .frame-al-header-hero-video-v2 .al-hero__headline {
    word-break: break-word;
    hyphens: auto;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.al-hero__headline.js-headline-hover {
  word-break: normal;
  hyphens: none;
}
.al-hero__headline.js-headline-hover .word {
  display: inline-block;
  white-space: nowrap;
}
.al-hero__headline.js-headline-hover .char {
  position: relative;
  display: inline-block;
  transform-origin: 50% 60%;
  will-change: transform, opacity, filter;
}
.al-hero__headline.js-headline-hover .space {
  display: inline-block;
  width: 0.18em;
}

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