/* Hero Text */
.heroText{
  background:#000;

  /* statt 120/90 und 90/60 -> fluid */
  padding-top: clamp(90px, 10vw, 120px);
  padding-bottom: clamp(60px, 8vw, 90px);
}

.heroTextInner{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* Headline */
.headline--split{
  /* statt 68% + mobile 92/95% -> fluid */
  width: min(1200px, 92vw);
  margin: 0 auto;

  /* statt 48 / 32 / 23.5 -> fluid */
  font-size: clamp(23.5px, 3.2vw, 48px);

  line-height: clamp(1.22, 1.2 + 0.2vw, 1.30); /* weich, ohne Sprünge */
  font-weight: 600;

  /* statt .06em und auf mobile fast 0 -> fluid */
  letter-spacing: clamp(0.00001em, 0.25vw, .06em);

  text-transform: uppercase;
  color: #fff;
}

/* gemeinsame Line-Styles */
.headline--split .line{
  display: block;

  /* wichtig: auf klein darf es umbrechen, sonst sprengt es */
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Zeile 1 links */
.headline--split .l1{
  text-align: left;
}

/* Zeile 2 rechts (auf klein wird’s automatisch “weniger rechts-lastig”) */
.headline--split .l2{
  text-align: right;
  margin-top: clamp(15px, 2vw, 22px);
}


/* Paragraph */
.heroParagraph{
  text-align: center;

  /* statt 120 -> 80 auf mobile */
  margin: clamp(80px, 10vw, 120px) auto 0;

  max-width: 1200px;
  width: min(1200px, 85vw); /* statt 68% -> 85% mobile */

  font-size: clamp(21px, 2.1vw, 30px);
  line-height: 1.7;
  color: rgba(255,255,255,.9);
}

.heroParagraph.is-two {
  display:flex;
  flex-direction:column;
}

.accent{ color: #AC0000; }