/* MITMACHEN — existing keywords/layout, brighter scene, title language follows HOME. */
.cf-mitmachen__stage{
  display:grid;
  place-items:center;
  opacity:0;
  transform-style:flat;
}

.cf-mitmachen__bg{
  position:absolute;
  inset:-12%;
  background:
    radial-gradient(ellipse 44% 38% at 50% 48%,rgba(204,23,21,.22),rgba(204,23,21,.07) 42%,transparent 73%),
    radial-gradient(ellipse 58% 48% at 48% 46%,rgba(255,255,255,.052),transparent 62%),
    linear-gradient(126deg,transparent 19%,rgba(255,255,255,.020) 38%,rgba(204,23,21,.055) 49%,transparent 67%),
    linear-gradient(180deg,#050506 0%,#080708 48%,#030304 100%);
  opacity:.78;
  will-change:transform,filter,opacity;
  -webkit-mask-image:radial-gradient(ellipse 76% 74% at 50% 50%,#000 0 46%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.24) 80%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 74% at 50% 50%,#000 0 46%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.24) 80%,transparent 100%);
}

.cf-mitmachen__stripes{
  position:absolute;
  inset:0;
  z-index:6;
  overflow:hidden;
  mix-blend-mode:screen;
  pointer-events:none;
}

.cf-mitmachen__stripes i{
  position:absolute;
  left:-18vw;
  top:52%;
  width:140vw;
  height:1px;
  transform-origin:center;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),rgba(204,23,21,.92),transparent 72%);
  box-shadow:0 0 .7rem rgba(255,255,255,.15),0 0 1.45rem rgba(204,23,21,.78);
}

.cf-mitmachen__stripes i:nth-child(1){transform:rotate(-10deg)}
.cf-mitmachen__stripes i:nth-child(2){transform:rotate(8deg);opacity:.62}
.cf-mitmachen__stripes i:nth-child(3){transform:rotate(25deg);opacity:.35}

.cf-mitmachen__highlights{
  position:absolute;
  inset:-24%;
  z-index:5;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.92;
  -webkit-mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 0 46%,rgba(0,0,0,.72) 68%,transparent 100%);
  mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 0 46%,rgba(0,0,0,.72) 68%,transparent 100%);
}

.cf-mitmachen__highlights i{
  position:absolute;
  left:-25%;
  width:150%;
  height:2px;
  background:linear-gradient(90deg,transparent 0 20%,rgba(255,255,255,.12) 31%,rgba(255,255,255,.72) 46%,rgba(204,23,21,.86) 51%,rgba(255,255,255,.22) 57%,transparent 72%);
  box-shadow:0 0 .8rem rgba(255,255,255,.18),0 0 2rem rgba(204,23,21,.62);
  filter:blur(.15px);
  transform-origin:center;
  animation:cf-mitmachen-light 7.5s ease-in-out infinite alternate;
}

.cf-mitmachen__highlights i:nth-child(1){top:30%;transform:rotate(-14deg);animation-delay:-1.8s}
.cf-mitmachen__highlights i:nth-child(2){top:55%;transform:rotate(9deg);animation-duration:9.2s;animation-delay:-4.1s}
.cf-mitmachen__highlights i:nth-child(3){top:72%;transform:rotate(-4deg);animation-duration:6.8s;animation-delay:-2.7s;opacity:.58}

@keyframes cf-mitmachen-light{
  0%{translate:-8% 0;opacity:.30;filter:blur(.5px)}
  45%{opacity:.82}
  100%{translate:10% 0;opacity:.46;filter:blur(0)}
}

.cf-mitmachen__title{
  position:absolute;
  inset:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  pointer-events:none;
  will-change:transform,opacity,filter;
}

.cf-mitmachen__title-canvas{
  position:relative;
  width:min(78vw,72rem);
  aspect-ratio:2048/926;
}

/* DU BISCH occupies the same upper title zone as the supplied CHURER artwork. */
.cf-mitmachen__title-top{
  position:absolute;
  left:9.3%;
  top:8.3%;
  z-index:1;
  width:73.2%;
  height:51.1%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:clamp(4.35rem,10.4vw,10.9rem);
  line-height:.78;
  letter-spacing:-.04em;
  text-transform:uppercase;
  text-shadow:0 0 .55rem rgba(255,255,255,.32),0 0 1.4rem rgba(255,255,255,.20),0 0 2.2rem rgba(0,0,0,.46);
}

/* Exact supplied FASNACHT artwork, overlaid on the same HOME-title canvas instead of stacked below it. */
.cf-mitmachen__title-fasnacht{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 .7rem rgba(255,255,255,.16)) drop-shadow(0 0 1.55rem rgba(204,23,21,.48));
}

.cf-mitmachen__orbit{
  position:absolute;
  inset:0;
  z-index:14;
}

.cf-mitmachen__word{
  position:absolute;
  color:#fff;
  font-size:clamp(2.2rem,5vw,5.3rem);
  letter-spacing:-.015em;
  text-decoration:none;
  text-transform:uppercase;
  opacity:0;
  filter:blur(10px);
  text-shadow:0 .14rem .4rem rgba(0,0,0,.72),0 0 .8rem rgba(255,255,255,.10),0 0 1.7rem rgba(204,23,21,.91);
  will-change:transform,opacity,filter;
}

.cf-mitmachen__word--1{left:8vw;top:20vh}
.cf-mitmachen__word--2{right:9vw;top:28vh}
.cf-mitmachen__word--3{left:11vw;bottom:17vh}
.cf-mitmachen__word--4{right:10vw;bottom:15vh}
.cf-mitmachen__word:hover{color:#fff;text-shadow:0 0 .65rem #fff,0 0 2rem rgba(204,23,21,.95)}