@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------------------
   Typo Left
-------------------------------------------------------------- */
.arguments.section .hero-title {
  margin: 0;
}

/* XL-Block */
.arguments.section .hero-title .hero-title--xl {
  font-size: clamp(2.8125rem, 5.8594vw, 4.2188rem);
}

.arguments.section .hero-title .hero-title--line {
  margin: 0;
}

/* Akzent */
.arguments.section .hero-title .hero-title--accent {
  margin-bottom: 0em;
}

@media (max-width: 991.98px) {
  .arguments.section .hero-title .hero-title--xl {
    font-size: clamp(2.6rem, 5.5vw, 3.9rem);
    letter-spacing: 0.015em;
  }

  .arguments.section .hero-title .hero-title--line {
    margin-bottom: 0.12em;
  }

  .arguments.section .hero-title .hero-title--md {
    font-size: 0.55em;
  }
}


/* --------------------------------------------------------------
   Liste Right – Text Toggle (mit festem Icon)
-------------------------------------------------------------- */

.toggle-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Klickbarer Text */
.toggle-trigger {
  all: unset;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.3rem;
  display: inline-flex;
  align-items: center;
  color: inherit; /* wichtig für Icon-Farbvererbung */
}

/* Textteile */
.toggle-text-normal {
  font-weight: 400;
  margin-right: 0.35rem;
}

.toggle-text-strong {
  font-weight: 700;
  margin-right: 0.35rem;
}

/* Hover + aktiver Zustand */
.toggle-trigger:hover,
.toggle-trigger:not(.collapsed) {
  color: #EC6707;
  text-decoration: underline;
}

/* --------------------------------------------------------------
   ICON (Mask-Version – ersetzt <i>)
-------------------------------------------------------------- */

.toggle-headline-icon {
  margin-right: 0.5rem;
  flex-shrink: 0;

  width: 1.3rem;
  height: 1.3rem;
  display: inline-block;

  background-color: currentColor; /* folgt Textfarbe */
  transition: background-color .25s ease;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Icon Mapping */
.toggle-headline-icon.icon-check-circle {
  -webkit-mask-image: url("../icon/bootstrap/check-circle.svg");
  mask-image: url("../icon/bootstrap/check-circle.svg");
}


/* --------------------------------------------------------------
   Inhalt
-------------------------------------------------------------- */

.toggle-content {
  margin-top: 0.5rem;
  padding-left: 2rem;
  color: #555;
  line-height: 1.5;
}


/* --------------------------------------------------------------
   Headline über Toggle-Liste
-------------------------------------------------------------- */

.toggle-headline {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.25;
}