name: field.blocks.heading.name
icon: title
wysiwyg: true
preview: heading
fields:
  level:
    label: field.blocks.heading.level
    type: toggles
    empty: false
    default: "h2"
    labels: false
    help: Headline-Level bzw Hierarchie
    options:
      - value: h1
        icon: h1
        text: H1
      - value: h2
        icon: h2
        text: H2
      - value: h3
        icon: h3
        text: H3
      - value: h4
        icon: h4
        text: H4
      - value: h5
        icon: h5
        text: H5
      - value: h6
        icon: h6
        text: H6
  text:
    label: field.blocks.heading.text
    type: writer
    inline: true
    placeholder: field.blocks.heading.placeholder
  pre_class:
    label: Vordefinierte CSS-Klassen
    type: select
    width: 1/2
    help: Hilfreich um das Aussehen anzupassen ohne die Hierarchien zu brechen.
    options:
      meta: Meta-Headline
      h1: H1 Aussehen
      h2: H2 Aussehen
      h3: H3 Aussehen
      h4: H4 Aussehen
  cssclass:
    label: CSS-Klasse
    width: 1/2
    type: text
    help: Evtl. extra Klasse (muss i.d.R. vom Designer implementiert werden)
  cssid:
    label: Element-ID
    width: 1/2
    type: slug
    help: ID des Elements, meistens für Anchor-Links oder bestimmte Funktionalitäten (Letzteres muss i.d.R. vom Designer implementiert werden)
  responsive_hide:
    label: Responsives Verstecken
    help: (optional)
    type: select
    options:
      desktop: Nur auf Desktop anzeigen
      mobile: Nur auf Mobile anzeigen