apply new layout to account activation email template

backend/src/emails/templates/accountActivation/html.pug

@@ -1,20 +1,19 @@
-doctype html
-html(lang=locale)
-  head
-    title= t('emails.accountActivation.subject')
-  body
-    h1(style='margin-bottom: 24px;')= t('emails.accountActivation.subject')
-    #container.col
-      include ../hello.pug
-      p= t('emails.accountActivation.emailRegistered')
-      p
-        = t('emails.accountActivation.pleaseClickLink')
-        br
-        a(href=activationLink) #{activationLink}
-        br
-        = t('emails.general.orCopyLink')
-      p
-        = t('emails.accountActivation.duration', { hours: timeDurationObject.hours, minutes: timeDurationObject.minutes })
-        br
-        a(href=resendLink) #{resendLink}
-      include ../greatingFormularImprint.pug
+extend ../layout.pug
+
+block content
+  .wrapper.wf-section
+    .w-container(class="wrapper_head")
+      h1.headline.h1= t('emails.accountActivation.title')
+      .text-block
+        include ../includes/salutation.pug
+        p= t('emails.accountActivation.emailRegistered')
+    .content.w-container
+      h2.heading= t('emails.accountActivation.title')
+      div(class="p_content")= t('emails.accountActivation.pleaseClickLink')
+      a.button-3.w-button(href=activationLink) #{t('emails.accountActivation.activateAccount')}
+      //- div(class="p_content")= t('emails.general.orCopyLink')
+      // TODO make this a reusable block (block new-link)
+      h2.heading-2 Neuen gültigen Link anfordern
+      div(class="p_content")= t('emails.accountActivation.duration', { hours: timeDurationObject.hours, minutes: timeDurationObject.minutes })
+      br
+      a.button-4.w-button(href=resendLink) #{t('emails.general.newLink')}