1.3.1 Info and Relationships (A) Visual presentation of heading structure does not match code markup

The visually presented heading structure of the page does not match the use of semantic HTML heading elements. The visually presented structure is as follows:

h1 MagentaMobil Data: Datentarife zum attraktiven Preis
  h2 Wählen Sie Ihren Datentarif
    h3 5 GB Datenvolumen
    h3 10 GB Datenvolumen
    h3 25 GB Datenvolumen
  h2 Bei MagentaMobil Data inklusive
    h3 Auf Wunsch: Gerät inklusive
    h3 Größtes 5G-Netz
    h3 Telekom HotSpot Flat
    h3 EU-Roaming
  h2 Gute Gründe für die Datentarife der Telekom
    h3 Erlebnisse teilen
    h3 Immer in Kontakt bleiben
    h3 Unterwegs Spaß haben
  h2 Häufig gestellte Fragen zu unseren Datentarifen
    h3 Was ist MagentaMobil Data?
    h3 Welcher Datentarif ist für mich der richtige?
    h3 Mit welcher Geschwindigkeit kann ich bei den Datentarifen der Telekom surfen?
    h3 Welcher Datentarif passt besser – ohne Laufzeit, mit Vertrag oder Prepaid?
  h2 Datentarife individuell nach Ihren Wünschen
    h3 Hervorragende Netzabdeckung mit Datentarifen mit LTE oder 5G
    h3 HotSpot-Flatrate schont Ihr Datenvolumen
  h2 Direkteinstiege
    h3 Smartphones
    h3 Tarife
    h3 Themen
  h2 Vorteile im Überblick
    h3 MagentaEINS Vorteil

The programmatically determinable heading structure, using HTML heading elements is as follows:

h1 Wählen Sie Ihren Datentarif
  h2 Bei MagentaMobil Data inklusive
    h3 Auf Wunsch: Gerät inklusive
    h3 Größtes 5G-Netz
    h3 Telekom HotSpot Flat
    h3 EU-Roaming
  h2 Gute Gründe für die Datentarife der Telekom
    h3 Erlebnisse teilen
    h3 Immer in Kontakt bleiben
    h3 Unterwegs Spaß haben
  h2 Häufig gestellte Fragen zu unseren Datentarifen
    h3
  h2 Datentarife individuell nach Ihren Wünschen
    h3 Hervorragende Netzabdeckung mit Datentarifen mit LTE oder 5G
    h3 HotSpot-Flatrate schont Ihr Datenvolumen
  h2 Smartphones
  h2 Tarife
  h2 Themen
    h3 Vorteile im Überblick
      h4 MagentaEINS Vorteil

Observations for heading structure:

• Visual main heading does not use semantic HTML heading element

• Sub heading uses main heading <h1> element

• Empty <h3> element at beginning of FAQ

• FAQ items do not use heading elements

• Heading "Direkteinstiege" does not use semantic HTML heading element

• Direkteinstiege sub headings do not fit logically ("Wählen Sie Ihren Datentarif" → "Smartphone" / ...)

• Sidebar has no heading level 2 to group its content, making "Vorteile im Überblick" a programmatic child of the preceding "Direkteinstiege" sub heading "Themen"