.thesisheld { padding: calc(var(--oberer-balken) + 11rem) 0 7rem; background: var(--farbe-weiss); }
.thesisheld__kopf { max-width: none; margin: 0 0 5rem; text-align: center; }
.thesisheld__pille { margin-bottom: 2.4rem; display: flex; justify-content: center; }
.thesisheld__titel { font: 800 6.2rem/1.04 Inter, sans-serif; letter-spacing: -.18rem; color: var(--farbe-tinte); margin: 0 auto; }
.thesisheld__titel { max-width: 150rem; text-wrap: balance; }
.thesisheld__unter { font: 500 2.4rem/1.4 Inter, sans-serif; color: var(--farbe-text-zweit); margin: 2rem auto 0; max-width: 86rem; text-wrap: balance; }
.thesisheld__raster { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 5rem; align-items: center; }
.thesisheld__video { min-width: 0; }
.thesisheld__video .videoflaeche { border-radius: 1.8rem; overflow: hidden; }
.thesisheld__seite { min-width: 0; display: flex; flex-direction: column; gap: 2.8rem; }
.thesisheld__punkte { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2rem; }
.thesisheld__punkt { display: flex; gap: 1.4rem; align-items: flex-start; min-width: 0; }
.thesisheld__haken { flex: none; width: 2.8rem; height: 2.8rem; border-radius: 50%; display: grid; place-items: center;
  background: var(--farbe-violett-kraeftig); color: var(--farbe-weiss); margin-top: .2rem; }
.thesisheld__haken svg { width: 1.6rem; height: 1.6rem; }
.thesisheld__punkttext { min-width: 0; font: 400 17px/1.5 Inter, sans-serif; color: var(--farbe-text-zweit); }
.thesisheld__punkttext strong { display: block; font-weight: 800; font-size: 19px; color: var(--farbe-tinte); }
.thesisheld__knopf .knopf { width: 100%; justify-content: center; }
.thesisheld__klein { font: 500 1.6rem/1.4 Inter, sans-serif; color: var(--farbe-text-stumm); margin: -1.2rem 0 0; text-align: left; }
.thesisheld__knapp { display: flex; align-items: flex-start; gap: .9rem; margin: -.4rem 0 0; font: 600 1.6rem/1.4 Inter, sans-serif; color: var(--farbe-tinte); text-align: left; }
.thesisheld__knapp::before { content: ''; flex: 0 0 auto; width: .9rem; height: .9rem; margin-top: .7em; border-radius: 50%; background: var(--farbe-violett-kraeftig); }
.thesisheld__beleg { border-top: 1px solid var(--farbe-linie); padding-top: 2rem; font: 400 1.7rem/1.45 Inter, sans-serif; color: var(--farbe-text-zweit); margin: 0; }
.thesisheld__beleg strong { color: var(--farbe-tinte); }
.dreidinge .thesisheld__beleg { border-top: 0; margin: 3.2rem 0 0; max-width: 90rem; text-align: left; font-size: 1.9rem; }

.thesisheld__absender { margin: 1.6rem 0 0; font: 500 1.6rem/1.4 Inter, sans-serif; color: var(--farbe-text-stumm); }
.wahrheit { margin: 0 0 2.4rem; font: 800 2.4rem/1.25 Inter, sans-serif; letter-spacing: -.06rem; color: var(--farbe-tinte); }
@media screen and (width >= 1025px) { .wahrheit { font-size: 3rem; letter-spacing: -.08rem; } }
.haupt > .zkopf--gross.zkopf--wahrheit { padding-top: 0; }
.haupt .dreidinge__knopf { gap: 1.2rem; flex-wrap: wrap; }
.haupt .zitat__inhalt { align-items: flex-start; margin-left: 0; max-width: none; }
.haupt .zitat__person { margin-left: 0; margin-right: auto; }
.haupt .zitat__text { text-align: left; }
.haupt .fallbeispiel__kopfzeile, .haupt .fallbeispiel__knopf, .haupt .dreidinge__knopf { justify-content: flex-start; }
.haupt .fallbeispiel__zahl { align-items: flex-start; text-align: left; }

.stadtheld { position: relative; height: 80vh; height: 80svh; min-height: 56rem; overflow: hidden; isolation: isolate; background: var(--farbe-tinte); }
.haupt > section.stadtheld { margin: 0; }
.seite--dunkel .kopfzeile.ist-klebend:not(.war-klebend):not(.hat-untermenue):not(.menue-offen) .vor-burger .kopf-knopf.knopf--schwarz { color: var(--farbe-weiss); }
.seite--dunkel .kopfzeile.ist-klebend:not(.war-klebend):not(.hat-untermenue):not(.menue-offen) .vor-burger .kopf-knopf.knopf--schwarz .knopf__innen,
.seite--dunkel .kopfzeile.ist-klebend:not(.war-klebend):not(.hat-untermenue):not(.menue-offen) .burger .knopf__innen { background-color: var(--farbe-tinte); }
.seite--dunkel .kopfzeile.ist-klebend:not(.war-klebend):not(.hat-untermenue):not(.menue-offen) .burger,
.seite--dunkel .kopfzeile.ist-klebend:not(.war-klebend):not(.hat-untermenue):not(.menue-offen) .burger svg { fill: var(--farbe-weiss); color: var(--farbe-weiss); }
.stadtheld__bild { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; z-index: -2; }
.stadtheld::after { content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(to bottom, var(--farbe-schleier) 0%, var(--farbe-klar) 24%),
              linear-gradient(to top, var(--farbe-schleier-video) 0%, var(--farbe-schleier) 45%, var(--farbe-klar) 72%); }
.stadtheld__text { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 7rem; min-width: 0; }
.stadtheld__text .behaelter { display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; }
.stadtheld__ort { align-self: flex-start; padding: .8rem 1.6rem; border-radius: 99rem; background: var(--farbe-weiss); color: var(--farbe-tinte); font: 700 1.5rem/1.2 Inter, sans-serif; letter-spacing: .04rem; }
.stadtheld__titel { margin: 0; max-width: 110rem; font: 800 6.4rem/1.04 Inter, sans-serif; letter-spacing: -.18rem; color: var(--farbe-weiss); text-wrap: balance; }
.stadtheld__unter { margin: 0; max-width: 80rem; font: 500 2.2rem/1.4 Inter, sans-serif; color: var(--farbe-text-blass); }
.thesisheld.thesisheld--nach-stadt { padding-top: 4rem; }
.thesisheld__absender--oben { margin: 0 0 4rem; }

@media screen and (width >= 1025px) and (height <= 860px) {
  .thesisheld { padding-top: calc(var(--oberer-balken) + 7rem); }
  .thesisheld__kopf { max-width: 132rem; margin-bottom: 3rem; }
  .thesisheld__pille { margin-bottom: 1.6rem; }
  .thesisheld__titel { font-size: 5rem; letter-spacing: -.14rem; }
  .thesisheld__unter { margin-top: 1.4rem; }
}

@media screen and (width <= 1024px) {
  .thesisheld { padding: calc(var(--oberer-balken) + 9rem) 0 4rem; }
  .thesisheld__kopf { margin-bottom: 3rem; }
  .thesisheld__titel { font-size: 3.4rem; letter-spacing: -.08rem; }
  .thesisheld__unter { font-size: 1.8rem; }
  .thesisheld__raster { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
  .thesisheld__punkttext { font-size: 1.6rem; }
  .thesisheld__punkttext strong { font-size: 1.8rem; }
  .stadtheld { min-height: 52rem; }
  .stadtheld__bild { object-position: 50% 8%; }
  .stadtheld::after { background: linear-gradient(to bottom, var(--farbe-schleier) 0%, var(--farbe-klar) 20%),
                                  linear-gradient(to top, var(--farbe-schleier-video) 0%, var(--farbe-schleier-video) 22%, var(--farbe-schleier) 50%, var(--farbe-klar) 70%); }
  .stadtheld__text { padding-bottom: 3.2rem; }
  .stadtheld__text .behaelter { gap: 1.4rem; }
  .stadtheld__ort { font-size: 1.3rem; }
  .stadtheld__titel { font-size: 3.2rem; letter-spacing: -.08rem; }
  .stadtheld__unter { font-size: 1.6rem; }
  .thesisheld.thesisheld--nach-stadt { padding-top: 2.4rem; }
  .thesisheld__absender--oben { margin-bottom: 2.4rem; }
}