diff --git a/source/_patterns/04-components/teaser/_teaser.scss b/source/_patterns/04-components/teaser/_teaser.scss
deleted file mode 100644
index 7f446994ba1d7847d9350684b927718d2a5031a5..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/_teaser.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-// @file
-// Styles for event teaser.
diff --git a/source/_patterns/04-components/teaser/teaser--blog/_teaser--blog.scss b/source/_patterns/04-components/teaser/teaser--blog/_teaser--blog.scss
deleted file mode 100644
index 020fa0c501a49b0d2273fef488d863b31ecbc7d9..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--blog/_teaser--blog.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-//// @file
-//// Styles for blog teaser.
-//
diff --git a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md b/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md
deleted file mode 100644
index 4fa12aa613b0028bdda3535b5a5cb12f9f171bbd..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-el: .teaser--blog
-title: Teaser blog
----
-
-__Variables: (same form card)__
-* modifier_classes: [string] Classes to modify the default component styling.
-* title: [string] Title of the card.
-* header_level: [string] Set the level of herder <h?> tag for card
-* url: [string] URL of the card.
-* author_name: [string] Author name.
-* author_link: [string] URL for the author link.
-* show_hover: [boolean] to show outline and shadow on hover
-* date: [string] Date of the card.
-* date_format: [string] Choose the date format used for presentation.
- * long-date
- * long-datetime
- * medium-date
- * medium-datetime
- * medium-date-short-month
- * short-date
- * short-datetime
-* sources: [string] URL for the srcset of picture tag inside responsive-image.
-* img_element: [string] Url to source of fall back image.
-* alt: [string] Alt text to the image used in the picture tag or fallback image.
-* content: [string] Content of the card.
-* tags: [array] List of taxonomy tags
- * type: [string] Type of the tag, it will add class ".tag--type".
- * size: [string] Size of the tag, it will add class ".tag--size"
- * url: [string] URL of the tag.
- * title: [string] Title of the tag.
diff --git a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.twig b/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.twig
deleted file mode 100644
index f42e5e9d7eddab32f321f15ab99e50159ba6b44f..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.twig
+++ /dev/null
@@ -1,21 +0,0 @@
-{% set teaser_modifier_classes -%}
- card--teaser teaser--blog {{ modifier_classes }}
-{%- endset %}
-
-{% include "@components/teaser/teaser.twig" with {
- modifier_classes: teaser_modifier_classes,
- title: title,
- url: url,
- date: date,
- date_format: 'long-datetime',
- tags: tags,
- tag_type: 'simple',
- sources: sources,
- img_element: img_element,
- alt: alt,
- show_hover: show_hover,
- content: content,
- header_level: '2',
- author_name: author_name,
- author_link: author_link
-} %}
\ No newline at end of file
diff --git a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.yml b/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.yml
deleted file mode 100644
index fd5ee3fda8d5ce275a4950113f382cbe9cc91af9..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--blog/teaser--blog.yml
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: 'Blog Teaser title'
-url: '#'
-date:
- - 'Friday, September 18, 2020'
-author_name: 'Author Lastname'
-author_link: '#'
-tags:
- - url: '#'
- title: 'Tag 1'
- - url: '#'
- title: 'Tag 2'
- - url: '#'
- title: 'Tag 3'
- - url: '#'
- title: 'Tag 4'
-sources:
- - srcset: '../../../../source/images/president/president_xlarge.jpg'
- media: 'all and (min-width: 63.19rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_large.jpg'
- media: 'all and (min-width: 49.81rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_medium.jpg'
- media: 'all and (min-width: 30rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_small.jpg'
- media: 'all and (min-width: 25rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_xsmall.jpg'
- media: 'all and (min-width: 15rem)'
- type: 'image/jpeg'
-img_element: '../../../../source/images/president/president_xlarge.jpg'
-alt: 'Alternative text for blog teaser photo'
-content: |-
- <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
diff --git a/source/_patterns/04-components/teaser/teaser--event/_teaser--event.scss b/source/_patterns/04-components/teaser/teaser--event/_teaser--event.scss
deleted file mode 100644
index 24ccd8c0c24b7997230a3fb192ad6e1e65b7e319..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--event/_teaser--event.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// @file
-// Styles for event teaser.
-
diff --git a/source/_patterns/04-components/teaser/teaser--event/teaser--event.md b/source/_patterns/04-components/teaser/teaser--event/teaser--event.md
deleted file mode 100644
index a99888383adb3c156e6b7f826d4369f1a6e22892..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--event/teaser--event.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-el: .teaser--event
-title: Teaser Event
----
-
-__Variables: (same form card)__
-* modifier_classes: [string] Classes to modify the default component styling.
-* title: [string] Title of the card.
-* header_level: [string] Set the level of herder <h?> tag for card
-* url: [string] URL of the card.
-* author_name: [string] Author name.
-* author_link: [string] URL for the author link.
-* show_hover: [boolean] to show outline and shadow on hover
-* date: [string] Date of the card.
-* date_format: [string] Choose the date format used for presentation.
- * long-date
- * long-datetime
- * medium-date
- * medium-datetime
- * medium-date-short-month
- * short-date
- * short-datetime
-* sources: [string] URL for the srcset of picture tag inside responsive-image.
-* img_element: [string] Url to source of fall back image.
-* alt: [string] Alt text to the image used in the picture tag or fallback image.
-* content: [string] Content of the card.
-* tags: [array] List of taxonomy tags
- * type: [string] Type of the tag, it will add class ".tag--type".
- * size: [string] Size of the tag, it will add class ".tag--size"
- * url: [string] URL of the tag.
- * title: [string] Title of the tag.
diff --git a/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig b/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig
deleted file mode 100644
index fb43e9d8b07445716d4395317bd7aa152b422173..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--event/teaser--event.twig
+++ /dev/null
@@ -1,17 +0,0 @@
-{% set teaser_modifier_classes -%}
- card--teaser teaser--event {{ modifier_classes }}
-{%- endset %}
-
-{% include "@components/teaser/teaser.twig" with {
- modifier_classes: teaser_modifier_classes,
- title: title,
- url: url,
- date: date.0,
- date_format: 'long-datetime',
- sources: sources,
- img_element: img_element,
- alt: alt,
- show_hover: show_hover,
- content: content,
- header_level: '2',
-} %}
diff --git a/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml b/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml
deleted file mode 100644
index 3c49ef090d92a6e922c1e16a36386c6d3ef27915..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--event/teaser--event.yml
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: 'Event Teaser title'
-url: '#'
-date:
- - 'Friday, September 18, 2020 - 4:20 PM'
-sources:
- - srcset: '../../../../source/images/president/president_xlarge.jpg'
- media: 'all and (min-width: 63.19rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_large.jpg'
- media: 'all and (min-width: 49.81rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_medium.jpg'
- media: 'all and (min-width: 30rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_small.jpg'
- media: 'all and (min-width: 25rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_xsmall.jpg'
- media: 'all and (min-width: 15rem)'
- type: 'image/jpeg'
-img_element: '../../../../source/images/president/president_xlarge.jpg'
-alt: 'Alternative text for blog teaser photo'
-content: |-
- <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
diff --git a/source/_patterns/04-components/teaser/teaser--news/_teaser--news.scss b/source/_patterns/04-components/teaser/teaser--news/_teaser--news.scss
deleted file mode 100644
index 59b4ad59509ed619a5bd0dff43bdedb7940ada73..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--news/_teaser--news.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-// @file
-// Styles for news teaser.
diff --git a/source/_patterns/04-components/teaser/teaser--news/teaser--news.md b/source/_patterns/04-components/teaser/teaser--news/teaser--news.md
deleted file mode 100644
index 64466f7de1777d5e73b996098c25d606d607cf28..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--news/teaser--news.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-el: .teaser--news
-title: Teaser news
----
-
-__Variables: (same form card)__
-* modifier_classes: [string] Classes to modify the default component styling.
-* title: [string] Title of the card.
-* header_level: [string] Set the level of herder <h?> tag for card
-* url: [string] URL of the card.
-* author_name: [string] Author name.
-* author_link: [string] URL for the author link.
-* show_hover: [boolean] to show outline and shadow on hover
-* date: [string] Date of the card.
-* date_format: [string] Choose the date format used for presentation.
- * long-date
- * long-datetime
- * medium-date
- * medium-datetime
- * medium-date-short-month
- * short-date
- * short-datetime
-* sources: [string] URL for the srcset of picture tag inside responsive-image.
-* img_element: [string] Url to source of fall back image.
-* alt: [string] Alt text to the image used in the picture tag or fallback image.
-* content: [string] Content of the card.
-* tags: [array] List of taxonomy tags
- * type: [string] Type of the tag, it will add class ".tag--type".
- * size: [string] Size of the tag, it will add class ".tag--size"
- * url: [string] URL of the tag.
- * title: [string] Title of the tag.
diff --git a/source/_patterns/04-components/teaser/teaser--news/teaser--news.twig b/source/_patterns/04-components/teaser/teaser--news/teaser--news.twig
deleted file mode 100644
index b350ef54074a58049931e887906df120232f63d5..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--news/teaser--news.twig
+++ /dev/null
@@ -1,17 +0,0 @@
-{% set teaser_modifier_classes -%}
- card--teaser teaser--news {{ modifier_classes }}
-{%- endset %}
-
-{% include "@components/teaser/teaser.twig" with {
- modifier_classes: teaser_modifier_classes,
- title: title,
- url: url,
- date: date,
- date_format: 'medium-date-short-month',
- sources: sources,
- img_element: img_element,
- alt: alt,
- show_hover: show_hover,
- content: content,
- header_level: '2',
-} %}
\ No newline at end of file
diff --git a/source/_patterns/04-components/teaser/teaser--news/teaser--news.yml b/source/_patterns/04-components/teaser/teaser--news/teaser--news.yml
deleted file mode 100644
index 85b7d7ec67857b1f259dcc7ff9d4ece939264f0a..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser--news/teaser--news.yml
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: 'News Teaser title'
-url: '#'
-date:
- - 'Sep. 18, 2020'
-sources:
- - srcset: '../../../../source/images/president/president_xlarge.jpg'
- media: 'all and (min-width: 63.19rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_large.jpg'
- media: 'all and (min-width: 49.81rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_medium.jpg'
- media: 'all and (min-width: 30rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_small.jpg'
- media: 'all and (min-width: 25rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_xsmall.jpg'
- media: 'all and (min-width: 15rem)'
- type: 'image/jpeg'
-img_element: '../../../../source/images/president/president_xlarge.jpg'
-alt: 'Alternative text for blog teaser photo'
-content: |-
- <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>
diff --git a/source/_patterns/04-components/teaser/teaser.md b/source/_patterns/04-components/teaser/teaser.md
deleted file mode 100644
index 7432452b42b02fab4d214a994de69d4e2090e1c0..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-el: .teaser
-title: Teaser
----
-
-__Variables: (same form card)__
-* modifier_classes: [string] Classes to modify the default component styling.
-* title: [string] Title of the card.
-* header_level: [string] Set the level of herder <h?> tag for card
-* url: [string] URL of the card.
-* author_name: [string] Author name.
-* author_link: [string] URL for the author link.
-* date: [string] Date of the card.
-* date_format: [string] Choose the date format used for presentation.
- * long-date
- * long-datetime
- * medium-date
- * medium-datetime
- * medium-date-short-month
- * short-date
- * short-datetime
-* read_more: [boolean] Whether to show the read more link.
-* footer: [string] Footer content of the card.
-* sources: [string] URL for the srcset of picture tag inside responsive-image.
-* img_element: [string] Url for the fallback image.
-* alt: [string] Alt text to the image used in the picture tag or fallback image.
-* content: [string] Content of the card.
-* social_media: [array] Social media icons that can be included to card
- * text
- * url
-* social_media_placement: [string] Class name for where social media is placed"
-* tags: [array] List of taxonomy tags
- * type: [string] Type of the tag, it will add class ".tag--type".
- * size: [string] Size of the tag, it will add class ".tag--size"
- * url: [string] URL of the tag.
- * title: [string] Title of the tag.
diff --git a/source/_patterns/04-components/teaser/teaser.twig b/source/_patterns/04-components/teaser/teaser.twig
deleted file mode 100644
index 44a54f429bf082adf6261bc3bab634bc8794b693..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser.twig
+++ /dev/null
@@ -1,21 +0,0 @@
-{% set teaser_modifier_classes -%}
- card--teaser {{ modifier_classes }}
-{%- endset %}
-
-{% include "@components/card/card.twig" with {
- modifier_classes: teaser_modifier_classes,
- title: title,
- url: url,
- date_format: date_format,
- date: date,
- tags: tags,
- tag_type: tag_type,
- sources: sources,
- img_element: img_element,
- alt: alt,
- show_hover: show_hover,
- content: content,
- header_level: '2',
- author_name: author_name,
- author_link: author_link
-} %}
\ No newline at end of file
diff --git a/source/_patterns/04-components/teaser/teaser.yml b/source/_patterns/04-components/teaser/teaser.yml
deleted file mode 100644
index 7060f05eeb9587afd545d5861f5f6f22e517d137..0000000000000000000000000000000000000000
--- a/source/_patterns/04-components/teaser/teaser.yml
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: 'This is a Teaser title using the card component'
-url: '#'
-author_name: 'Author Lastname'
-author_link: '#'
-date: 'Friday, September 18, 2020'
-tags:
- - url: '#'
- title: 'Tag 1'
- type: 'simple'
- - url: '#'
- title: 'Tag 2'
- type: 'simple'
- - url: '#'
- title: 'Tag 3'
- type: 'simple'
- - url: '#'
- title: 'Tag 4'
- type: 'simple'
-sources:
- - srcset: '../../../../source/images/president/president_xlarge.jpg'
- media: 'all and (min-width: 63.19rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_large.jpg'
- media: 'all and (min-width: 49.81rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_medium.jpg'
- media: 'all and (min-width: 30rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_small.jpg'
- media: 'all and (min-width: 25rem)'
- type: 'image/jpeg'
- - srcset: '../../../../source/images/president/president_xsmall.jpg'
- media: 'all and (min-width: 15rem)'
- type: 'image/jpeg'
-img_element: '../../../../source/images/president/president_xlarge.jpg'
-alt: 'Alternative text'
-content: |-
- <p>This is the summary, which can contain <abbr title="Hyper Text Markup Language">HTML</abbr> markup. It should be 600 characters or less.Ea sit vide commodo ancillae, pro eu quidam ancillae offendit. Odio ferri officiis an his, sit id causae partiendo accusamus, has discere expetendis ne. Per at wisi homero voluptaria, vis vidit ornatus vituperatoribus no. Labores maiestatis mei ad, cum cu exerci appareat.</p>