.zkopf { text-align: center; color: var(--farbe-tinte); }
.zkopf:not(.zkopf--ohne-abstand) { margin: 11rem 0; position: relative; }
@media screen and (width >= 1025px) { .zkopf:not(.zkopf--ohne-abstand) { margin: 14rem 0; } }
@media screen and (width >= 1729px) { .zkopf:not(.zkopf--ohne-abstand) { margin: 17rem 0; } }

@media screen and (width >= 1025px) {
  .haupt > .zkopf--gross:not(.zkopf--ohne-abstand) { padding-top: 16rem; margin-bottom: 3rem; }
}

.zkopf .behaelter {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  row-gap: 3rem !important;
}
@media screen and (width >= 1729px) { .zkopf .behaelter { row-gap: 4rem !important; } }

.zkopf__pille, .zkopf__knopf {
  justify-content: center;
  align-items: center;
  display: flex;
}
.zkopf__knopf .knopf { max-width: 100%; }
.zkopf__knopf .knopf__innen { white-space: normal; text-align: center; }

.zkopf--gross .zkopf__titel.t1 { letter-spacing: -.24rem; font: 800 6rem/95% Inter, sans-serif; }
.zkopf--gross .zkopf__titel.t1 b { font-weight: inherit; }
@media screen and (width <= 419px) { .zkopf--gross .zkopf__titel.t1 { font-size: 13vw; } }
@media screen and (width >= 1025px) { .zkopf--gross .zkopf__titel.t1 { letter-spacing: -.24rem; font: 800 8rem/95% Inter, sans-serif; } }
@media screen and (width >= 1441px) { .zkopf--gross .zkopf__titel.t1 { letter-spacing: -.36rem; font: 800 11.5rem/95% Inter, sans-serif; } }
@media screen and (width >= 1729px) { .zkopf--gross .zkopf__titel.t1 { letter-spacing: -.45rem; font: 800 14rem/95% Inter, sans-serif; } }

.zkopf__titel.t2 { letter-spacing: -.16rem; font: 800 4rem/100% Inter, sans-serif; }
.zkopf__titel.t2 b { font-weight: inherit; }
@media screen and (width >= 1025px) {
  .zkopf--gross .zkopf__titel.t2 { letter-spacing: -.32rem; font: 800 7.2rem/95% Inter, sans-serif; }
}
@media screen and (width >= 1441px) {
  .zkopf--gross .zkopf__titel.t2 { letter-spacing: -.36rem; font: 800 9rem/95% Inter, sans-serif; }
}
@media screen and (width >= 1729px) {
  .zkopf--gross .zkopf__titel.t2 { letter-spacing: -.384rem; font: 800 9.6rem/95% Inter, sans-serif; }
}

.zkopf__text {
  letter-spacing: -.0396rem;
  text-wrap: pretty;
  max-width: 50.8rem;
  margin: 0 auto;
  font: 400 1.8rem/150% Inter, sans-serif;
}
.zkopf__text b, .zkopf__text strong { font-weight: 600; }
.zkopf__text a { font-weight: 600; text-decoration: none; }
@media screen and (width >= 1025px) { .zkopf__text { max-width: 50rem; } }
@media screen and (width >= 1441px) {
  .zkopf__text { letter-spacing: -.04rem; font: 400 2rem/150% Inter, sans-serif; max-width: 60rem; }
}
.zkopf__text h3 { font: inherit; letter-spacing: inherit; }