.roadblock {
  display: grid;
  flex: 1;
  gap: 2.5em;
  margin: var(--space-xx-large);
  place-content: center;
  position: relative;
}

.roadblock__logo {
  align-items: center;
  display: flex;
  height: 3.3em;
  justify-self: center;
}

.roadblock__logo:before {
  background: url('/assets/images/general/logo-mark.webp') center / 100% auto no-repeat;
  content: '';
  height: 4em;
  width: 4em;
}

.roadblock__headline,
.roadblock__content {
  margin-inline: auto;
  text-align: center;
  width: min(100%, 36em);
}



.roadblock--wide .roadblock__headline,
.roadblock--wide .roadblock__content {
  width: min(100%, 44em);
}