body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul[role="list"],
ol[role="list"],
ul.no-style,
ol.no-style {
  list-style: none;
  padding: 0;
  margin: 0;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
  padding: 0;
  color: inherit;
  background: none;
  border: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th,
td {
  text-align: left;
  padding: 0;
}
: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: 18px;
  --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;
  }
}
:root {
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-link: #007acc;
  --color-border: #dddddd;
  --color-invert: #000000;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #111111;
    --color-text: #eeeeee;
    --color-link: #66ccff;
    --color-border: #444444;
    --color-invert: #ffffff;
  }
}
.theme-dark {
  --color-bg: #111111;
  --color-text: #eeeeee;
  --color-link: #66ccff;
  --color-border: #444444;
  --color-invert: #ffffff;
}
.theme-light {
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-link: #007acc;
  --color-border: #dddddd;
  --color-invert: #000000;
}
/* 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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/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/frontend/webfonts/playfair-display-v40-latin-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.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/content/layout-elemente/anders-bjoerk-logo.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/content/layout-elemente/icon_social.svg');
}
.nav-item--social nav.nav-social ul.level_1 li.youtube {
  background-image: url('/files/content/layout-elemente/icon_youtube.svg');
}
.nav-item--social nav.nav-social ul.level_1 li.instagram {
  background-image: url('/files/content/layout-elemente/icon_instagram.svg');
}
.nav-item--social nav.nav-social ul.level_1 li.linkedin {
  background-image: url('/files/content/layout-elemente/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/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%);
  }
  @media screen and (max-width: 879px) {
    0% {
      transform: translate(0, 125%);
    }
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 75%);
  }
  @media screen and (max-width: 879px) {
    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 .crosses .cross.content-image {
    animation: none;
  }
}
.intro-crosses-camdude .cross-camdude-container .camdude {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro-crosses-camdude .cross-camdude-container .camdude figure {
  width: 75%;
}
.intro-crosses-camdude .cross-camdude-container .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 */