:root {
  --article-content-width: 96%;
}
:root {
  --color-body-bg: linear-gradient(to bottom right, #1D0333 0%, #000000 100%);
  --color-body-text: #ffffff;
  --color-highlight: #7FFF17;
  --article-content-width: 96%;
  --article-content-max-width: 1200px;
  --font-family-base: Roboto, sans-serif;
  --font-family-heading-italic: "Playfair Display", serif;
  --font-size-base: 20px;
  --font-size-h1: 2.5rem;
}
/*
.content-element-group {
  &.cols_2 {
    display: grid;
    gap: 2rem;

    &.goldenratio {
      grid-template-columns: 62% 38%;
      }

    &.cols-60-40 {
      grid-template-columns: 60% 40%;
    }

    @media screen and (max-width: 1023px) {
      grid-template-columns: repeat(2, 1fr);

    }

  @media screen and (max-width: 767px) {
    grid-template-columns: 1fr;

  }
  }


}
*/
.content-element-group.cols-60-40 {
  display: grid;
  gap: 2rem;
  grid-template-columns: 60fr 40fr;
}
@media screen and (max-width: 1023px) {
  .content-element-group.cols-60-40 {
    grid-template-columns: 1fr;
  }
}
.content-element-group.video-listing-benefits {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.content-element-group.video-listing-benefits .content-player,
.content-element-group.video-listing-benefits .content-image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.content-element-group.video-listing-benefits .content-player video,
.content-element-group.video-listing-benefits .content-image video,
.content-element-group.video-listing-benefits .content-player img,
.content-element-group.video-listing-benefits .content-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .content-element-group.video-listing-benefits {
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .content-element-group.video-listing-benefits {
    flex-direction: column;
  }
}
/* roboto-flex-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: 'Roboto Flex';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/shared/webfonts/roboto/roboto-flex-v30-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-italic - 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: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-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: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500italic - 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: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-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: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600italic - 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: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700italic - 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: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800 - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800italic - 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: 'Playfair Display';
  font-style: italic;
  font-weight: 800;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900 - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900italic - 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: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: url('/files/themes/shared/webfonts/playfair/playfair-display-v40-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-200 - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-200italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300 - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800 - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900 - 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: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900italic - 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: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('/files/themes/shared/webfonts/source-sans/source-sans-3-v19-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.easy-popup-container {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.easy-popup-container .easy-popup-inside {
  width: 100%;
  max-width: 1024px;
  background-color: white;
  padding: 2rem;
  border-radius: 1rem;
}
.node_wrapper {
  max-width: 920px;
  margin-inline: auto;
  padding: clamp(1rem, 2vw, 2rem);
  color: #14181f;
}
.node_wrapper .form_steps_numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.25rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #d8dde5;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #5f6b7a;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
}
.node_wrapper .ce_form {
  background: #ffffff;
  border: 1px solid rgba(216, 221, 229, 0.7);
  border-radius: 18px;
  box-shadow: 0 8px 28px rgba(17, 24, 39, 0.06);
  overflow: hidden;
}
.node_wrapper .formbody {
  display: grid;
  gap: 1.25rem;
  padding: clamp(1rem, 2vw, 2rem);
}
.node_wrapper .widget {
  margin: 0;
}
.node_wrapper .widget-explanation p {
  margin: 0;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #14181f;
}
.node_wrapper .widget-text,
.node_wrapper .widget-textarea,
.node_wrapper .widget-select {
  display: grid;
  gap: 0.5rem;
}
.node_wrapper .widget-text > label,
.node_wrapper .widget-textarea > label,
.node_wrapper .widget-select > label {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 650;
  line-height: 1.35;
  color: #14181f;
}
.node_wrapper .widget-text input.text,
.node_wrapper .widget-text input[type="text"],
.node_wrapper .widget-text input[type="email"],
.node_wrapper .widget-text input[type="tel"],
.node_wrapper .widget-text input[type="url"],
.node_wrapper .widget-text input[type="search"],
.node_wrapper .widget-text input[type="number"],
.node_wrapper .widget-text input[type="date"],
.node_wrapper .widget-textarea textarea,
.node_wrapper .widget-select select {
  appearance: none;
  width: 100%;
  min-height: 3.5rem;
  padding: 0.95rem 1rem;
  border: 1px solid #d8dde5;
  border-radius: 12px;
  background: #f7f8fa;
  color: #14181f;
  font: inherit;
  line-height: 1.4;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.node_wrapper .widget-text input.text:hover,
.node_wrapper .widget-text input[type="text"]:hover,
.node_wrapper .widget-text input[type="email"]:hover,
.node_wrapper .widget-text input[type="tel"]:hover,
.node_wrapper .widget-text input[type="url"]:hover,
.node_wrapper .widget-text input[type="search"]:hover,
.node_wrapper .widget-text input[type="number"]:hover,
.node_wrapper .widget-text input[type="date"]:hover,
.node_wrapper .widget-textarea textarea:hover,
.node_wrapper .widget-select select:hover {
  border-color: #bfc7d3;
  background: #fff;
}
.node_wrapper .widget-text input.text:focus,
.node_wrapper .widget-text input[type="text"]:focus,
.node_wrapper .widget-text input[type="email"]:focus,
.node_wrapper .widget-text input[type="tel"]:focus,
.node_wrapper .widget-text input[type="url"]:focus,
.node_wrapper .widget-text input[type="search"]:focus,
.node_wrapper .widget-text input[type="number"]:focus,
.node_wrapper .widget-text input[type="date"]:focus,
.node_wrapper .widget-textarea textarea:focus,
.node_wrapper .widget-select select:focus {
  outline: 0;
  border-color: #aeb8c6;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.05);
}
.node_wrapper .widget-pagebreak {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-top: 0.25rem;
}
.node_wrapper .widget-pagebreak button {
  appearance: none;
  min-height: 3.2rem;
  padding: 0.85rem 1.15rem;
  border-radius: 999px;
  border: 1px solid #d8dde5;
  background: #fff;
  color: #14181f;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.node_wrapper .widget-pagebreak button:hover {
  transform: translateY(-1px);
  border-color: #bfc7d3;
  box-shadow: 0 3px 10px rgba(17, 24, 39, 0.05);
}
.node_wrapper .widget-pagebreak button[value="continue"] {
  border-color: #111827;
  background: #111827;
  color: #fff;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.14);
}
.node_wrapper .widget-pagebreak button[value="back"] {
  background: #f7f8fa;
}
/* 2-spaltiges Grid für Kontaktdaten auf größeren Viewports */
@media (min-width: 760px) {
  .node_wrapper .formbody .widget-text:nth-of-type(2),
  .node_wrapper .formbody .widget-text:nth-of-type(3),
  .node_wrapper .formbody .widget-text:nth-of-type(4),
  .node_wrapper .formbody .widget-text:nth-of-type(5) {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
  }
  .node_wrapper .formbody .widget-text:nth-of-type(2) > label,
  .node_wrapper .formbody .widget-text:nth-of-type(3) > label,
  .node_wrapper .formbody .widget-text:nth-of-type(4) > label,
  .node_wrapper .formbody .widget-text:nth-of-type(5) > label {
    margin: 0;
  }
}
/* Radio-Image-Karten */
.radio_button_image .radio_container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  border: 0;
}
.radio_button_image .radio_container > span {
  position: relative;
  display: block;
  min-width: 0;
}
.radio_button_image input.radio {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.radio_button_image input.radio + label {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  gap: 0.55rem;
  min-height: 250px;
  padding: 1rem 1rem 1.1rem;
  border: 1px solid #d8dde5;
  border-radius: 18px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 1rem;
  background-size: 225px 225px;
  color: #14181f;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(17, 24, 39, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease, background-color 0.2s ease;
}
.radio_button_image input.radio + label:hover {
  border-color: #bfc7d3;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.08);
  transform: translateY(-1px);
}
.radio_button_image input.radio:checked + label {
  border-color: #aeb8c6;
  background-color: #f8fafc;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.1);
}
.radio_button_image input.radio:focus-visible + label {
  outline: 2px solid rgba(17, 24, 39, 0.18);
  outline-offset: 2px;
}
/* konkretes Mapping für Recruiting */
.bm_recruiting_positions_count .radio_container > span:nth-of-type(1) > label {
  background-image: url("/files/content/bjoerkmovies/anfrageformular/small.jpg");
}
.bm_recruiting_positions_count .radio_container > span:nth-of-type(2) > label {
  background-image: url("/files/content/bjoerkmovies/anfrageformular/medium.jpg");
}
.bm_recruiting_positions_count .radio_container > span:nth-of-type(3) > label {
  background-image: url("/files/content/bjoerkmovies/anfrageformular/big.jpg");
}
.bm_imagefilm_maintarget .radio_container > span:nth-of-type(1) > label {
  background-image: url("https://placehold.co/200x200?text=Symbol Brand-Building");
}
.bm_imagefilm_maintarget .radio_container > span:nth-of-type(2) > label {
  background-image: url("https://placehold.co/200x200?text=Symbol Verkauf");
}
.bm_imagefilm_maintarget .radio_container > span:nth-of-type(3) > label {
  background-image: url("https://placehold.co/200x200?text=Symbol Recruiting");
}
.bm_event-reportage_days .radio_container > span:nth-of-type(1) > label {
  background-image: url("https://placehold.co/200x200?text=Kalenderblatt 1 Tag");
}
.bm_event-reportage_days .radio_container > span:nth-of-type(2) > label {
  background-image: url("https://placehold.co/200x200?text=Kalenderblatt 1 Woche");
}
.bm_event-reportage_days .radio_container > span:nth-of-type(3) > label {
  background-image: url("https://placehold.co/200x200?text=Kalenderblatt 1 Monat");
}
.bm_budget .radio_container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bm_budget .radio_container > span:nth-of-type(1) > label {
  background-image: url("https://placehold.co/200x200?text=Münzstapel");
}
.bm_budget .radio_container > span:nth-of-type(2) > label {
  background-image: url("https://placehold.co/200x200?text=Geldscheine");
}
.bm_budget .radio_container > span:nth-of-type(3) > label {
  background-image: url("https://placehold.co/200x200?text=Geldkoffer");
}
.bm_budget .radio_container > span:nth-of-type(4) > label {
  background-image: url("https://placehold.co/200x200?text=Geldtransporter");
}
.bm_duration .radio_container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bm_duration .radio_container > span:nth-of-type(1) > label {
  background-image: url("https://placehold.co/200x200?text=Filmstreifen");
}
.bm_duration .radio_container > span:nth-of-type(2) > label {
  background-image: url("https://placehold.co/200x200?text=Filmrolle");
}
.bm_duration .radio_container > span:nth-of-type(3) > label {
  background-image: url("https://placehold.co/200x200?text=Popcorn");
}
.bm_deadline .radio_container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bm_deadline .radio_container > span:nth-of-type(1) > label {
  background-image: url("https://placehold.co/200x200?text=< 1 Monat");
}
.bm_deadline .radio_container > span:nth-of-type(2) > label {
  background-image: url("https://placehold.co/200x200?text=1 - 3 Monate");
}
.bm_deadline .radio_container > span:nth-of-type(3) > label {
  background-image: url("https://placehold.co/200x200?text=weiß noch nicht");
}
@media (max-width: 900px) {
  .radio_button_image .radio_container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 759px) {
  .node_wrapper .formbody .widget-text {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .radio_button_image .radio_container {
    grid-template-columns: 1fr;
  }
  .radio_button_image input.radio + label {
    min-height: 220px;
    background-size: 145px 145px;
  }
  .node_wrapper .widget-pagebreak button {
    flex: 1 1 auto;
  }
}
.mod_article:has(.article_inside):not(.fullwidth) {
  width: var(--article-content-width);
  max-width: var(--article-content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.mod_article.video-header,
.mod_article.video-header + .mod_article {
  position: relative;
}
.mod_article.video-header:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 15vh;
  border: 1px solid white;
}
.mod_article.video-header + .mod_article {
  padding-top: 7.5vh;
}
.mod_article.video-header + .mod_article:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 7.5vh;
  border: 1px solid var(--color-highlight);
}
.mod_article:not(.video-header) {
  padding-top: 5vh;
}
.mod_article.example-videos {
  padding-top: 5vh;
}
.mod_article.example-videos .article_inside {
  position: relative;
}
.mod_article.example-videos .article_inside .video-grid {
  width: 100%;
  max-width: var(--article-content-max-width);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: auto;
  aspect-ratio: 10 / 11;
}
.mod_article.example-videos .article_inside .video-grid .content-player {
  position: absolute;
  width: 45%;
  height: auto;
  aspect-ratio: 16/9;
}
.mod_article.example-videos .article_inside .video-grid .content-player:nth-of-type(1) {
  top: 10%;
  left: 0;
}
.mod_article.example-videos .article_inside .video-grid .content-player:nth-of-type(2) {
  top: 0;
  right: 5%;
}
.mod_article.example-videos .article_inside .video-grid .content-player:nth-of-type(3) {
  top: 42.5%;
  left: 27.5%;
}
.mod_article.example-videos .article_inside .video-grid .content-player:nth-of-type(4) {
  left: 5%;
  top: 72.5%;
}
.mod_article.example-videos .article_inside .video-grid .content-player:nth-of-type(5) {
  top: 80%;
  right: 0;
}
.mod_article.example-videos .article_inside .video-grid .content-hyperlink {
  position: absolute;
  width: 7.5%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mod_article.example-videos .article_inside .video-grid .content-hyperlink#link-youtube {
  left: 70%;
  top: 27.5%;
}
.mod_article.example-videos .article_inside .video-grid .content-hyperlink#link-tiktok {
  left: 12.5%;
  top: 50%;
}
.mod_article.example-videos .article_inside .video-grid .content-hyperlink#link-instagram {
  right: 12.5%;
  top: 60%;
}
@media screen and (max-width: 767px) {
  .mod_article.example-videos .article_inside .video-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    min-width: unset;
    aspect-ratio: unset;
    width: 90%;
    margin: auto;
  }
  .mod_article.example-videos .article_inside .video-grid .content-player,
  .mod_article.example-videos .article_inside .video-grid .content-image {
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    width: 100%;
    margin: 1rem;
  }
  .mod_article.example-videos .article_inside .video-grid .content-player a,
  .mod_article.example-videos .article_inside .video-grid .content-image a {
    width: 90%;
  }
  .mod_article.example-videos .article_inside .video-grid .content-player a figure,
  .mod_article.example-videos .article_inside .video-grid .content-image a figure {
    width: 100%;
    height: fit-content;
  }
  .mod_article.example-videos .article_inside .video-grid .content-player a figure video,
  .mod_article.example-videos .article_inside .video-grid .content-image a figure video {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  .mod_article.example-videos .article_inside .video-grid .content-hyperlink {
    position: relative;
    right: unset !important;
    left: unset !important;
    top: unset !important;
    bottom: unset !important;
    margin: 2rem;
  }
  .mod_article.example-videos .article_inside .video-grid .content-hyperlink#link-youtube {
    display: none;
  }
}
.mod_article.example-videos .article_inside .bg-elements {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mod_article.example-videos .article_inside .bg-elements .content-image {
  position: absolute;
}
.mod_article.example-videos .article_inside .bg-elements .content-image.arm-left {
  left: -4%;
  top: 35%;
  width: 30%;
  height: auto;
  transform-origin: left center;
  transition: transform 0.1s linear;
  pointer-events: none;
  /* nicht anklickbar */
}
@media screen and (max-width: 767px) {
  .mod_article.example-videos .article_inside .bg-elements .content-image.arm-left {
    top: unset;
    bottom: 2.5%;
  }
}
.mod_article.example-videos .article_inside .bg-elements .content-image.arm-right {
  right: -4%;
  top: 19.5%;
  width: 32.5%;
  height: auto;
  transform-origin: right center;
  transition: transform 0.05s linear;
  pointer-events: none;
  /* nicht anklickbar */
}
@media screen and (max-width: 767px) {
  .mod_article.example-videos .article_inside .bg-elements .content-image.arm-right {
    top: unset;
    bottom: 2.5%;
  }
}
.mod_article.example-videos .article_inside .bg-elements .content-image figure {
  width: 100%;
  height: fit-content;
}
.mod_article.example-videos .article_inside .bg-elements .content-image figure img {
  object-fit: contain;
  width: 100%;
  height: auto;
}
.mod_article.example-videos .article_inside .content-hyperlink.more {
  text-align: center;
}
.mod_article.example-videos .article_inside .content-hyperlink.margin-top-3rem {
  margin-top: 7rem;
}
body {
  background: var(--color-body-bg);
  color: var(--color-body-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
}
#main .content-image picture,
#main .content-video picture,
#main .content-image figure,
#main .content-video figure {
  display: block;
}
#main .content-image picture img,
#main .content-video picture img,
#main .content-image figure img,
#main .content-video figure img,
#main .content-image picture video,
#main .content-video picture video,
#main .content-image figure video,
#main .content-video figure video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  width: 100%;
}
#header {
  transition: all 0.5s ease-in-out;
  position: fixed;
  top: 0;
  padding-bottom: 1rem;
  padding-top: 1rem;
  left: 0;
  right: 0;
  z-index: 1000;
}
#header.fixed {
  background: rgba(23, 2, 41, 0.95);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
#header > .inside {
  width: 96%;
  max-width: calc(var(--article-content-max-width) + 100px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header > .inside .brand-logo {
  cursor: pointer;
  z-index: 10000;
  margin-left: 1rem;
  margin-right: 1rem;
  width: 150px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#header > .inside .brand-logo.fixed {
  opacity: 1;
}
#footer {
  background: white;
  padding: 2em 0;
}
#footer .inside {
  width: var(--article-content-width);
  max-width: var(--article-content-max-width);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
#contact-icon {
  display: contents;
}
#contact-icon .inside {
  display: contents;
}
#contact-icon .icon img {
  position: absolute;
  border: 1px solid magenta;
  background-color: var(--color-highlight);
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.more a {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  line-height: 1.125em;
  padding: 0.5em 0 0.5em 1em;
  border-radius: 100px;
  border: 2px solid var(--color-highlight);
  color: white;
}
.more a:hover {
  color: var(--color-highlight);
}
.more a:after {
  transition: all 0.2s ease-in-out;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("/files/content/layout-elemente/icon-more.svg");
  background-position: left 3px;
  background-repeat: no-repeat;
  margin-left: 0.5em;
  margin-right: 1em;
}
.more a:hover:after {
  margin-left: 1em;
  margin-right: 0.5em;
}
#footer nav {
  color: black;
  line-height: 1.125em;
}
#footer nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer nav ul li {
  padding: 0;
}
#footer nav ul li:not(:first-of-type) a,
#footer nav ul li strong {
  border-left: 1px solid black;
  padding-left: 0.5em;
}
#footer nav ul a,
#footer nav ul strong {
  display: inline-block;
  padding: 0 0.5em;
}
#footer nav ul a {
  color: #444;
}
#footer nav ul a:hover {
  text-decoration: underline;
}
:root {
  --nav-breakpoint: 5000;
  --nav-color: #25455f;
  --nav-active-color: #f47c00;
  --nav-item-line-height: 1.5;
  --nav-font-size: 20px;
  --nav-font-weight: 600;
  --nav-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
  --nav-icon-background: transparent;
  --nav-mobile-background: #170229;
  --nav-mobile-color: #d3d6da;
  --nav-mobile-active-background: rgba(255, 255, 255, 0);
  --nav-mobile-active-color: red;
  --nav-mobile-active-border-color: #170229;
  --nav-mobile-btn-clr: magenta;
  --nav-mobile-separator-color: #170229;
  --nav-mobile-padding: 120px 20px 20px;
  --nav-mobile-font-size: 28px;
  --nav-mobile-backdrop-height: 80px;
  --nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
  --nav-submenu-background: #fff;
  --nav-burger-line-color: white;
  --skip-background: #172b3b;
  --skip-color: #d3d6da;
  --skip-focus-border-color: #f47c00;
}
body.navigation-open {
  overflow: hidden;
}
body.navigation-open header .logo {
  position: relative;
  z-index: 7;
}
.nav-wrapper * {
  box-sizing: border-box;
}
.navigation-main a,
.navigation-main strong {
  line-height: 1.5;
  line-height: var(--nav-item-line-height);
}
.navigation-main .skip-link {
  visibility: hidden;
}
.btn-toggle-submenu {
  all: revert;
  background: transparent !important;
  background: var(--nav-icon-background) !important;
  border: none;
  cursor: pointer;
  height: 44px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 44px;
  z-index: 1;
}
.btn-toggle-submenu:after {
  align-items: center;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>') no-repeat 50%;
  background: var(--nav-mobile-icon) no-repeat center;
  content: "";
  display: flex;
  height: 100%;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1.1);
}
.nav-burger {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  justify-content: flex-start;
  line-height: 1.5;
  padding: 0;
  position: relative;
  z-index: 7;
}
.nav-burger .icon-line {
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s ease-in-out;
  z-index: 1;
}
.nav-burger .icon-line:before {
  top: -0.625rem;
}
.nav-burger .icon-line:after {
  bottom: -0.625rem;
}
.nav-burger .icon-line,
.nav-burger .icon-line:after,
.nav-burger .icon-line:before {
  background: #f57a00;
  background: var(--nav-burger-line-color);
  border-radius: 3rem;
  height: 0.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 2.25rem;
}
.nav-burger .icon-line:after,
.nav-burger .icon-line:before {
  content: "";
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out;
  z-index: 6;
}
.nav-burger.is-active .icon-line {
  background: transparent;
}
.nav-burger.is-active .icon-line:before {
  top: 0;
  transform: translateX(-50%) rotate(45deg);
}
.nav-burger.is-active .icon-line:after {
  bottom: 0;
  transform: translateX(-50%) rotate(-45deg);
}
.nav-burger:hover {
  cursor: pointer;
}
.nav-burger__inner {
  height: 44px;
  position: relative;
  width: 44px;
}
body.nav-is-mobile .nav-wrapper {
  position: relative;
  z-index: 5;
}
body.nav-is-mobile .navigation-main {
  text-align: center;
  background: #172b3b;
  background: var(--nav-mobile-background);
  bottom: 0;
  color: #d3d6da;
  color: var(--nav-mobile-color);
  font-size: 1.25rem;
  font-size: var(--nav-mobile-font-size);
  left: 0;
  line-height: 1.5;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  padding: 120px 20px 20px;
  padding: var(--nav-mobile-padding);
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.15s ease-in-out, visibility 0.1s;
  z-index: 6;
}
body.nav-is-mobile .navigation-main.is-active:before {
  backdrop-filter: blur(1px);
  bottom: auto;
  content: "";
  display: block;
  height: 80px;
  height: var(--nav-mobile-backdrop-height);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}
body.nav-is-mobile .navigation-main:not(.is-active) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
body.nav-is-mobile .navigation-main a,
body.nav-is-mobile .navigation-main strong {
  color: #d3d6da !important;
  color: var(--nav-mobile-color) !important;
  display: inline-block;
  padding: 12px 10px;
  text-decoration: none;
  text-decoration: initial;
  width: calc(100% - 44px);
}
body.nav-is-mobile .navigation-main a.active,
body.nav-is-mobile .navigation-main strong.active {
  color: white !important;
}
body.nav-is-mobile .navigation-main .level_1 ul {
  display: none;
  flex-direction: column;
}
body.nav-is-mobile .navigation-main .level_2 li {
  padding: 0 0 0 20px;
}
body.nav-is-mobile .navigation-main ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.nav-is-mobile .navigation-main li {
  padding: 0;
  position: relative;
}
body.nav-is-mobile .navigation-main li:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  border-bottom: 1px solid var(--nav-mobile-separator-color);
}
body.nav-is-mobile .navigation-main li.submenu li:first-child {
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
  border-top: 1px solid var(--nav-mobile-separator-color);
}
body.nav-is-mobile .navigation-main li > .btn-toggle-submenu:after {
  transform: rotateX(180deg) rotate(-90deg);
}
body.nav-is-mobile .navigation-main li.active {
  background: #172b3b;
  background: var(--nav-mobile-active-background);
  color: #f47c00;
  color: var(--color-highlight) !important;
  font-family: var(--font-family-heading-italic);
  font-style: italic;
  font-size: 1.5em;
}
body.nav-is-mobile .navigation-main li.nav-expanded > ul {
  display: flex;
}
body.nav-is-mobile .navigation-main li.nav-expanded > .btn-toggle-submenu:after {
  transform: rotateX(0deg) rotate(-90deg);
}
body.nav-is-desktop .nav-wrapper {
  align-items: center;
  display: flex;
}
body.nav-is-desktop .navigation-main a {
  text-decoration: none;
  text-decoration: initial;
}
body.nav-is-desktop .navigation-main a,
body.nav-is-desktop .navigation-main strong {
  color: #25455f;
  color: var(--nav-color);
  display: block;
  font-size: 20px;
  font-size: var(--nav-font-size);
  font-weight: 600;
  font-weight: var(--nav-font-weight);
  position: relative;
}
body.nav-is-desktop .navigation-main a:focus-visible {
  color: #f47c00;
  color: var(--nav-active-color);
}
body.nav-is-desktop .navigation-main a.trail,
body.nav-is-desktop .navigation-main a:hover,
body.nav-is-desktop .navigation-main strong:not(.does-not-exist) {
  color: #f47c00;
  color: var(--nav-active-color);
}
body.nav-is-desktop .navigation-main ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.nav-is-desktop .navigation-main ul li.submenu {
  position: relative;
}
body.nav-is-desktop .navigation-main ul ul {
  background: #fff;
  background: var(--nav-submenu-background);
  box-shadow: 1px 2px 15px 8px rgba(0, 0, 0, 0.1);
  gap: 0;
  min-width: 270px;
  position: absolute;
  top: 100%;
  z-index: 2;
}
body.nav-is-desktop .navigation-main ul ul li {
  padding: 0;
}
body.nav-is-desktop .navigation-main ul ul li.submenu {
  padding-right: 40px;
}
body.nav-is-desktop .navigation-main ul ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.nav-is-desktop .navigation-main ul ul .btn-toggle-submenu {
  bottom: 0;
  height: 100%;
  right: 0;
  top: 0;
  width: 40px;
}
body.nav-is-desktop .navigation-main li.nav-expanded > ul {
  display: flex;
}
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul {
  left: 100%;
  min-width: 200px;
  top: 0;
}
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul.bounds-right,
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul.bounds-right ul {
  left: auto;
  right: 100%;
}
body.nav-is-desktop .navigation-main .level_1 {
  align-items: center;
  gap: 0 1.25rem;
  justify-content: flex-end;
}
body.nav-is-desktop .navigation-main .level_1 ul {
  border-radius: 4px;
  display: none;
  flex-direction: column;
}
body.nav-is-desktop .navigation-main .level_1 ul a,
body.nav-is-desktop .navigation-main .level_1 ul strong {
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.75rem 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%;
}
body.nav-is-desktop .navigation-main .level_1 > li {
  padding: 5px 0;
}
body.nav-is-desktop .navigation-main .level_1 > li > .btn-toggle-submenu:after {
  transform: rotateX(180deg) rotate(-90deg);
}
body.nav-is-desktop .navigation-main .level_1 > li.submenu {
  padding-right: 20px;
}
body.nav-is-desktop .navigation-main .level_1 > li.nav-expanded > .btn-toggle-submenu:after {
  transform: rotateX(0deg) rotate(-90deg);
}
body.nav-is-desktop .navigation-main .level_2:before {
  border: 8px solid hsla(0, 0%, 100%, 0);
  border-bottom: 8px solid var(--nav-submenu-background);
  bottom: 100%;
  content: "";
  display: block;
  height: 0;
  left: 16px;
  margin-left: -8px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
body.nav-is-desktop .navigation-main .level_2.bounds-right {
  right: 0;
}
body.nav-is-desktop .navigation-main .level_2.bounds-right:before {
  left: auto;
  right: 16px;
}
body.nav-is-desktop .navigation-main .level_2:not(.bounds-left):not(.bounds-right) {
  left: 50%;
  transform: translateX(-50%);
}
body.nav-is-desktop .navigation-main .level_2:not(.bounds-left):not(.bounds-right):before {
  left: 50%;
}
body.nav-is-desktop .navigation-main .skip-link {
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  visibility: visible;
  clip: revert;
  background: #172b3b;
  background: var(--skip-background);
  color: #d3d6da;
  color: var(--skip-color);
  overflow: hidden;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  top: -100px;
  transition: top 0.15s ease-in-out;
  z-index: 6;
}
body.nav-is-desktop .navigation-main .skip-link:focus-visible {
  height: auto;
  opacity: 1;
  outline: 2px solid #f47c00;
  outline: 2px solid var(--skip-focus-border-color);
  outline-offset: 0;
  padding: 6px 12px;
  top: 0;
  width: auto;
}
body.nav-is-desktop .btn-toggle-submenu {
  height: 24px;
  padding: 0;
  right: -6px;
  top: 9px;
  width: 24px;
}
body.nav-is-desktop .btn-toggle-submenu:after {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>') no-repeat 50%;
  background: var(--nav-icon) no-repeat center;
}
body.nav-is-desktop .nav-burger {
  display: none;
}
@media (forced-colors) {
  .nav-burger .icon-line,
  .nav-burger .icon-line:after,
  .nav-burger .icon-line:before {
    border: 1px solid transparent;
    height: 0;
  }
  .nav-burger.is-active .icon-line {
    border: 0;
  }
  .nav-burger.is-active .icon-line:after {
    bottom: -1px;
  }
  .nav-burger__inner {
    color: currentcolor;
  }
}
.navigation-main li.bjoerk {
  background-image: url('/files/themes/shared/layout-elements/brand-logos/logo-andersbjoerk.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-top: 2rem;
}
.navigation-main li.bjoerk a {
  text-indent: -9999px;
}
.navigation-main a,
.navigation-main strong {
  width: unset !important;
}
.navigation-main a.active,
.navigation-main strong.active {
  border-bottom: 3px solid var(--color-highlight);
}
.nav-item--social {
  margin: 3rem 0 0 0;
}
.nav-item--social nav.nav-social {
  display: contents;
}
.nav-item--social nav.nav-social ul.level_1 {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}
.nav-item--social nav.nav-social ul.level_1 li {
  display: block;
  width: 50px;
  height: 50px;
  padding: 1rem;
  text-indent: -9999px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
}
.nav-item--social nav.nav-social ul.level_1 li a {
  width: 100%;
  height: 100%;
  display: block;
}
.nav-item--social nav.nav-social ul.level_1 li.tiktok {
  background-image: url('/files/themes/shared/layout-elements/icons-social/icon_tiktok.svg');
}
.nav-item--social nav.nav-social ul.level_1 li.youtube {
  background-image: url('/files/themes/shared/layout-elements/icons-social/icon_youtube.svg');
}
.nav-item--social nav.nav-social ul.level_1 li.instagram {
  background-image: url('/files/themes/shared/layout-elements/icons-social/icon_instagram.svg');
}
.nav-item--social nav.nav-social ul.level_1 li.linkedin {
  background-image: url('/files/themes/shared/layout-elements/icons-social/icon-linkedin.svg');
}
.nav-item--social nav.nav-social ul.level_1 li:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
h1 {
  font-size: var(--font-size-h1);
  line-height: 1.2;
  margin-bottom: 0.5em;
}
h1 em {
  font-family: var(--font-family-heading-italic);
}
p,
ul,
ol {
  line-height: 1.65em;
}
p {
  margin-bottom: 1em;
}
.video-header {
  position: relative;
}
.video-header .content-image.logo-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
}
.video-header .content-image.logo-overlay.fixed {
  opacity: 0;
}
.video-header .content-player figure {
  height: 100vh;
  max-height: 1000px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
.video-header .content-player figure video {
  object-fit: cover;
  object-position: bottom center;
  width: 100%;
  height: 100%;
}
/* außen: linker Teaser-Bereich + rechte Spalte */
.teaser-container {
  display: grid;
  grid-template-columns: 75fr 25fr;
  gap: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .teaser-container {
    grid-template-columns: calc(100% / 3 * 2) calc(100% / 3);
  }
}
@media screen and (max-width: 879px) {
  .teaser-container {
    grid-template-columns: 60fr 40fr;
  }
}
@media screen and (max-width: 767px) {
  .teaser-container {
    grid-template-columns: 70fr 30fr;
  }
}
.teaser-container .teasers {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023px) {
  .teaser-container .teasers {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 879px) {
  .teaser-container .teasers {
    grid-template-columns: 1fr;
  }
}
.teaser-container .astrotext {
  width: calc(100% - 1.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.teaser-container .astrotext > * {
  max-width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .astrotext-mobile:not(.astrotext-hide-on-mobile) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .astrotext-mobile:not(.astrotext-hide-on-mobile) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .astrotext-mobile.astrotext-hide-on-mobile {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .astrotext-mobile.astrotext-hide-on-mobile {
    display: block;
  }
}
.ce_linkteaser {
  position: relative;
  background-color: white;
  color: black;
  display: flex;
  flex-direction: column;
}
.ce_linkteaser .inside,
.ce_linkteaser .content,
.ce_linkteaser a,
.ce_linkteaser .teaser {
  display: contents;
}
.ce_linkteaser h2,
.ce_linkteaser h3,
.ce_linkteaser h4 {
  padding: 0.5em 1em;
  order: 1;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.ce_linkteaser .image_container {
  order: 2;
}
.ce_linkteaser .image_container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.ce_linkteaser p {
  padding: 1em;
  order: 3;
  font-size: 16px;
}
.ce_linkteaser:after {
  transition: all 0.2s ease-in-out;
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0.5em;
  right: 1em;
  width: 1.5em;
  height: 1.5em;
  background-image: url("/files/content/bjoerkmovies/layout-elemente/icon-more.svg");
  background-position: left 3px;
  background-repeat: no-repeat;
  transform: scale(50%) translateX(-100%);
  opacity: 0;
}
.ce_linkteaser:hover:after {
  opacity: 1;
  transform: scale(1.25) translateX(0);
  pointer-events: none;
}
div:has(#astronaut) {
  overflow: visible;
}
#astronaut {
  animation: floatUpDown 10s ease-in-out infinite;
  transform-origin: center;
  max-width: 100%;
}
#astronaut figure {
  width: 100%;
}
#astronaut figure picture {
  width: 100%;
}
@keyframes floatUpDown {
  0% {
    transform: translate(0, 75%);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 75%);
  }
}
@media screen and (max-width: 879px) {
  @keyframes floatUpDown {
    0% {
      transform: translate(0, 125%);
    }
    50% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 125%);
    }
  }
}
.parallax-layers {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  aspect-ratio: 16 / 9;
  perspective: 1000px;
  /* border: 1px solid white; */
}
.parallax-layer {
  aspect-ratio: 16 / 9;
  position: absolute;
  top: -5%;
  left: -5%;
  pointer-events: none;
  transition: transform 0.05s linear;
  will-change: transform;
  overflow: visible;
  height: auto;
  /* border: 1px solid white; */
  width: 120%;
}
.parallax-layer figure {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.parallax-layer figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.parallax-layer-group {
  position: absolute;
  /* Wichtig für die Überlagerung */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /* Alle Gruppen initial ausblenden */
  transition: opacity 0.5s ease-in-out;
  /* Fade-Effekt */
  pointer-events: none;
  /* Nicht interaktiv, wenn ausgeblendet */
}
.parallax-layer-group.active {
  opacity: 1;
  /* Aktive Gruppe einblenden */
  pointer-events: auto;
  /* Aktive Gruppe interaktiv machen */
}
.parallax-layer-group.active .parallax-layer {
  pointer-events: none;
  /* Parallax-Ebenen innerhalb der aktiven Gruppe nicht blockieren */
}
.parallax-layer-group.active .parallax-layer figure {
  pointer-events: none;
}
.parallax-layer-group.active .parallax-layer figure img {
  pointer-events: none;
}
.parallax-layer-group {
  display: block;
  /* Überschreibt display: contents; für die Positionierung */
}
.team-container {
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .team-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .team-container .team-member {
    text-align: center;
  }
  .team-container .team-member#selfie-goddess {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 2 / 4;
  }
  .team-container .team-member#selfie-goddess .content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .team-container .team-member p {
    line-height: 1.125em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .team-container .team-member p:first-of-type {
    font-weight: 700;
  }
  .team-container .team-member#timo-hartwig {
    grid-column: 1;
    grid-row: 1;
  }
  .team-container .team-member#martin-mehl {
    grid-column: 2;
    grid-row: 3;
  }
  .team-container .team-member#dennis-foerster {
    grid-column: 2;
    grid-row: 1;
  }
  .team-container .team-member#hannes-herklotz {
    grid-column: 2;
    grid-row: 1;
  }
  .team-container .team-member#carl-brandt {
    grid-column: 3;
    grid-row: 3;
  }
  .team-container .team-member#dajana-totzek {
    grid-column: 2;
    grid-row: 2;
  }
  .team-container .team-member#leon-siegmeyer {
    grid-column: 3;
    grid-row: 2;
  }
  .team-container .team-member#und-du {
    grid-column: 4;
    grid-row: 2;
  }
}
@media screen and (max-width: 1023px) {
  .team-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .team-container .team-member {
    text-align: center;
  }
  .team-container .team-member#selfie-goddess {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 2 / 4;
  }
  .team-container .team-member#selfie-goddess .content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .team-container .team-member p {
    line-height: 1.125em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .team-container .team-member p:first-of-type {
    font-weight: 700;
  }
  .team-container .team-member#timo-hartwig {
    grid-column: 1;
    grid-row: 1;
  }
  .team-container .team-member#martin-mehl {
    grid-column: 2;
    grid-row: 3;
  }
  .team-container .team-member#dennis-foerster {
    grid-column: 2;
    grid-row: 1;
  }
  .team-container .team-member#hannes-herklotz {
    grid-column: 2;
    grid-row: 1;
  }
  .team-container .team-member#carl-brandt {
    grid-column: 3;
    grid-row: 3;
  }
  .team-container .team-member#dajana-totzek {
    grid-column: 2;
    grid-row: 2;
  }
  .team-container .team-member#leon-siegmeyer {
    grid-column: 2;
    grid-row: 2;
  }
  .team-container .team-member#und-du {
    grid-column: 3;
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .team-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .team-container .team-member {
    text-align: center;
  }
  .team-container .team-member#selfie-goddess {
    position: relative;
    grid-column: 1 / 2;
    grid-row: 2 / 4;
  }
  .team-container .team-member#selfie-goddess .content-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .team-container .team-member p {
    line-height: 1.125em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .team-container .team-member p:first-of-type {
    font-weight: 700;
  }
  .team-container .team-member#timo-hartwig {
    grid-column: 1;
    grid-row: 1;
  }
  .team-container .team-member#martin-mehl {
    grid-column: 2;
    grid-row: 4;
  }
  .team-container .team-member#dennis-foerster {
    grid-column: 2;
    grid-row: 1;
  }
  .team-container .team-member#hannes-herklotz {
    grid-column: 2;
    grid-row: 1;
  }
  .team-container .team-member#carl-brandt {
    grid-column: 1;
    grid-row: 5;
  }
  .team-container .team-member#dajana-totzek {
    grid-column: 2;
    grid-row: 2;
  }
  .team-container .team-member#leon-siegmeyer {
    grid-column: 2;
    grid-row: 3;
  }
  .team-container .team-member#und-du {
    grid-column: 2;
    grid-row: 5;
  }
}
.intro-crosses-camdude .cross-camdude-container {
  position: relative;
}
.intro-crosses-camdude .cross-camdude-container .crosses {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.intro-crosses-camdude .cross-camdude-container .crosses .cross {
  position: absolute;
  aspect-ratio: 1;
}
.intro-crosses-camdude .cross-camdude-container .crosses .cross img {
  display: inline-block;
  transform-origin: center;
  will-change: transform;
}
.intro-crosses-camdude .cross-camdude-container .crosses .cross.--rotation-1 {
  top: 0;
  right: 0;
  width: 25%;
  animation: spin 6s linear infinite;
}
.intro-crosses-camdude .cross-camdude-container .crosses .cross.--rotation-2 {
  bottom: 20%;
  left: 0;
  width: 30%;
  animation: spin 12s linear infinite;
}
.intro-crosses-camdude .cross-camdude-container .crosses .cross.--rotation-3 {
  bottom: 0;
  left: 50%;
  animation: spin 9s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .intro-crosses-camdude .cross-camdude-container .cross.content-image {
    animation: none;
  }
}
.intro-crosses-camdude .camdude {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro-crosses-camdude .camdude figure {
  width: 75%;
}
.intro-crosses-camdude .camdude figure video {
  border-radius: 100%;
  background-color: #10021C;
}
@media screen and (max-width: 767px) {
  #kontakt .content-text .rte table.hide-on-mobile {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #kontakt .content-text .rte table.hide-on-desktop {
    display: none;
  }
}
.content-text.width-tiles {
  width: calc((100% / 4 * 3) - 2rem);
}
@media screen and (max-width: 1023px) {
  .content-text.width-tiles {
    width: calc((100% / 3 * 2) - 2rem);
  }
}
@media screen and (max-width: 879px) {
  .content-text.width-tiles {
    width: calc((100% / 100 * 60) - 2rem);
  }
}
@media screen and (max-width: 767px) {
  .content-text.width-tiles {
    width: 100%;
  }
}
/*# sourceMappingURL=basic.css.map */