<?php

$kit_categories = get_the_category();

//get name of first category
$kit_category_name = $kit_categories[0]->name;

//get category url
$kit_category_url = get_category_link( $kit_categories[0]->term_id );

?>

<section class="full-width background-color-page-theme" id="c3318">
  <?php if ( has_post_thumbnail() ) { ?>
  <div class="intro-element align-center background-color-page-theme-contrast" style="background-image: url(<?php echo get_the_post_thumbnail_url(); ?>);">
  <?php } else { ?>
  <div class="intro-element align-center background-color-page-theme-contrast" style="background-image: url(/fileadmin/user_upload/00_Startseite/20191216-CN-02-251_Homepage.jpg);">
  <?php } ?>
    <div class="content-wrap">
      <?php if ( has_category() ) { ?>
      <a href="<?php echo esc_url( $kit_category_url ); ?>" class="page-category-marker">
        <span>
          <?php echo esc_html( $kit_category_name ); ?>
        </span>
      </a>
      <?php } ?>
      <?php the_title( '<h1>', '</h1>' ); ?>
    </div>
  </div>
</section>

<section class="background-color-white">
  <div class="content-wrap">

    <article>

      <?php the_content(); ?>

    </article>

  </div>
</section>
