.elementor-kit-43{--e-global-color-primary:#FF6D16;--e-global-color-secondary:#0000EB;--e-global-color-text:#840A46;--e-global-color-accent:#FFF84B;--e-global-color-8abc900:#000000;--e-global-color-1037e39:#FFFFFF;--e-global-color-b346220:#0000EB;--e-global-typography-primary-font-family:"Tan Jambore";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-43 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Nebel-Overlay fest über dem Viewport */
.fog-overlay{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;

  /* DEIN Nebelbild */
  background-image: url("https://freiraumkollektiv.io/wp-content/uploads/2026/02/nebel-4-scaled.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;

  /* Stärke des Nebels */
  opacity: 0.85;

  /* WICHTIG: über allem */
  z-index: 999999;

  /* Damit man trotzdem klicken/scrollen kann */
  pointer-events: none;
}
/* Sichtfenster */
.marquee{
  overflow: hidden;
  width: 100%;
}

/* Bewegte Spur: enthält 2 Gruppen nebeneinander */
.marquee__track{
  display: flex;
  width: max-content;
  gap: 24px; /* Abstand zwischen den 2 Gruppen (optional) */
  animation: marqueeMove 22s linear infinite;
}

/* Jede Gruppe ist ein „Satz“ Karten */
.marquee__group{
  display: flex;
  gap: 24px;              /* Abstand zwischen Karten */
  flex-shrink: 0;         /* wichtig */
}

/* Karte (dein Rahmen-Design bleibt in Elementor – hier nur Sicherheit) */
.marquee__card{
  flex: 0 0 auto;         /* wichtig, damit nichts „großgezogen“ wird */
}

/* Pause bei Hover (optional) */
.marquee:hover .marquee__track{
  animation-play-state: paused;
}

/* Animation: genau um eine Gruppenbreite schieben (50% weil 2 identische Gruppen) */
@keyframes marqueeMove{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Mobile: langsamer + weniger Abstand */
@media (max-width: 767px){
  .marquee__track{ animation-duration: 32s; }
  .marquee__group{ gap: 16px; }
}
/* 1) WRAPPER: definiert die Größe und zentriert alles */
.circle-stack{
  position: relative;
  width: min(520px, 90vw);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  overflow: visible; /* wichtig: NICHT clippen */
}

/* 2) VIDEO-LAYER: wird als Kreis gecroppt */
.circle-stack .circle-video{
  position: absolute;
  inset: 0;
  z-index: 1;
}

.circle-stack .circle-video .elementor-widget-container,
.circle-stack .circle-video .elementor-wrapper,
.circle-stack .circle-video .elementor-video-wrapper{
  width: 100% !important;
  height: 100% !important;
}

/* dieser Wrapper clippt nur das VIDEO */
.circle-stack .circle-video .elementor-video-wrapper{
  border-radius: 50%;
  overflow: hidden;
}

/* das <video> selbst */
.circle-stack .circle-video video,
.circle-stack .circle-video .elementor-html5-video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;   /* cover = füllt den Kreis (kein „klein“) */
  display: block !important;
}

/* 3) TEXT-LAYER: darf NICHT gecroppt werden */
.circle-stack .circle-text{
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

/* SVG: bleibt sichtbar, auch wenn es „über den Kreis hinaus“ geht */
.circle-stack .circle-text .circle-svg{
  width: 125%;
  height: 125%;
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: visible;
}

/* Schrift-Styling */
.circle-stack .circle-text text{
  font-size: 12px;         /* anpassen */
  font-weight: 700;
  fill: #000;
  letter-spacing: 1px;
  font-family: "Tan Jambore";
}

/* Rotation nur für den Text */
.circle-stack .circle-text .circle-svg{
  animation: circleSpin 25s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes circleSpin{
  to { transform: translate(-50%, -50%) rotate(360deg); }
} 
.blue-triangle {
  clip-path: polygon(10% 56%, 100% 2%, 100% 100%);
  -webkit-clip-path: polygon(6% 56%, 100% 2%, 100% 88%);
  overflow: hidden;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Tan Jambore';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://freiraumkollektiv.io/wp-content/uploads/2026/02/TAN-Jambore.eot');
	src: url('https://freiraumkollektiv.io/wp-content/uploads/2026/02/TAN-Jambore.eot?#iefix') format('embedded-opentype'),
		url('https://freiraumkollektiv.io/wp-content/uploads/2026/02/TAN-Jambore.woff2') format('woff2'),
		url('https://freiraumkollektiv.io/wp-content/uploads/2026/02/TAN-Jambore.woff') format('woff'),
		url('https://freiraumkollektiv.io/wp-content/uploads/2026/02/TAN-Jambore.ttf') format('truetype');
}
/* End Custom Fonts CSS */