


<!DOCTYPE html>
<html class="no-js " lang="en-US">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<title>Matter Of  |  Kategorien  |  Self-initiated</title>
		
		<link rel="profile" href="http://gmpg.org/xfn/11">
		<link rel="pingback" href="">
		
		<link rel="apple-touch-icon" sizes="180x180" href="https://matterof.online/apple-icon.png">
		<link rel="icon" type="image/png" href="https://matterof.online/favicon-32x32.png" sizes="32x32">
		<link rel="icon" type="image/png" href="https://matterof.online/favicon-16x16.png" sizes="16x16">
		<link rel="manifest" href="https://matterof.online/manifest.json">
		<link rel="mask-icon" href="https://matterof.online/safari-pinned-tab.svg" color="#ff0000">
		<link rel="shortcut icon" href="https://matterof.online/favicon.ico">
		<meta name="theme-color" content="#ffffff">

					<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down@2x.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--left.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--left.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--left@2x.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--right.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--right.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--right@2x.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/close--regular.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/close--regular.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/close--regular@2x.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/close--white.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/close--white.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/close--white@2x.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/icons.ai" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/loader.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/view--regular.png" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/view--regular.svg" as="image" />
						<link rel="preload" href="https://matterof.online/wp-content/themes/Mof/asset/image/icon/view--regular@2x.png" as="image" />
			
		<link rel="stylesheet" id="mof-Module/Image/Image-css" href="https://matterof.online/wp-content/themes/Mof/Mof/Module/Image/Image.css?v=1.0.5&amp;ver=6.0.3" type="text/css" media="all">
		<link rel="stylesheet" id="mof-Module/Video/Video-css" href="https://matterof.online/wp-content/themes/Mof/Mof/Module/Video/Video.css?v=1.0.5&amp;ver=6.0.3" type="text/css" media="all">
		
		<meta name='robots' content='max-image-preview:large' />
	<script>
	var Mof=Mof || {};	
	Mof.VERSION = "1.6.1";
	Mof.NAME = "MOF";
	Mof.NAME_SC = "Mof";
	Mof.NAME_ABBR = "mof";
	Mof.NAMESPACE = "Mof";

	Mof.URL = "https://matterof.online/wp-content/themes/Mof/";
	Mof.ASSET_URL = "https://matterof.online/wp-content/themes/Mof/asset/";
	
	Mof.AJAX_URL = "https://matterof.online/wp-admin/admin-ajax.php";
	Mof.HOME_URL = "https://matterof.online/";
	Mof.HOME_TITLE = "Matter Of";
	Mof.LAST_URL = "https://matterof.online/";
	</script>
	<link rel="alternate" type="application/rss+xml" title="Matter Of &raquo; Self-initiated Kategorie Feed" href="https://matterof.online/project-category/self-initiated/feed/" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='wp-block-accordion-inline-css' type='text/css'>
.wp-block-accordion{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/accordion/style.min.css */
</style>
<style id='wp-block-accordion-item-inline-css' type='text/css'>
.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.wp-block-accordion-item{transition:grid-template-rows .3s ease-out}.wp-block-accordion-item>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transition:transform .2s ease-in-out}}
/*# sourceURL=https://matterof.online/wp-includes/blocks/accordion-item/style.min.css */
</style>
<style id='wp-block-archives-inline-css' type='text/css'>
.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}
/*# sourceURL=https://matterof.online/wp-includes/blocks/archives/style.min.css */
</style>
<style id='wp-block-avatar-inline-css' type='text/css'>
.wp-block-avatar{line-height:0}.wp-block-avatar,.wp-block-avatar img{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}
/*# sourceURL=https://matterof.online/wp-includes/blocks/avatar/style.min.css */
</style>
<style id='wp-block-button-inline-css' type='text/css'>
.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}
/*# sourceURL=https://matterof.online/wp-includes/blocks/button/style.min.css */
</style>
<style id='wp-block-calendar-inline-css' type='text/css'>
.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}.wp-block-calendar :where(table:not(.has-text-color)){color:#40464d}.wp-block-calendar :where(table:not(.has-text-color)) td,.wp-block-calendar :where(table:not(.has-text-color)) th{border-color:#ddd}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}
/*# sourceURL=https://matterof.online/wp-includes/blocks/calendar/style.min.css */
</style>
<style id='wp-block-categories-inline-css' type='text/css'>
.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label{display:block;width:100%}
/*# sourceURL=https://matterof.online/wp-includes/blocks/categories/style.min.css */
</style>
<style id='wp-block-comment-author-name-inline-css' type='text/css'>
.wp-block-comment-author-name{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comment-author-name/style.min.css */
</style>
<style id='wp-block-comment-content-inline-css' type='text/css'>
.comment-awaiting-moderation{display:block;font-size:.875em;line-height:1.5}.wp-block-comment-content{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comment-content/style.min.css */
</style>
<style id='wp-block-comment-date-inline-css' type='text/css'>
.wp-block-comment-date{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comment-date/style.min.css */
</style>
<style id='wp-block-comment-edit-link-inline-css' type='text/css'>
.wp-block-comment-edit-link{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comment-edit-link/style.min.css */
</style>
<style id='wp-block-comment-reply-link-inline-css' type='text/css'>
.wp-block-comment-reply-link{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comment-reply-link/style.min.css */
</style>
<style id='wp-block-comment-template-inline-css' type='text/css'>
.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:fit-content}.wp-block-comment-template.alignright{float:right}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comment-template/style.min.css */
</style>
<style id='wp-block-comments-inline-css' type='text/css'>
.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comments/style.min.css */
</style>
<style id='wp-block-comments-pagination-inline-css' type='text/css'>
.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{font-size:inherit}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}
/*# sourceURL=https://matterof.online/wp-includes/blocks/comments-pagination/style.min.css */
</style>
<link rel='stylesheet' id='wp-block-cover-css' href='https://matterof.online/wp-includes/blocks/cover/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-file-inline-css' type='text/css'>
.wp-block-file{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):where(a):active,:where(.wp-block-file__button):where(a):focus,:where(.wp-block-file__button):where(a):hover,:where(.wp-block-file__button):where(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}
/*# sourceURL=https://matterof.online/wp-includes/blocks/file/style.min.css */
</style>
<style id='wp-block-footnotes-inline-css' type='text/css'>
.editor-styles-wrapper,.entry-content{counter-reset:footnotes}a[data-fn].fn{counter-increment:footnotes;display:inline-flex;font-size:smaller;text-decoration:none;text-indent:-9999999px;vertical-align:super}a[data-fn].fn:after{content:"[" counter(footnotes) "]";float:left;text-indent:0}
/*# sourceURL=https://matterof.online/wp-includes/blocks/footnotes/style.min.css */
</style>
<link rel='stylesheet' id='wp-block-gallery-css' href='https://matterof.online/wp-includes/blocks/gallery/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-heading-inline-css' type='text/css'>
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://matterof.online/wp-includes/blocks/heading/style.min.css */
</style>
<link rel='stylesheet' id='wp-block-image-css' href='https://matterof.online/wp-includes/blocks/image/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-latest-comments-inline-css' type='text/css'>
ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}
/*# sourceURL=https://matterof.online/wp-includes/blocks/latest-comments/style.min.css */
</style>
<style id='wp-block-latest-posts-inline-css' type='text/css'>
.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}
/*# sourceURL=https://matterof.online/wp-includes/blocks/latest-posts/style.min.css */
</style>
<style id='wp-block-list-inline-css' type='text/css'>
ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
/*# sourceURL=https://matterof.online/wp-includes/blocks/list/style.min.css */
</style>
<style id='wp-block-loginout-inline-css' type='text/css'>
.wp-block-loginout{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/loginout/style.min.css */
</style>
<style id='wp-block-media-text-inline-css' type='text/css'>
.wp-block-media-text{box-sizing:border-box;
  /*!rtl:begin:ignore*/direction:ltr;
  /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top>.wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media,.wp-block-media-text>.wp-block-media-text__content,.wp-block-media-text>.wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom>.wp-block-media-text__media{align-self:end}.wp-block-media-text>.wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1;
  /*!rtl:end:ignore*/margin:0}.wp-block-media-text>.wp-block-media-text__content{direction:ltr;
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1;
  /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text__media a{display:block}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media img{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{height:100%;min-height:250px;position:relative}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{height:100%;object-fit:cover;position:absolute;width:100%}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content{grid-column:1;grid-row:2}}
/*# sourceURL=https://matterof.online/wp-includes/blocks/media-text/style.min.css */
</style>
<link rel='stylesheet' id='wp-block-navigation-css' href='https://matterof.online/wp-includes/blocks/navigation/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-navigation-link-inline-css' type='text/css'>
.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
/*# sourceURL=https://matterof.online/wp-includes/blocks/navigation-link/style.min.css */
</style>
<style id='wp-block-page-list-inline-css' type='text/css'>
.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.wp-block-page-list{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/page-list/style.min.css */
</style>
<style id='wp-block-post-author-inline-css' type='text/css'>
.wp-block-post-author{box-sizing:border-box;display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-author/style.min.css */
</style>
<style id='wp-block-post-author-biography-inline-css' type='text/css'>
.wp-block-post-author-biography{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-author-biography/style.min.css */
</style>
<style id='wp-block-post-author-name-inline-css' type='text/css'>
.wp-block-post-author-name{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-author-name/style.min.css */
</style>
<style id='wp-block-post-comments-count-inline-css' type='text/css'>
.wp-block-post-comments-count{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-comments-count/style.min.css */
</style>
<style id='wp-block-post-comments-form-inline-css' type='text/css'>
:where(.wp-block-post-comments-form input:not([type=submit])),:where(.wp-block-post-comments-form textarea){border:1px solid #949494;font-family:inherit;font-size:1em}:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))),:where(.wp-block-post-comments-form textarea){padding:calc(.667em + 2px)}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form :where(input[type=submit]){box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-comments-form/style.min.css */
</style>
<style id='wp-block-buttons-inline-css' type='text/css'>
.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center}
/*# sourceURL=https://matterof.online/wp-includes/blocks/buttons/style.min.css */
</style>
<style id='wp-block-post-comments-link-inline-css' type='text/css'>
.wp-block-post-comments-link{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-comments-link/style.min.css */
</style>
<style id='wp-block-post-content-inline-css' type='text/css'>
.wp-block-post-content{display:flow-root}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-content/style.min.css */
</style>
<style id='wp-block-post-date-inline-css' type='text/css'>
.wp-block-post-date{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-date/style.min.css */
</style>
<style id='wp-block-post-excerpt-inline-css' type='text/css'>
:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-excerpt/style.min.css */
</style>
<style id='wp-block-post-featured-image-inline-css' type='text/css'>
.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-featured-image/style.min.css */
</style>
<style id='wp-block-post-navigation-link-inline-css' type='text/css'>
.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-navigation-link/style.min.css */
</style>
<style id='wp-block-post-template-inline-css' type='text/css'>
.wp-block-post-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{margin-inline-end:auto;margin-inline-start:auto}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-template/style.min.css */
</style>
<style id='wp-block-post-terms-inline-css' type='text/css'>
.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-terms/style.min.css */
</style>
<style id='wp-block-post-time-to-read-inline-css' type='text/css'>
.wp-block-post-time-to-read{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-time-to-read/style.min.css */
</style>
<style id='wp-block-post-title-inline-css' type='text/css'>
.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}
/*# sourceURL=https://matterof.online/wp-includes/blocks/post-title/style.min.css */
</style>
<style id='wp-block-query-pagination-inline-css' type='text/css'>
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}
/*# sourceURL=https://matterof.online/wp-includes/blocks/query-pagination/style.min.css */
</style>
<style id='wp-block-query-title-inline-css' type='text/css'>
.wp-block-query-title{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/query-title/style.min.css */
</style>
<style id='wp-block-query-total-inline-css' type='text/css'>
.wp-block-query-total{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/query-total/style.min.css */
</style>
<style id='wp-block-read-more-inline-css' type='text/css'>
.wp-block-read-more{display:block;width:fit-content}.wp-block-read-more:where(:not([style*=text-decoration])){text-decoration:none}.wp-block-read-more:where(:not([style*=text-decoration])):active,.wp-block-read-more:where(:not([style*=text-decoration])):focus{text-decoration:none}
/*# sourceURL=https://matterof.online/wp-includes/blocks/read-more/style.min.css */
</style>
<style id='wp-block-rss-inline-css' type='text/css'>
ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-rss{box-sizing:border-box;list-style:none;padding:0}
/*# sourceURL=https://matterof.online/wp-includes/blocks/rss/style.min.css */
</style>
<style id='wp-block-search-inline-css' type='text/css'>
.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}
/*# sourceURL=https://matterof.online/wp-includes/blocks/search/style.min.css */
</style>
<style id='wp-block-site-logo-inline-css' type='text/css'>
.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}
/*# sourceURL=https://matterof.online/wp-includes/blocks/site-logo/style.min.css */
</style>
<style id='wp-block-site-tagline-inline-css' type='text/css'>
.wp-block-site-tagline{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/site-tagline/style.min.css */
</style>
<style id='wp-block-site-title-inline-css' type='text/css'>
.wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}
/*# sourceURL=https://matterof.online/wp-includes/blocks/site-title/style.min.css */
</style>
<style id='wp-block-tag-cloud-inline-css' type='text/css'>
.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}
/*# sourceURL=https://matterof.online/wp-includes/blocks/tag-cloud/style.min.css */
</style>
<style id='wp-block-term-count-inline-css' type='text/css'>
.wp-block-term-count{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/term-count/style.min.css */
</style>
<style id='wp-block-term-description-inline-css' type='text/css'>
:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-term-description p{margin-bottom:0;margin-top:0}
/*# sourceURL=https://matterof.online/wp-includes/blocks/term-description/style.min.css */
</style>
<style id='wp-block-term-name-inline-css' type='text/css'>
.wp-block-term-name{box-sizing:border-box}
/*# sourceURL=https://matterof.online/wp-includes/blocks/term-name/style.min.css */
</style>
<style id='wp-block-term-template-inline-css' type='text/css'>
.wp-block-term-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}
/*# sourceURL=https://matterof.online/wp-includes/blocks/term-template/style.min.css */
</style>
<style id='wp-block-video-inline-css' type='text/css'>
.wp-block-video{box-sizing:border-box}.wp-block-video video{height:auto;vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em}
/*# sourceURL=https://matterof.online/wp-includes/blocks/video/style.min.css */
</style>
<style id='wp-block-accordion-heading-inline-css' type='text/css'>
.wp-block-accordion-heading__toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;padding:var(--wp--preset--spacing--20,1em) 0;text-align:inherit;text-decoration:inherit;text-transform:inherit;width:100%;word-spacing:inherit}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration:underline}.wp-block-accordion-heading__toggle-title{flex:1}.wp-block-accordion-heading__toggle-icon{align-items:center;display:flex;height:1.2em;justify-content:center;width:1.2em}
/*# sourceURL=https://matterof.online/wp-includes/blocks/accordion-heading/style.min.css */
</style>
<style id='wp-block-accordion-panel-inline-css' type='text/css'>
.wp-block-accordion-panel[aria-hidden=true],.wp-block-accordion-panel[inert]{display:none;margin-block-start:0}
/*# sourceURL=https://matterof.online/wp-includes/blocks/accordion-panel/style.min.css */
</style>
<style id='wp-block-audio-inline-css' type='text/css'>
.wp-block-audio{box-sizing:border-box}.wp-block-audio :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}
/*# sourceURL=https://matterof.online/wp-includes/blocks/audio/style.min.css */
</style>
<style id='wp-block-code-inline-css' type='text/css'>
.wp-block-code{box-sizing:border-box}.wp-block-code code{
  /*!rtl:begin:ignore*/direction:ltr;display:block;font-family:inherit;overflow-wrap:break-word;text-align:initial;white-space:pre-wrap
  /*!rtl:end:ignore*/}
/*# sourceURL=https://matterof.online/wp-includes/blocks/code/style.min.css */
</style>
<style id='wp-block-columns-inline-css' type='text/css'>
.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}
/*# sourceURL=https://matterof.online/wp-includes/blocks/columns/style.min.css */
</style>
<style id='wp-block-details-inline-css' type='text/css'>
.wp-block-details{box-sizing:border-box}.wp-block-details summary{cursor:pointer}
/*# sourceURL=https://matterof.online/wp-includes/blocks/details/style.min.css */
</style>
<style id='wp-block-embed-inline-css' type='text/css'>
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}
/*# sourceURL=https://matterof.online/wp-includes/blocks/embed/style.min.css */
</style>
<style id='wp-block-group-inline-css' type='text/css'>
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=https://matterof.online/wp-includes/blocks/group/style.min.css */
</style>
<style id='wp-block-math-inline-css' type='text/css'>
.wp-block-math{overflow-x:auto;overflow-y:hidden}
/*# sourceURL=https://matterof.online/wp-includes/blocks/math/style.min.css */
</style>
<style id='wp-block-paragraph-inline-css' type='text/css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://matterof.online/wp-includes/blocks/paragraph/style.min.css */
</style>
<style id='wp-block-preformatted-inline-css' type='text/css'>
.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}
/*# sourceURL=https://matterof.online/wp-includes/blocks/preformatted/style.min.css */
</style>
<style id='wp-block-pullquote-inline-css' type='text/css'>
.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:4em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote p{color:inherit}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{margin-top:0}.wp-block-pullquote p:last-child{margin-bottom:0}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.has-text-align-center blockquote{text-align:center}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote :where(cite){color:inherit;display:block}
/*# sourceURL=https://matterof.online/wp-includes/blocks/pullquote/style.min.css */
</style>
<style id='wp-block-quote-inline-css' type='text/css'>
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
/*# sourceURL=https://matterof.online/wp-includes/blocks/quote/style.min.css */
</style>
<style id='wp-block-separator-inline-css' type='text/css'>
@charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}
/*# sourceURL=https://matterof.online/wp-includes/blocks/separator/style.min.css */
</style>
<link rel='stylesheet' id='wp-block-social-links-css' href='https://matterof.online/wp-includes/blocks/social-links/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-spacer-inline-css' type='text/css'>
.wp-block-spacer{clear:both}
/*# sourceURL=https://matterof.online/wp-includes/blocks/spacer/style.min.css */
</style>
<link rel='stylesheet' id='wp-block-table-css' href='https://matterof.online/wp-includes/blocks/table/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='wp-block-text-columns-inline-css' type='text/css'>
.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.3333333333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}
/*# sourceURL=https://matterof.online/wp-includes/blocks/text-columns/style.min.css */
</style>
<style id='wp-block-verse-inline-css' type='text/css'>
pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit}
/*# sourceURL=https://matterof.online/wp-includes/blocks/verse/style.min.css */
</style>
<link rel='stylesheet' id='wp-smart-crop-renderer-css' href='https://matterof.online/wp-content/plugins/wp-smartcrop/css/image-renderer.css?ver=2.0.8' type='text/css' media='all' />
<script type="text/javascript" src="https://matterof.online/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://matterof.online/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://matterof.online/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
		<script>history.scrollRestoration = 'manual';</script>

		<style>
		body {
			--intro-transition-duration: calc( var( --transition-duration ) * 1 );
			--intro-transition-easing: cubic-bezier( 0.83, 0, 0.17, 1 );
			--intro-height: var( --100vh, 100vh );

			opacity: 0;
		} 

		body.is-ready  {
			opacity: 1;
		}

		#intro {
			--image-background: transparent;

			position: fixed;
			height: var( --intro-height );
			width: 100%;
			pointer-events: all;

			background: white;
			z-index: 1000;
			overflow: hidden;

			margin-top: 0;
			transition: -webkit-transform var( --intro-transition-duration ) var( --intro-transition-easing ),
						-moz-transform var( --intro-transition-duration ) var( --intro-transition-easing ),
						transform var( --intro-transition-duration ) var( --intro-transition-easing ),
						height var( --intro-transition-duration ) var( --intro-transition-easing )
						;

			-webkit-transform: translate3d( 0, 0, 0 );
			-moz-transform: translate3d( 0, 0, 0 );
			transform: translate3d( 0, 0, 0 );
		}

		#intro-inner {
			width: 100%;
			height: 100%;
			opacity: 0;
		}

		.is-ready #intro {
			cursor: pointer;
		}

		.user-can-hover .is-ready #intro {
			cursor: url( 'https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down.png' ) 10 15, s-resize;
			cursor: url( 'https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down.svg' ) 10 15, s-resize;
			cursor: -webkit-image-set( url( 'https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down.png' ) 1x, url( 'https://matterof.online/wp-content/themes/Mof/asset/image/icon/arrow--down@2x.png' ) 2x ) 10 15, s-resize;
		}

		.is-ready #intro-inner {
			transition: opacity var( --intro-transition-duration ) var( --intro-transition-easing ) 0.5s;
			opacity: 1;
		}

			#intro-inner__landscape,
			#intro-inner__portrait,
			#intro-inner .content-part,
			#intro-inner .content-part .content-part-inner,
			#intro-inner .content-part .content-part-inner .video,
			#intro-inner .content-part .content-part-inner .video .video-inner {
				height: 100%;
			}

			#intro-inner .image-caption,
			#intro-inner .video-caption {
				margin-top: 0;
				position: fixed;
				top: var( --grid-vertical-spacing );
				right: var( --grid-horizontal-spacing );
				background: var( --background-color );
				z-index: 50;
				width: auto;
				max-width: calc( 100vw - var( --grid-vertical-spacing ) * 2 );
				padding: 0.25em 0.5em 0.1em;
				border-radius: 0.8em;
			}



		#intro .image,
		#intro .video {
			--padding-top: var( --intro-height ) !important;
			width: 100% !important;
		}

		#intro-inner .video .video-inner {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		#intro .video .video__markup {
			--padding-top: 0px;

			flex: 1;
			width: 100%;
			height: 100%;
		}

		#intro .video .video__markup video {
			top: -1px;
			left: -1px;
			width: calc( 100% + 2px );
			height: calc( 100% + 2px );
		}

		#intro .image .image__markup,
		#intro .video .video__markup {
			/*transition: padding-top var( --intro-transition-duration ) var( --intro-transition-easing );*/
		}

		#intro video-wrap {
			width: calc( calc( var( --intro-height ) + 5px ) * var( --video-ratio, var( --video-ratio--default ) ) );
			min-width: 100%;
			flex-shrink: 0;
		}

		.show-navigation #intro {
			border-bottom-left-radius: var( --border-radius, 15px );
			border-bottom-right-radius: var( --border-radius, 15px );

			height: calc( var( --intro-height ) - var( --header-height ) );
		} 

		.show-navigation #intro .image,
		.show-navigation #intro .video {
			--padding-top: calc( var( --intro-height ) - var( --header-height ) ) !important;
		}

		.show-navigation #intro video-wrap {
			width: calc( calc( var( --intro-height ) - var( --header-height ) + 5px ) * var( --video-ratio, var( --video-ratio--default ) ) );
		}



		body.has-intro {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		body:not( .has-intro ) #intro {
			-webkit-transform: translate3d( 0, calc( var( --intro-height ) * -1 ), 0 );
			-moz-transform: translate3d( 0, calc( var( --intro-height ) * -1 ), 0 );
			transform: translate3d( 0, calc( var( --intro-height ) * -1 ), 0 );
		}

		footer {
			-webkit-transform: translate3d( 0, 150%, 0 );
			-moz-transform: translate3d( 0, 150%, 0 );
			transform: translate3d( 0, 150%, 0 );
		}

		#project {
			-webkit-transform: translate3d( 0, 100%, 0 );
			-moz-transform: translate3d( 0, 100%, 0 );
			transform: translate3d( 0, 100%, 0 );
		}



		/* ------------------------- */
		#intro-inner__landscape + #intro-inner__portrait {
			display: none;
		}

		@media ( orientation: portrait ) {
			#intro-inner__landscape:not( :last-child ) {
				display: none;
			}

			#intro-inner__landscape + #intro-inner__portrait {
				display: block;
			}
		}



		/* ------------------------ */
		@media ( max-width: 799px ) {
			.show-navigation #intro {
				height: calc( var( --intro-height ) - var( --mobile-navigation-height ) );
			} 

			.show-navigation #intro .image,
			.show-navigation #intro .video {
				--padding-top: calc( var( --intro-height ) - var( --mobile-navigation-height ) ) !important;
			}

			.show-navigation #intro video-wrap {
				width: calc( calc( var( --intro-height ) - var( --mobile-navigation-height ) + 5px ) * var( --video-ratio, var( --video-ratio--default ) ) );
			}
		}

		@media ( min-width: 800px ) {

			body.has-intro #intro + #page {
				-webkit-transform: translate3d( 0, calc( var( --intro-height ) - var( --header-height ) ), 0 );
				-moz-transform: translate3d( 0, calc( var( --intro-height ) - var( --header-height ) ), 0 );
				transform: translate3d( 0, calc( var( --intro-height ) - var( --header-height ) ), 0 );
			} 

			body.is-loaded #page {
				transition: -webkit-transform var( --intro-transition-duration ) var( --intro-transition-easing ),
				-moz-transform var( --intro-transition-duration ) var( --intro-transition-easing ),
				transform var( --intro-transition-duration ) var( --intro-transition-easing )
				;
			}
		}
		</style>
	</head>

	<body class="archive tax-project-category term-self-initiated term-11 wp-theme-Mof  project-is-active show-navigation context-general view-overview context-frontend">

				<div id="page"><header>
	<grid-wrap>
		<grid-row>

			<grid-col data-span="sm:12 ml:2 lg:1" id="header__branding" class="menu-item">
				<a href="https://matterof.online/" data-filter="home" class="is-highlight">
					<h1 id="header__title">Matter Of</h1>
					<span id="header__tagline"></span>
				</a>
			</grid-col>

			<grid-col data-span="sm:12 ml:6 lg:7" id="header__categories">
				<nav id="navigation--categories">
					<ul class="menu">
						<li class="menu-item no-link">
							<span class="menu-item__title">Visual Practices:&nbsp;</span>
						</li>

							<li class="menu-item">
								<a href="https://matterof.online/" data-filter="reset">
									<span class="menu-item__title">All</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/animation/" data-filter="19">
									<span class="menu-item__title">Animation</span><span class="menu-item__count">&nbsp;(6)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/books/" data-filter="8">
									<span class="menu-item__title">Book</span><span class="menu-item__count">&nbsp;(18)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/concept/" data-filter="24">
									<span class="menu-item__title">Concept</span><span class="menu-item__count">&nbsp;(13)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/editorial/" data-filter="7">
									<span class="menu-item__title">Editorial</span><span class="menu-item__count">&nbsp;(16)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/exhibition/" data-filter="3">
									<span class="menu-item__title">Exhibition</span><span class="menu-item__count">&nbsp;(14)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/furniture/" data-filter="12">
									<span class="menu-item__title">Furniture</span><span class="menu-item__count">&nbsp;(3)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/hybrid/" data-filter="25">
									<span class="menu-item__title">Hybrid</span><span class="menu-item__count">&nbsp;(6)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/identity/" data-filter="14">
									<span class="menu-item__title">Identity</span><span class="menu-item__count">&nbsp;(12)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/magazine/" data-filter="15">
									<span class="menu-item__title">Magazine</span><span class="menu-item__count">&nbsp;(1)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/merchandise/" data-filter="9">
									<span class="menu-item__title">Merchandise</span><span class="menu-item__count">&nbsp;(6)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/poster/" data-filter="18">
									<span class="menu-item__title">Poster</span><span class="menu-item__count">&nbsp;(8)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/product/" data-filter="10">
									<span class="menu-item__title">Product</span><span class="menu-item__count">&nbsp;(4)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item is-active">
								<a href="https://matterof.online/project-category/self-initiated/" data-filter="11">
									<span class="menu-item__title">Self-initiated</span><span class="menu-item__count">&nbsp;(5)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/signage/" data-filter="21">
									<span class="menu-item__title">Signage</span><span class="menu-item__count">&nbsp;(1)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/spatial/" data-filter="4">
									<span class="menu-item__title">Spatial</span><span class="menu-item__count">&nbsp;(9)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/text/" data-filter="13">
									<span class="menu-item__title">Text</span><span class="menu-item__count">&nbsp;(5)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/theory/" data-filter="27">
									<span class="menu-item__title">Theory</span><span class="menu-item__count">&nbsp;(3)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/typography/" data-filter="26">
									<span class="menu-item__title">Typography</span><span class="menu-item__count">&nbsp;(10)</span>,&nbsp;
								</a>
							</li>
							<li class="menu-item">
								<a href="https://matterof.online/project-category/website/" data-filter="16">
									<span class="menu-item__title">Website</span><span class="menu-item__count">&nbsp;(6)</span>
								</a>
							</li>
					</ul>
				</nav>
			</grid-col>

			<grid-col data-span="sm:hidden ml:4" id="header__navigation">
				<nav id="navigation--desktop">
					<ul class="menu grid-row" data-collapse="sm:vertical" data-cols="sm:4" data-align="sm:top-justify">
							<li class="grid-col menu-item menu-item-type-custom menu-item-object-custom" data-span="sm:auto">
								<a href="https://www.matterof.shop" target="_blank">
									<span class="menu-item__hover-title">matterof.shop</span>
									<span class="menu-item__title">Shop</span>
								</a>
							</li>
							<li class="grid-col menu-item menu-item-type-custom menu-item-object-custom" data-span="sm:auto">
								<a href="https://www.instagram.com/matterof.online/" target="_blank">
									<span class="menu-item__hover-title">@matterof.online</span>
									<span class="menu-item__title">Instagram</span>
								</a>
							</li>
							<li class="grid-col menu-item menu-item-type-custom menu-item-object-custom" data-span="sm:1">
								<a href="#footer" target="">
									
									<span class="menu-item__title">About</span>
								</a>
							</li>
					</ul>
				</nav>
			</grid-col>

		</grid-row>
	</grid-wrap>
</header>
<div id="overview" class="main-wrap">
	<div class="main-wrap-inner">

		<section id="projects" class="main">


			<!-- <div class="project__hover--global">(View)</div> -->

		</section>

		<section id="about" class="aside">
		</section>

	</div>
</div>

<footer>
	<div id="footer-inner">

		<div id="footer__main" class="footer-page is-active">
			<grid-row>

				<grid-col data-span="sm:12 md:6 lg:4">
						<div class="content-part" data-type="text">
							<div class="content-part-inner">
						
									<p>Matter Of focuses on transborder visual practices. We move across disciplines and media, drawn to the intersections of design and culture.</p>
<p data-empty>&nbsp;</p>
<p>Together with artists, brands and cultural institutions, as well as through self-initiated work, we shape projects based on their specific context. These projects range from book, website, animation and identity design to exhibitions, installations, products, consulting and visual or written narration. We value caring relationships and open processes over fixed solutions.</p>
						
						
						
						
								
						
							</div>
						</div>						<div class="content-part" data-type="media">
							<div class="content-part-inner">
						
						
									
	<div class="image" data-orientation="portrait" style="--padding-top: 133.35%; --ratio: 0.74990626171729;">
		<div class="image-inner">
	
			<div class="image__markup">
				<img width="1500" height="2000" src="https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-1500x2000.jpg&amp;nocache=1" class="attachment-size-2000 size-size-2000" alt="" loading="lazy" decoding="async" sizes="auto, (min-width: 800px) 33vw, (min-width: 600px) 50vw, 100vw" srcset="https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-1500x2000.jpg&amp;nocache=1 1500w, https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-225x300.jpg&amp;nocache=1 225w, https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-768x1024.jpg&amp;nocache=1 768w, https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-1152x1536.jpg&amp;nocache=1 1152w, https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-375x500.jpg&amp;nocache=1 375w, https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-750x1000.jpg&amp;nocache=1 750w, https://matterof.online/wp-content/webpc-passthru.php?src=https://matterof.online/wp-content/uploads/2025/11/Matter_Of_2025_Photos_Web-1125x1500.jpg&amp;nocache=1 1125w" />
			</div>
	
		</div>
	</div>
	<div class="image-caption fs--small">
		<p><span style="font-size: 11.9px;">Fabian Schewe, Marcel Mendler, Marian Rupp, Adrian Riemann</span></p>
	</div>




						
						
						
								
						
							</div>
						</div>						<div class="content-part" data-type="text">
							<div class="content-part-inner">
						
									<p>Matter Of was founded in 2019 by Adrian Riemann, Fabian Schewe, Marian Rupp, and Marcel Mendler, and is based in Stuttgart, Germany. Among others, we have collaborated with art institutions such as the German Pavilion at the Venice Biennale, ZKM Karlsruhe, and Kunsthalle Baden-Baden, as well as with furniture manufacturer Thonet, the record label Juliet Records, the film production company new–land, and publishers including Distanz, Hatje Cantz, and Spector Books.</p>
<p data-empty>&nbsp;</p>
<p>Over the years, we have taught several typography and design courses and received multiple awards, grants, and residencies. In 2020, we published our book Art in Public Space in Stuttgart with Kerber Publishing, and in 2025 we released New New Typography with Sorry Press.</p>
						
						
						
						
								
						
							</div>
						</div>				</grid-col>

				<grid-col data-span="sm:12 md:6 lg:4">
						<div class="content-part" data-type="text">
							<div class="content-part-inner">
						
									<p>1  Current &amp; former Team</p>
<p data-empty>&nbsp;</p>
<p>Federico Russo, Lisa Schulz-Coppi, Agnese Pozzobon, Max Coupe, Giulia Guy, Sophie Kraft, Lisa Halbgewachs, Leon Reeb, Jade Rouanet, Léonie Montjarret, Luis Schneider, Nina Flaitz, Micha Niederhauser, Mathias Manner</p>
<p data-empty>&nbsp;</p>
<p>2  Teaching, Lectures &amp; Workshops</p>
<p data-empty>&nbsp;</p>
<p>New New Typography at HfG Offenbach (Talk), Typography I at Merz Akademie (Seminar), Tuesday Talk at HfWT Würzburg (Talk), Feldarbeit at Werkstatthaus Stuttgart (Talk), Typography II<span class="dash">&ndash;</span>The New New Typography at HfG Karlsruhe (Seminar), KOHL SWAT at HfG Karlsruhe (Talk), Typography I<span class="dash">&ndash;</span>Type-Embodiment at HfG Karlsruhe (Seminar), Open Innovation Lab at Burg Halle (Talk), Arch+ at Architecture Department HFT Stuttgart (Workshop), Archiving Public Art at CURRENT<span class="dash">&ndash;</span>Art and Urban Space (Talk), Art in Public Spaces at Stadtpalais Stuttgart (Talk), KD Lounge HFTW Konstanz (Talk), Après Aka at ABK Stuttgart (Talk), Inverting Design Practice&#8221; at ISBA Besançon (Workshop), Deleuze Series I at HFT Stuttgart (Lecture), Deleuze Series II at ABK Stuttgart (Lecture)</p>
<p data-empty>&nbsp;</p>
<p>3  Awards &amp; Grants</p>
<p data-empty>&nbsp;</p>
<p>Best German Book Design (Shortlist), 100 Best Posters D<span class="slash">/</span>A<span class="slash">/</span>CH, Publication funding MWK Baden-Württemberg, Graphic Design Festival Scotland, Macau Design Award (Shortlist), Studio residency Künstlerhaus Stuttgart, Chaumont Design Festival, Book Institute Grant ABK Stuttgart, Academy Price Stuttgart, open:output Award</p>
<p data-empty>&nbsp;</p>
<p>4  Press &amp; Exhibitions</p>
<p data-empty>&nbsp;</p>
<p>Galerie Kernweine, 100 Best Posters, It’s Nice That, Page Magazine, Slanted Magazine, AIGA Eye on Design, Collide24, Monthly Design Magazine, INTL International, Best German Book Design , Graphic Design Festival Scotland</p>
						
						
						
						
								
						
							</div>
						</div>				</grid-col>

				<grid-col data-span="sm:12 md:6 lg:2">
						<div class="content-part" data-type="text">
							<div class="content-part-inner">
						
									<p>Matter Of</p>
<p>Visual Practices<br />
Neckarstraße 237<br />
70190 Stuttgart</p>
<p data-empty>&nbsp;</p>
<p>+49 176 42093611<br />
<a href="mailto:mail@matterof.online" target="_blank" rel="noopener">mail@matterof.online</a></p>
<p><a href="https://www.instagram.com/matterof.online/" target="_blank" rel="noopener">Instagram</a></p>
<p data-empty>&nbsp;</p>
<p>For internship inquiries please email to <a href="mailto:jobs@matterof.online">jobs@matterof.online</a></p>
<p><small>(Unfortunately we are not able to answer every email)</small></p>
						
						
						
						
								
						
							</div>
						</div>				</grid-col>

				<grid-col data-span="sm:12 md:6 lg:2">
					<nav id="navigation--footer">
						<ul class="menu grid-row">

								<li class="grid-col menu-item menu-item-type-post_type menu-item-object-page" data-span="sm:12">
									<a href="#footer:imprint">Imprint</a>
								</li>


								<li class="grid-col menu-item menu-item-type-post_type menu-item-object-page" data-span="sm:12">
									<a href="#footer:privacy-policy">Privacy Policy</a>
								</li>


								<li class="grid-col menu-item menu-item-type-post_type menu-item-object-page" data-span="sm:12">
									<a href="#footer:terms-and-conditions">Terms and Conditions</a>
								</li>

						</ul>
					</nav>
				</grid-col>

			</grid-row>
		</div>

			<div id="footer__imprint" class="footer-page">
				<div class="page">
				
						<div class="content-section" data-type="three_column">
							<grid-row class="content-section-inner">
				
				
				
									<grid-col data-span="sm:12 md:6 ml:4">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Angaben gemäß § 5 TMG</p>
<p data-empty>&nbsp;</p>
<p>Matter Of GbR<br />
Neckarstraße 237<br />
70190 Stuttgart<br />
Mail: mail@matterof.online<br />
Web: matterof.online<br />
Tel.: +49 176 42093611</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
									<grid-col data-span="sm:12 md:6 ml:4">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Vertreten durch Adrian Riemann, Fabian Schewe, Marcel Mendler und Marian Rupp</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
									<grid-col data-span="sm:12 md:6 ml:4">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</p>
<p data-empty>&nbsp;</p>
<p>Adrian Riemann, Fabian Schewe, Marcel Mendler und Marian Rupp</p>

											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
							</grid-row>
						</div>
				
				
						<div class="content-section" data-type="three_column">
							<grid-row class="content-section-inner">
				
				
				
									<grid-col data-span="sm:12 md:6 ml:4">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Urheberrecht</p>
<p data-empty>&nbsp;</p>
<p>Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
									<grid-col data-span="sm:12 md:6 ml:4">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Copyright</p>
<p data-empty>&nbsp;</p>
<p>Unless otherwise indicated, all material on this website is copyrighted by the site owner. All rights reserved. No part of this website, either text or image may be used for any purpose other than personal use. Reproduction, modification, storage in a retrieval system or retransmission, in any form or by any means, electronic, mechanical or otherwise, for reasons other than personal use, is strictly prohibited without prior written consent.</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
									<grid-col data-span="sm:12 md:6 ml:4">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Haftung für Inhalte</p>
<p data-empty>&nbsp;</p>
<p>Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
							</grid-row>
						</div>
				
				
						<div class="content-section" data-type="one_column">
							<grid-row class="content-section-inner">
				
									<grid-col data-span="sm:12">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Code: <a href="https://www.valentinalisch.de/" target="_blank" rel="noopener">Valentin Alisch</a></p>
<p>Type: <a href="https://abcdinamo.com/" target="_blank" rel="noopener">Dinamo Typefaces</a></p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
				
				
							</grid-row>
						</div>
				
				</div>			</div>
			<div id="footer__privacy-policy" class="footer-page">
				<div class="page">
				
						<div class="content-section" data-type="one_column">
							<grid-row class="content-section-inner">
				
									<grid-col data-span="sm:12">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Datenschutzerklärung</p>
<p data-empty>&nbsp;</p>
<p>Verantwortlich<br />
Matter Of GbR<br />
Neckarstraße 237<br />
70190 Stuttgart<br />
Mail: mail@matterof.online<br />
Web: matterof.online<br />
Tel.: +49 176 42093611</p>
<p data-empty>&nbsp;</p>
<p>Vertreten durch Adrian Riemann, Fabian Schewe, Marcel Mendler und Marian Rupp</p>
<p data-empty>&nbsp;</p>
<p>Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten (nachfolgend kurz &ldquo;Daten&rdquo;) innerhalb unseres Onlineangebotes und der mit ihm verbundenen Webseiten, Funktionen und Inhalte sowie externen Onlinepräsenzen, wie z.B. unser Social Media Profile auf. (nachfolgend gemeinsam bezeichnet als &ldquo;Onlineangebot&rdquo;). Im Hinblick auf die verwendeten Begrifflichkeiten, wie z.B. &ldquo;Verarbeitung&rdquo; oder &ldquo;Verantwortlicher&rdquo; verweisen wir auf die Definitionen im Art. 4 der Datenschutzgrundverordnung (DSGVO).</p>
<p data-empty>&nbsp;</p>
<p>Arten der verarbeiteten Daten<br />
Es werden keine direkten persönlichen Daten des Nutzers verarbeitet.</p>
<p data-empty>&nbsp;</p>
<p>Verarbeitung besonderer Kategorien von Daten (Art. 9 Abs. 1 DSGVO)<br />
Es werden keine besonderen Kategorien von Daten verarbeitet.</p>
<p data-empty>&nbsp;</p>
<p>Kategorien der von der Verarbeitung betroffenen Personen<br /><span class="dash">&ndash;</span>Kunden, Interessenten, Besucher und Nutzer des Onlineangebotes, Geschäftspartner.<br /><span class="dash">&ndash;</span>Besucher und Nutzer des Onlineangebotes. Nachfolgend bezeichnen wir die betroffenen Personen zusammenfassend auch als &ldquo;Nutzer&rdquo;.</p>
<p data-empty>&nbsp;</p>
<p>Zweck der Verarbeitung:<br />
Zurverfügungstellung eines eigenen Portfolios<br />
Stand: 10<span class="slash">/</span>2022</p>
<p data-empty>&nbsp;</p>
<p>1. Verwendete Begrifflichkeiten<br />
1.1. &ldquo;Personenbezogene Daten&rdquo; sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person (im Folgenden &ldquo;betroffene Person&rdquo;) beziehen; als identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Online-Kennung (z.B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder sozialen Identität dieser natürlichen Person sind.<br />
1.2. &ldquo;Verarbeitung&rdquo; ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführten Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden Umgang mit Daten.<br />
1.3. Als &ldquo;Verantwortlicher&rdquo; wird die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten entscheidet, bezeichnet.</p>
<p data-empty>&nbsp;</p>
<p>2.Maßgebliche Rechtsgrundlagen<br />
Nach Maßgabe des Art. 13 DSGVO teilen wir Ihnen die Rechtsgrundlagen unserer Datenverarbeitungen mit. Sofern die Rechtsgrundlage in der Datenschutzerklärung nicht genannt wird, gilt Folgendes: Die Rechtsgrundlage für die Einholung von Einwilligungen ist Art. 6 Abs. 1 lit. a und Art. 7 DSGVO, die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer Leistungen und Durchführung vertraglicher Maßnahmen sowie Beantwortung von Anfragen ist Art. 6 Abs. 1 lit. b DSGVO, die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer rechtlichen Verpflichtungen ist Art. 6 Abs. 1 lit. c DSGVO, und die Rechtsgrundlage für die Verarbeitung zur Wahrung unserer berechtigten Interessen ist Art. 6 Abs. 1 lit. f DSGVO. Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine Verarbeitung personenbezogener Daten erforderlich machen, dient Art. 6 Abs. 1 lit. d DSGVO als Rechtsgrundlage.</p>
<p data-empty>&nbsp;</p>
<p>3. Änderungen und Aktualisierungen der Datenschutzerklärung<br />
Wir bitten Sie sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. Wir passen die Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich machen. Wir informieren Sie, sobald durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung) oder eine sonstige individuelle Benachrichtigung erforderlich wird.</p>
<p data-empty>&nbsp;</p>
<p>4. Sicherheitsmaßnahmen<br />
4.1. Wir treffen nach Maßgabe des Art. 32 DSGVO unter Berücksichtigung des Stands der Technik, der Implementierungskosten und der Art, des Umfangs, der Umstände und der Zwecke der Verarbeitung sowie der unterschiedlichen Eintrittswahrscheinlichkeit und Schwere des Risikos für die Rechte und Freiheiten natürlicher Personen, geeignete technische und organisatorische Maßnahmen, um ein dem Risiko angemessenes Schutzniveau zu gewährleisten; Zu den Maßnahmen gehören insbesondere die Sicherung der Vertraulichkeit, Integrität und Verfügbarkeit von Daten durch Kontrolle des physischen Zugangs zu den Daten, als auch des sie betreffenden Zugriffs, der Eingabe, Weitergabe, der Sicherung der Verfügbarkeit und ihrer Trennung. Des Weiteren haben wir Verfahren eingerichtet, die eine Wahrnehmung von Betroffenenrechten, Löschung von Daten und Reaktion auf Gefährdung der Daten gewährleisten. Ferner berücksichtigen wir den Schutz personenbezogener Daten bereits bei der Entwicklung, bzw. Auswahl von Hardware, Software sowie Verfahren, entsprechend dem Prinzip des Datenschutzes durch Technikgestaltung und durch datenschutzfreundliche Voreinstellungen berücksichtigt (Art. 25 DSGVO).<br />
4.2. Zu den Sicherheitsmaßnahmen gehört insbesondere die verschlüsselte Übertragung von Daten zwischen Ihrem Browser und unserem Server.</p>
<p data-empty>&nbsp;</p>
<p>5. Offenlegung und Übermittlung von Daten<br />
5.1. Sofern wir im Rahmen unserer Verarbeitung Daten gegenüber anderen Personen und Unternehmen (Auftragsverarbeitern oder Dritten) offenbaren, sie an diese übermitteln oder ihnen sonst Zugriff auf die Daten gewähren, erfolgt dies nur auf Grundlage einer gesetzlichen Erlaubnis (z.B. wenn eine Übermittlung der Daten an Dritte, wie an Zahlungsdienstleister, gem. Art. 6 Abs. 1 lit. b DSGVO zur Vertragserfüllung erforderlich ist), Sie eingewilligt haben, eine rechtliche Verpflichtung dies vorsieht oder auf Grundlage unserer berechtigten Interessen (z.B. beim Einsatz von Beauftragten, Hostinganbietern, Steuer-, Wirtschafts- und Rechtsberatern, Kundenpflege-, Buchführungs-, Abrechnungs- und ähnlichen Diensten, die uns eine effiziente und effektive Erfüllung unserer Vertragspflichten, Verwaltungsaufgaben und Pflichten erlauben).<br />
5.2. Sofern wir Dritte mit der Verarbeitung von Daten auf Grundlage eines sog. &ldquo;Auftragsverarbeitungsvertrages&rdquo; beauftragen, geschieht dies auf Grundlage des Art. 28 DSGVO.</p>
<p data-empty>&nbsp;</p>
<p>6. Übermittlungen in Drittländer<br />
Sofern wir Daten in einem Drittland (d.h. außerhalb der Europäischen Union (EU) oder des Europäischen Wirtschaftsraums (EWR)) verarbeiten oder dies im Rahmen der Inanspruchnahme von Diensten Dritter oder Offenlegung, bzw. Übermittlung von Daten an Dritte geschieht, erfolgt dies nur, wenn es zur Erfüllung unserer (vor)vertraglichen Pflichten, auf Grundlage Ihrer Einwilligung, aufgrund einer rechtlichen Verpflichtung oder auf Grundlage unserer berechtigten Interessen geschieht. Vorbehaltlich gesetzlicher oder vertraglicher Erlaubnisse, verarbeiten oder lassen wir die Daten in einem Drittland nur beim Vorliegen der besonderen Voraussetzungen der Art. 44 ff. DSGVO verarbeiten. D.h. die Verarbeitung erfolgt z.B. auf Grundlage besonderer Garantien, wie der offiziell anerkannten Feststellung eines der EU entsprechenden Datenschutzniveaus (z.B. für die USA durch das &ldquo;Privacy Shield&rdquo;) oder Beachtung offiziell anerkannter spezieller vertraglicher Verpflichtungen (so genannte &ldquo;Standardvertragsklauseln&rdquo;).</p>
<p data-empty>&nbsp;</p>
<p>7. Rechte der betroffenen Personen<br />
7.1. Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf Auskunft über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend Art. 15 DSGVO.<br />
7.2. Sie haben entsprechend. Art. 16 DSGVO das Recht, die Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie betreffenden unrichtigen Daten zu verlangen.<br />
7.3. Sie haben nach Maßgabe des Art. 17 DSGVO das Recht zu verlangen, dass betreffende Daten unverzüglich gelöscht werden, bzw. alternativ nach Maßgabe des Art. 18 DSGVO eine Einschränkung der Verarbeitung der Daten zu verlangen.<br />
7.4. Sie haben das Recht zu verlangen, dass die Sie betreffenden Daten, die Sie uns bereitgestellt haben nach Maßgabe des Art. 20 DSGVO zu erhalten und deren Übermittlung an andere Verantwortliche zu fordern.<br />
7.5. Sie haben ferner gem. Art. 77 DSGVO das Recht, eine Beschwerde bei der zuständigen Aufsichtsbehörde einzureichen.</p>
<p data-empty>&nbsp;</p>
<p>8. Widerrufsrecht<br />
Sie haben das Recht, erteilte Einwilligungen gem. Art. 7 Abs. 3 DSGVO mit Wirkung für die Zukunft zu widerrufen.</p>
<p data-empty>&nbsp;</p>
<p>9. Widerspruchsrecht<br />
Sie können der künftigen Verarbeitung der Sie betreffenden Daten nach Maßgabe des Art. 21 DSGVO jederzeit widersprechen. Der Widerspruch kann insbesondere gegen die Verarbeitung für Zwecke der Direktwerbung erfolgen.</p>
<p data-empty>&nbsp;</p>
<p>10. Cookies und Widerspruchsrecht bei Direktwerbung<br />
10.1. Als &ldquo;Cookies&rdquo; werden kleine Dateien bezeichnet, die auf Rechnern der Nutzer gespeichert werden. Innerhalb der Cookies können unterschiedliche Angaben gespeichert werden. Ein Cookie dient primär dazu, die Angaben zu einem Nutzer (bzw. dem Gerät auf dem das Cookie gespeichert ist) während oder auch nach seinem Besuch innerhalb eines Onlineangebotes zu speichern. Als temporäre Cookies, bzw. &ldquo;Session-Cookies&rdquo; oder &ldquo;transiente Cookies&rdquo;, werden Cookies bezeichnet, die gelöscht werden, nachdem ein Nutzer ein Onlineangebot verlässt und seinen Browser schließt. In einem solchen Cookie kann z.B. der Inhalt eines Warenkorbs in einem Onlineshop oder ein Login-Status gespeichert werden. Als &ldquo;permanent&rdquo; oder &ldquo;persistent&rdquo; werden Cookies bezeichnet, die auch nach dem Schließen des Browsers gespeichert bleiben. So kann z.B. der Login-Status gespeichert werden, wenn die Nutzer diese nach mehreren Tagen aufsuchen. Ebenso können in einem solchen Cookie die Interessen der Nutzer gespeichert werden, die für Reichweitenmessung oder Marketingzwecke verwendet werden. Als &ldquo;Third-Party-Cookie&rdquo; werden Cookies von anderen Anbietern als dem Verantwortlichen, der das Onlineangebot betreibt, bezeichnet (andernfalls, wenn es nur dessen Cookies sind spricht man von &ldquo;First-Party Cookies&rdquo;).<br />
10.2. Wir setzen temporäre und permanente Cookies ein und klären hierüber im Rahmen unserer Datenschutzerklärung auf. Falls die Nutzer nicht möchten, dass Cookies auf ihrem Rechner gespeichert werden, werden sie gebeten die entsprechende Option in den Systemeinstellungen ihres Browsers zu deaktivieren. Gespeicherte Cookies können in den Systemeinstellungen des Browsers gelöscht werden. Der Ausschluss von Cookies kann zu Funktionseinschränkungen dieses Onlineangebotes führen.<br />
10.3. Ein genereller Widerspruch gegen den Einsatz der zu Zwecken des Onlinemarketing eingesetzten Cookies kann bei einer Vielzahl der Dienste, vor allem im Fall des Trackings, über die US-amerikanische Seite oder die EU-Seite erklärt werden. Des Weiteren kann die Speicherung von Cookies mittels deren Abschaltung in den Einstellungen des Browsers erreicht werden. Bitte beachten Sie, dass dann gegebenenfalls nicht alle Funktionen dieses Onlineangebotes genutzt werden können.</p>
<p data-empty>&nbsp;</p>
<p>11. Löschung von Daten<br />
11.1. Die von uns verarbeiteten Daten werden nach Maßgabe der Art. 17 und 18 DSGVO gelöscht oder in ihrer Verarbeitung eingeschränkt. Sofern nicht im Rahmen dieser Datenschutzerklärung ausdrücklich angegeben, werden die bei uns gespeicherten Daten gelöscht, sobald sie für ihre Zweckbestimmung nicht mehr erforderlich sind und der Löschung keine gesetzlichen Aufbewahrungspflichten entgegenstehen. Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird deren Verarbeitung eingeschränkt. D.h. die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen.<br />
11.2. Nach gesetzlichen Vorgaben erfolgt die Aufbewahrung insbesondere für 6 Jahre gemäß § 257 Abs. 1 HGB (Handelsbücher, Inventare, Eröffnungsbilanzen, Jahresabschlüsse, Handelsbriefe, Buchungsbelege, etc.) sowie für 10 Jahre gemäß § 147 Abs. 1 AO (Bücher, Aufzeichnungen, Lageberichte, Buchungsbelege, Handels- und Geschäftsbriefe, für Besteuerung relevante Unterlagen, etc.</p>
<p data-empty>&nbsp;</p>
<p>12. Erhebung von Zugriffsdaten und Logfiles<br />
12.1. Wir erheben auf Grundlage unserer berechtigten Interessen im Sinne des Art. 6 Abs. 1 lit. f. DSGVO Daten über jeden Zugriff auf den Server, auf dem sich dieser Dienst befindet (sogenannte Serverlogfiles). Zu den Zugriffsdaten gehören Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br />
12.2. Logfile-Informationen werden aus Sicherheitsgründen (z.B. zur Aufklärung von Missbrauchs- oder Betrugshandlungen) für die Dauer von maximal sieben Tagen gespeichert und danach gelöscht. Daten, deren weitere Aufbewahrung zu Beweiszwecken erforderlich ist, sind bis zur endgültigen Klärung des jeweiligen Vorfalls von der Löschung ausgenommen.</p>
<p data-empty>&nbsp;</p>
<p>13. Onlinepräsenzen in sozialen Medien<br />
13.1. Wir unterhalten auf Grundlage unserer berechtigten Interessen im Sinne des Art. 6 Abs. 1 lit. f. DSGVO Onlinepräsenzen innerhalb sozialer Netzwerke und Plattformen, um mit den dort aktiven Kunden, Interessenten und Nutzern kommunizieren und sie dort über unsere Leistungen informieren zu können. Beim Aufruf der jeweiligen Netzwerke und Plattformen gelten die Geschäftsbedingungen und die Datenverarbeitungsrichtlinien deren jeweiligen Betreiber.<br />
13.2 Soweit nicht anders im Rahmen unserer Datenschutzerklärung angegeben, verarbeiten wir die Daten der Nutzer sofern diese mit uns innerhalb der sozialen Netzwerke und Plattformen kommunizieren, z.B. Beiträge auf unseren Onlinepräsenzen verfassen oder uns Nachrichten zusenden.</p>
<p data-empty>&nbsp;</p>
<p>14. Kommunikation via Post, E-Mail, Fax oder Telefon<br />
14.1 Wir nutzen für die Geschäftsabwicklung und für Marketingzwecke Fernkommunikationsmittel, wie z.B. Post, Telefon oder E-Mail. Dabei verarbeiten wir Bestandsdaten, Adress- und Kontaktdaten sowie Vertragsdaten von Kunden, Teilnehmern, Interessenten und Kommunikationspartner.<br />
14.2 Die Verarbeitung erfolgt auf Grundlage des Art. 6 Abs. 1 lit. a, Art. 7 DSGVO, Art. 6 Abs. 1 lit. f DSGVO in Verbindung mit gesetzlichen Vorgaben für werbliche Kommunikationen. Die Kontaktaufnahme erfolgt nur mit Einwilligung der Kontaktpartner oder im Rahmen der gesetzlichen Erlaubnisse und die verarbeiteten Daten werden gelöscht, sobald sie nicht erforderlich sind und ansonsten mit Widerspruch<span class="slash">/</span>Widerruf oder Wegfall der Berechtigungsgrundlagen oder gesetzlicher Archivierungspflichten.</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
				
				
							</grid-row>
						</div>
				
				</div>			</div>
			<div id="footer__terms-and-conditions" class="footer-page">
				<div class="page">
				
						<div class="content-section" data-type="one_column">
							<grid-row class="content-section-inner">
				
									<grid-col data-span="sm:12">
											<div class="content-part" data-type="text">
												<div class="content-part-inner">
											
														<p>Allgemeine Geschäftsbedingungen</p>
<p data-empty>&nbsp;</p>
<p>Verantwortlich<br />
Matter Of GbR<br />
Neckarstr. 237<br />
70190 Stuttgart<br />
Mail: mail@matterof.online<br />
Web: matterof.online<br />
Tel.: +49 176 42093611</p>
<p data-empty>&nbsp;</p>
<p>Vertreten durch Adrian Riemann, Fabian Schewe, Marcel Mendler und Marian Rupp</p>
<p data-empty>&nbsp;</p>
<p>§ 1 Geltungsbereich, Gegenstand des Vertrages</p>
<p>(1) Matter Of GbR, Neckarstr. 237, 70190 Stuttgart (im Folgenden &ldquo;Auftragnehmer&rdquo; genannt), erbringt ihre Leistungen ausschließlich auf der Grundlage dieser Allgemeinen Geschäftsbedingungen. Diese gelten auch für zukünftige Verträge zwischen den Parteien aus dem Bereich Design, selbst wenn sie nicht nochmals ausdrücklich vereinbart werden.</p>
<p>(2) Abweichende Geschäftsbedingungen des Kunden erkennt der Auftragnehmer nicht an, es sei denn, der Auftragnehmer hätte diesen ausdrücklich schriftlich zugestimmt. Die Allgemeinen Geschäftsbedingungen des Auftragnehmers gelten auch dann, wenn er in Kenntnis entgegenstehender oder abweichender Bedingungen des Kunden seine Leistungen vorbehaltlos erbringt.</p>
<p>(3) Alle Vereinbarungen, die zwischen den Parteien zwecks Ausführung eines Auftrages getroffen werden, sind in schriftlicher Form zu vereinbaren. Änderungen, Ergänzungen und Nebenabreden bedürfen zu ihrer Wirksamkeit der Schriftform.</p>
<p>(4) Der Auftragnehmer kann diese AGB innerhalb einer angemessenen Frist inhaltlich ändern, sofern ein sachlicher Grund hierfür gegeben ist, d.h. der Vertragspartner darf durch die Änderung nicht schlechter gestellt werden. Ein sachlicher Grund kann in der Änderung der Gesetzeslage, der höchstrichterlichen Rechtsprechung oder der Marktgegebenheiten liegen. Der Auftragnehmer teilt dem Auftraggeber in diesem Fall die geänderte Fassung der AGB schriftlich unter Setzung einer angemessenen Reaktionsfrist mit. Widerspricht der Kunde der Änderung nicht innerhalb der vom Auftragnehmer gesetzten Frist, gilt die Änderung als genehmigt. Der Auftragnehmer weist den Kunden in der Änderungs-Ankündigung darauf hin, dass die Änderung wirksam wird, wenn er nicht widerspricht.</p>
<p>(5) Der Auftragnehmer erbringt Dienstleistungen aus den Bereichen Konzeption, Art Direction, Grafikdesign, Beratung, Visuelle Kommunikation, Markenentwicklung, Kommunikationsstrategie, Text, Digitale Medien, Animation, Webdesign, Druckerzeugnisse, Identitäten, Geschäftsausstattung, Buchgestaltung, Illustration, Logo Design, Bildbearbeitung, Redaktion, Kommunikation im Raum, Signaletik, Ausstellungsgestaltung, Szenografie, Orientierungssysteme, sowie sonstige Leistungen nach Absprache. Die detaillierten Beschreibungen der zu erbringenden Dienstleistungen ergeben sich aus den Ausschreibungsunterlagen, Briefings, Projektverträgen, sowie deren Anlagen und Leistungsbeschreibungen des Auftragnehmers.</p>
<p data-empty>&nbsp;</p>
<p>§ 2 Vergütung</p>
<p>(1) Die im Angebot des Auftragnehmers genannten Preise gelten unter dem Vorbehalt, dass die der Angebotsabgabe zugrunde gelegten Auftragsdaten unverändert bleiben, längstens jedoch vier Monate nach Eingang des Angebotes beim Auftraggeber. Bei Aufträgen mit Lieferung an Dritte gilt der Besteller als Auftraggeber, soweit keine anderweitige ausdrückliche Vereinbarung getroffen wurde. Die Preise des Auftragnehmers enthalten keine Mehrwertsteuer. Sie schließen Verpackung, Porto, Fracht, Versicherung und sonstige Versandkosten nicht ein.</p>
<p>(2) Die Vergütungen sind Nettobeträge, zahlbar zuzüglich der gesetzlich geltenden Umsatzsteuer. Sie sind ohne Abzug sofort nach Abschluss bzw. Annahme eines Projekts bzw. einer Projektphase fällig.</p>
<p>(3) Der Auftragnehmer ist berechtigt, Abschlagszahlungen wie vertraglich vereinbart zu verlangen und in Rechnung zu stellen. Kommt der Auftraggeber mit einer Abschlagszahlung in Verzug, kann der Auftragnehmer die Arbeiten so lange verweigern, bis die Zahlung erfolgt ist.</p>
<p>(4) Ist eine Pauschalvergütung vereinbart, kann der Auftragnehmer Mehrleistungen, die aufgrund von Änderungswünschen des Kunden oder durch unvorhergesehene und nicht vom Auftragnehmer zu vertretende Umstände notwendig werden, nach aufgewendeten Stunden mit einem aktuell geltenden Stundensatz zuzüglich der gesetzlich geltenden Umsatzsteuer berechnen. Ist keine Pauschalvergütung vereinbart, werden sämtliche Leistungen des Auftragnehmers nach aufgewendeten Stunden zuzüglich der gesetzlich geltenden Umsatzsteuer berechnet.</p>
<p>(5) Bereits die Anfertigung von Entwürfen ist kostenpflichtig (Entwurfshonorar), sofern nicht ausdrücklich und schriftlich etwas anderes vereinbart ist.</p>
<p>(6) Ist keine Vergütung vereinbart, gilt für sämtliche Leistungen des Auftragnehmers die nach dem Vergütungstarifvertrag Design (AGD<span class="slash">/</span>SDSt) übliche Vergütung als vereinbart, sofern nicht ausdrücklich und schriftlich etwas anderes vereinbart ist.</p>
<p>(7) Materialkosten, wie Farbkopien, Computerausdrucke, Datenfernversand oder Datenabspeicherung auf Dateiträger wie CD-ROM etc. und Bildlizenzen, die vom Kunden veranlasst sind, werden<span class="dash">&ndash;</span>soweit nichts anderes vereinbart<span class="dash">&ndash;</span>berechnet.</p>
<p>(8) Ist die Erfüllung des Zahlungsanspruches wegen einer nach Vertragsabschluss eingetretenen oder bekanntgewordenen Verschlechterung der Vermögensverhältnisse des Kunden gefährdet, so kann der Auftragnehmer Vorauszahlung verlangen, noch nicht ausgelieferte Ware zurückbehalten, sowie die Weiterarbeit einstellen. Diese Rechte stehen dem Auftragnehmer auch zu, wenn der Kunde sich mit der Bezahlung von Lieferungen in Verzug befindet, die auf demselben rechtlichen Verhältnis beruhen.</p>
<p data-empty>&nbsp;</p>
<p>§ 3 (Mitwirkungs-)Pflichten des Kunden</p>
<p>(1) Der Kunde verpflichtet sich, dem Auftragnehmer alle Unterlagen, die für die Erstellung des Werkes nötig sind, rechtzeitig zur Verfügung zu stellen. Dies betrifft insbesondere Texte, Fotos, Logos, Grafiken, Filme etc.</p>
<p>(2) Der Kunde versichert, zur Verwendung aller Unterlagen, die er dem Auftragnehmer zur Verfügung stellt, berechtigt zu sein. Er ist zudem allein verantwortlich für die Richtigkeit und Vollständigkeit der Inhalte.</p>
<p>(3) Einzelne Entwicklungs- und Projektphasen werden jeweils nach Fertigstellung dem Kunden zur Korrektur und Abnahme zur Verfügung gestellt. Korrekturen, Einwände und Abnahmen erfolgen in Textform (§ 126b BGB). Die Abnahme darf nicht aus gestalterisch-künstlerischen Gründen verweigert werden.</p>
<p data-empty>&nbsp;</p>
<p>§ 4 Fremdleistungen</p>
<p>(1) Der Auftragnehmer ist berechtigt, die zur Auftragserfüllung notwendigen Fremdleistungen im Namen und für Rechnung des Kunden in Abstimmung zu bestellen. Der Kunde ist verpflichtet, dem Auftragnehmer entsprechende Vollmacht zu erteilen.</p>
<p>(2) Auslagen, die zur Erfüllung des Auftrags notwendig sind, werden vom Kunden nach Vorlage und Freigabe der Rechnungen erstattet.</p>
<p>(3) Soweit im Einzelfall und in Abstimmung mit dem Kunden Verträge über Fremdleistungen im Namen und für Rechnung des Auftragnehmers abgeschlossen werden, ist der Kunde verpflichtet, den Auftragnehmer im Innenverhältnis von sämtlichen Verbindlichkeiten freizustellen, die sich aus dem Vertragsabschluss ergeben, insbesondere von der Verpflichtung zur Zahlung des Preises für die Fremdleistung. Die durch die Verträge über Fremdleistungen entstandenen Kosten sind dem Auftragnehmer zu erstatten.</p>
<p>(4) Sonderfarben wie Pantone, HKS, Mehrfarbigkeit, UV-Drucklack, Relieflack, Prägungen etc. sind in Abstimmung mit dem Kunden gesondert und zusätzlich zu vergüten. Produktions- und Druckzeiten können je nach Anbieter variieren.</p>
<p data-empty>&nbsp;</p>
<p>§ 5 Versand</p>
<p>(1) Hat sich der Auftragnehmer zum Versand verpflichtet, so nimmt er diesen für den Kunden mit der gebotenen Sorgfalt vor, haftet jedoch nur für Vorsatz und grobe Fahrlässigkeit. Die Gefahr geht auf den Kunden über, sobald die Sendung an die den Transport durchführende Person übergeben worden ist.</p>
<p>(2) Liefertermine sind nur gültig, wenn sie vom Auftragnehmer ausdrücklich bestätigt werden. Wird der Vertrag schriftlich abgeschlossen, bedarf auch die Bestätigung über den Liefertermin der Schriftform.</p>
<p>(3) Gerät der Auftragnehmer in Verzug, so ist ihm zunächst eine angemessene Nachfrist zu gewähren. Nach fruchtlosem Ablauf der Nachfrist kann der Kunde vom Vertrag zurücktreten. § 361 BGB bleibt unberührt.</p>
<p>(4) Betriebsstörungen<span class="dash">&ndash;</span>sowohl im Betrieb des Auftragnehmers als auch in dem eines Zulieferers, insbesondere Streik, Aussperrung sowie alle sonstigen Fälle höherer Gewalt, berechtigen nicht zur Kündigung des Vertragsverhältnisses. Die Grundsätze über den Wegfall der Geschäftsgrundlage bleiben unberührt.</p>
<p>(5) Dem Auftragnehmer steht an den vom Kunden angelieferten Druckvorlagen, Manuskripten, Rohmaterialien und sonstigen Gegenständen ein Zurückbehaltungsrecht gemäß § 369 HGB sowie ein vertragliches Pfandrecht an den aufgrund des Auftrages in seinen Besitz gelangten Gegenständen bis zur vollständigen Erfüllung aller fälligen Forderungen aus der Geschäftsverbindung zu.</p>
<p data-empty>&nbsp;</p>
<p>§ 6 Vertragsdauer, Kündigung</p>
<p>(1) Der Vertrag tritt mit seiner Unterzeichnung in Kraft. Er wird für die im Vertrag genannte Vertragslaufzeit bzw. für ein bestimmtes Projekt abgeschlossen. Ist der Vertrag auf unbestimmte Zeit geschlossen, kann dieser mit einer Frist von drei Monaten von beiden Seiten zum Monatsende gekündigt werden. Das Recht zur fristlosen Kündigung aus wichtigem Grund bleibt von dieser Regelung unberührt. Eine Kündigung bedarf der Schriftform.</p>
<p>(2) Für den Fall, dass der Kunde den Zahlungsverpflichtungen nicht fristgerecht nachkommt, behält sich der Auftragnehmer ein Zurückbehaltungsrecht an den von ihm erbrachten Leistungen bzw. eine (vorübergehende) Einstellung der laufenden von ihm zu erbringenden Leistungen vor. Der Auftragnehmer kann den Vertrag kündigen, wenn der Kunde insolvent wird oder seinen Verpflichtungen zur Leistung von Abschlagszahlungen nicht nachkommt.</p>
<p data-empty>&nbsp;</p>
<p>§ 7 Urheber- und Nutzungsrechte, Eigentumsvorbehalt</p>
<p>(1) Alle gestalterischen Leistungen des Auftragnehmers unterliegen dem Urheberrechtsgesetz (UrHG). Die Bestimmungen des UrhG gelten auch dann zwischen den Vertragsparteien als vereinbart, wenn die erforderlichen Schutzvoraussetzungen im Einzelfall nicht gegeben sein sollten.</p>
<p>(2) Der Auftragnehmer behält sich das Eigentum an den Liefergegenständen bis zur vollständigen Zahlung vor.</p>
<p>(3) An Entwürfen, Reinzeichnungen und sonstigen Designerarbeiten werden nur Nutzungsrechte eingeräumt, nicht jedoch Eigentumsrechte übertragen. Die Originale sind dem Auftragnehmer spätestens drei Monate nach Lieferung unbeschädigt zurückzugeben, falls nicht etwas anders schriftlich vereinbart wurde.</p>
<p>(4) Jede erneute Nutzung der Entwürfe, Reinzeichnungen und sonstigen Designarbeiten bedarf der vorherigen schriftlichen Zustimmung des Auftragnehmers. Dasselbe gilt für Nutzungen, die über den ursprünglich vereinbarten oder vorgesehenen Umfang hinausgehen. Der Kunde hat für jede erneute oder zusätzliche Nutzung, die ohne Zustimmung des Auftragnehmers erfolgt, außer der für die betreffende Nutzung angemessenen Vergütung, eine Vertragsstrafe in Höhe von 100 Prozent dieser Vergütung zu zahlen.</p>
<p>(5) Der Auftragnehmer überträgt dem Kunden die für den jeweiligen Verwendungszweck erforderlichen Nutzungsrechte. Soweit nichts anderes vereinbart ist, wird das einfache sowie zeitlich und räumlich unbegrenzte Nutzungsrecht übertragen sowie das Recht der öffentlichen Zugänglichmachung (§ 19 UrHG) eingeräumt. Der Auftragnehmer bleibt in jedem Fall, auch wenn er das ausschließliche Nutzungsrecht eingeräumt hat, berechtigt, seine Entwürfe und Vervielfältigungen davon im Rahmen der Eigenwerbung in allen Medien zu verwenden.</p>
<p>(6) Bei Beschädigung oder Verlust der Entwürfe, Reinzeichnungen und sonstigen Designarbeiten hat der Kunde die Kosten zu ersetzen, die zur Wiederherstellung notwendig sind. Das Recht des Auftragnehmers, einen weitergehenden Schaden geltend zu machen, bleibt unberührt.</p>
<p>(7) Eine Weitergabe der Nutzungsrechte an Dritte bedarf der schriftlichen Vereinbarung zwischen Auftragnehmer und Kunden.</p>
<p>(8) Der Auftragnehmer ist bei einer Vervielfältigung, Verbreitung, Ausstellung und<span class="slash">/</span>oder öffentlichen Wiedergabe der Entwürfe, Reinzeichnungen und sonstigen Designarbeiten als Urheber zu benennen. Verletzt der Kunde das Recht auf Namensnennung, ist er verpflichtet, dem Auftragnehmer zusätzlich zu der für die Designleistung geschuldeten Vergütung eine Vertragsstrafe in Höhe von 100 Prozent dieser Vergütung zu zahlen. Davon unberührt bleibt das Recht des Auftragnehmers, bei konkreter Schadensberechnung einen höheren Schaden geltend zu machen.</p>
<p>(9) Will der Kunde in Bezug auf die Entwürfe, Reinzeichnungen oder sonstigen Arbeiten des Auftragnehmers formale Schutzrechte zur Eintragung in ein amtliches Register anmelden, bedarf es dazu der vorherigen schriftlichen Zustimmung des Auftragnehmers.</p>
<p>(10) Grundsätzlich erfolgt die Herausgabe von Daten gegenüber dem Kunden oder von ihm beauftragter Dritter nur in geschlossenen, nicht editierbaren Dateien. Sollte der Kunde die Herausgabe von offenen Dateien wünschen, bedarf dies einer schriftlichenVereinbarung und einer gesonderten Vergütung.</p>
<p data-empty>&nbsp;</p>
<p>§ 8 Gewährleistung und Haftung</p>
<p>(1) Der Kunde ist verpflichtet, die vom Auftragnehmer erbrachte Werkleistung nach deren Erhalt innerhalb einer angemessenen Frist zu untersuchen und etwaige Mängel gegenüber dem Auftragnehmer anzuzeigen. Die Anzeige von offensichtlichen Mängeln muss schriftlich innerhalb einer Frist von zwei Wochen nach Ablieferung des Werkes, die Anzeige versteckter Mängel innerhalb einer Frist von zwei Wochen nach dem Erkennen des Mangels erfolgen. Zur Wahrung der Rügefrist genügt die rechtzeitige Absendung der Rüge. Bei Verletzung der Untersuchungs- und Anzeigepflicht gilt die Werkleistung des Auftragnehmers in Ansehung des betreffenden Mangels als genehmigt.</p>
<p>(2) Bei gerechtfertigter Mängelrüge werden die Mängel in angemessener Frist behoben.</p>
<p>(3) Das Risiko der rechtlichen Zulässigkeit der durch den Auftragnehmer erarbeiteten und durchgeführten Maßnahmen wird vom Kunden getragen. Das gilt insbesondere für den Fall, dass die Aktionen und Maßnahmen gegen Vorschriften des Wettbewerbsrechts, des Urheberrechts– und der speziellen Werberechtsgesetze verstoßen. Der Auftragnehmer ist jedoch verpflichtet, auf rechtliche Risiken hinzuweisen, sofern ihm diese bei seiner Tätigkeit bekannt werden. Der Kunde stellt den Auftragnehmer von Ansprüchen Dritter frei, wenn der Auftragnehmer auf ausdrücklichen Wunsch des Kunden gehandelt hat, obwohl er dem Kunden Bedenken im Hinblick auf die Zulässigkeit der Maßnahmen mitgeteilt hat. Ein solcher Hinweis durch den Auftragnehmer an den Kunden hat unverzüglich nach bekannt werden in schriftlicher Form zu erfolgen. Erachtet der Auftragnehmer für eine durchzuführende Maßnahme eine wettbewerbsrechtliche Prüfung durch eine sachkundige Person oder Institution für erforderlich, so trägt nach Absprache mit dem Auftragnehmer die Kosten hierfür der Kunde.</p>
<p>(4) Mit der Genehmigung von Entwürfen, Reinzeichnungen oder Werkzeichnungen durch den Kunden übernimmt dieser die Verantwortung für die Richtigkeit für Bild und Text.</p>
<p>(5) Für die vom Kunden freigegebenen Entwürfe, Reinzeichnungen oder Werkzeichnungen entfällt jede Haftung des Auftragnehmers.</p>
<p>(6) Für die wettbewerbs– oder warenzeichenrechtliche Zulässigkeit und Eintragsfähigkeit der Entwürfe haftet der Auftragnehmer nicht.</p>
<p>(7) Der Auftragnehmer übernimmt keine Haftung für die vom Kunden gestellten Bilder, Daten und Schriften. Zulieferungen (auch Datenträger) durch den Kunden oder durch einen von ihm eingeschalteten Dritten unterliegen keiner Prüfungspflicht seitens des Auftragnehmers.</p>
<p>(8) Für Abweichungen in der Beschaffenheit des eingesetzten Materials haftet der Auftragnehmer nur bis zur Höhe der eigenen Ansprüche gegen den jeweiligen Zulieferanten. In einem solchen Fall ist der Auftragnehmer von seiner Haftung befreit, wenn er seine Ansprüche gegen den Zulieferanten an den Kunden abtritt. Der Auftragnehmer haftet, soweit Ansprüche gegen den Zulieferanten durch Verschulden des Auftragnehmers nicht bestehen oder nicht durchsetzbar sind.</p>
<p>(9) Der Auftragnehmer haftet nur für Schäden, die dieser oder dessen Erfüllungsgehilfen vorsätzlich oder grob fahrlässig herbeigeführt haben. Die Haftung des Auftragnehmers wird in der Höhe beschränkt auf den einmaligen Ertrag des Auftragnehmers, der sich aus dem jeweiligen Auftrag ergibt. Die Haftung des Auftragnehmers für Mangelfolgeschäden aus dem Rechtsgrund der positiven Vertragsverletzung ist ausgeschlossen, wenn und in dem Maße, wie sich die Haftung des Auftragnehmers nicht aus einer Verletzung der für die Erfüllung des Vertragszweckes wesentlichen Pflicht ergibt.</p>
<p data-empty>&nbsp;</p>
<p>§ 9 Besondere Bestimmungen Internet, webbasierte Softwarelösungen</p>
<p>(1) Der Auftragnehmer erstellt den Internetauftritt so, dass er nach dem gegenwärtigen Stand der Technik und auf den üblichen Browsern (Edge, Firefox, Safari, Chrome)<span class="dash">&ndash;</span>in den zum Zeitpunkt der Erstellung jeweils aktuellen Versionen<span class="dash">&ndash;</span>zügig und vollständig aufgebaut wird. Er haftet nicht dafür, dass der Internetauftritt auch bei technischen Veränderungen jeglicher Art einwandfrei aufgebaut wird. Gleiches gilt für ältere und zukünftige Browserversionen. Bei Änderungen und Anpassungen an neue Standards haftet er nicht dafür, dass der Internetauftritt auch auf älteren und zukünftigen Browsern oder unter zukünftiger Serversoftware (z.B. PHP, MySQL) einwandfrei funktioniert. Insbesondere haftet er nicht für Schäden, die Kunden des Kunden bzw. Nutzers infolge veralteter Technik geltend machen könnten.</p>
<p>(2) Mit der Abnahme des Werkes übernimmt der Kunde die alleinige Verantwortung für den Internetauftritt sowie die Haftung für die Richtigkeit von Text und Bild. Dies gilt insbesondere für den Einsatz von Content-Management-Systemen, Galerien oder anderen komplexen Shop-Systemen (Joomla, Redaxo, Typo3), wo seitens des Kunden zwingend sicherzustellen ist, dass die Systeme immer in der aktuellsten Version (inklusive verfügbarer Sicherheits-Updates) verwendet werden.</p>
<p>(3) Bei Nichterfüllung der Zahlungsverpflichtungen werden Internetpräsentationen<span class="slash">/</span>webbasierte Softwarelösungen nach vorheriger Ankündigung aus dem Internet entfernt, wofür die Kosten für eine einmalige Einrichtung zusätzlich erhoben werden.</p>
<p>(4) Für die Wiedereinstellung von Präsentationen<span class="slash">/</span>webbasierten Softwarelösungen im Internet nach vorheriger Entfernung wegen Nichterfüllung der Zahlungsverpflichtungen werden die Kosten für eine einmalige Einrichtung zusätzlich erhoben.</p>
<p>(5) Vom Vertragspartner gelieferte Texte und Bilder oder Inhalte sowie Links auf Seiten im Internet dürfen keine Warenzeichen, Patente oder andere Rechte Dritter verletzen. Für Schäden durch die gelieferten Daten haftet der Vertragspartner.</p>
<p>(6) Die Inhalte der Präsentationen müssen der Wahrheit entsprechen. Der Auftragnehmer übernimmt keine Gewährleistung oder Haftung für die tatsächliche Qualifikation eines Vertragspartners.</p>
<p>(7) Der Auftragnehmer übernimmt keine Gewährleistung oder Haftung für die von einem Vertragspartner gegenüber einem Dritten zu erbringenden Verpflichtungen aus Angeboten und Verträgen, die durch Kontaktaufnahme über die Präsentation im Internet entstanden sind.</p>
<p>(8) Der Auftragnehmer übernimmt keine Gewährleistung oder Haftung für Forderungen von Dritten gegenüber einem Vertragspartner aus Angeboten und Verträgen, die durch Kontaktaufnahme über die Präsentation im Internet entstanden sind.</p>
<p>(9) Die Internetpräsenz oder Inhalte auf Seiten im Internet, die per Link verknüpft sind, dürfen nicht zur Speicherung oder Verbreitung von Glücksspielen, obszönen, pornographischen, bedrohlichen oder verleumderischen Materials verwendet werden. Ein Verstoß führt zur sofortigen Kündigung des Vertragsverhältnisses aus wichtigem Grund ohne Kostenerstattung, sofern der Vertragspartner den Verstoß selbst zu vertreten hat.</p>
<p>(11) Aktualisierungen, Änderungen, Anpassungen und Überarbeitungen werden durch den Auftragnehmer schnellstmöglich umgesetzt. Für Termine von besonderer Wichtigkeit können Fristen vereinbart werden.</p>
<p data-empty>&nbsp;</p>
<p>§ 10 Geheimhaltungspflicht</p>
<p>(1) Der Auftragnehmer verpflichtet sich, sämtliche ihm im Zusammenhang mit dem Vertragsschluss zugänglichen Informationen und Unterlagen, die als vertraulich bezeichnet werden, oder nach sonstigen Umständen eindeutig als Geschäfts- oder Betriebsgeheimnisse des Kunden erkennbar sind, geheim zu halten und sie<span class="dash">&ndash;</span>soweit zur Erreichung des Vertragszweckes geboten<span class="dash">&ndash;</span>weder aufzuzeichnen noch weiterzugeben.</p>
<p>(2) Der Auftragnehmer hat durch geeignete vertragliche Abreden mit den für diesen tätigen Arbeitnehmern und Arbeitnehmerinnen und<span class="slash">/</span>oder Beauftragten sichergestellt, dass auch diese jede eigene Verwertung, Weitergabe oder unbefugte Aufzeichnung solcher Geschäfts- und Betriebsgeheimnisse unterlassen.</p>
<p>(3) Entsprechende Verpflichtungen treffen den Kunden in Bezug auf Geschäfts- und Betriebsgeheimnisse des Auftragnehmers, dies gilt insbesondere auch für die während der Entwicklungsphase<span class="slash">/</span>Zusammenarbeit zur Kenntnis gebrachten Ideen und Konzepte.</p>
<p data-empty>&nbsp;</p>
<p>§ 11 Widerrufsbelehrung</p>
<p>(1) Widerrufsrecht: Der Kunde kann seine Vertragserklärung innerhalb von 14 Tagen ohne Angabe von Gründen in Textform (z.B. per Brief, Telefax oder E-Mail) widerrufen. Die Frist beginnt nach Erhalt dieser Belehrung in Textform, jedoch nicht vor Vertragsschluss und auch nicht vor Erfüllung unserer Informationspflichten gem. Art. 246 § 2 in Verbindung mit § 1 Abs. 1 und 2 EGBGB. Zur Wahrung der Widerrufsfrist genügt die rechtzeitige Absendung des Widerrufs.</p>
<p>Der Widerruf ist zu richten an:</p>
<p data-empty>&nbsp;</p>
<p>Matter Of GbR<br />
Neckarstr. 237<br />
70190 Stuttgart<br />
Mail: mail@matterof.online<br />
Web: matterof.online<br />
Tel.: +49 176 42093611</p>
<p data-empty>&nbsp;</p>
<p>(2) Widerrufsfolgen:Im Falle eines wirksamen Widerrufs sind etwaige (beiderseits) empfangene Leistungen innerhalb von 14 Tagen zurück zu gewähren. Für etwaige Rückzahlungen wird der Auftragnehmer dasselbe Zahlungsmittel verwenden, das der Kunde bei der ursprünglichen Zahlung verwendet hat, es sei denn, zwischen den Parteien wurde ausdrücklich etwas anderes vereinbart; in keinem Fall wird dem Kunden durch die Rückzahlung ein Entgelt entstehen.</p>
<p>(3) Besonderer Hinweis: Widerruft der Kunde einen Vertrag, der die Erbringung von Dienstleitungen beinhaltet, und hat er verlangt, dass die Dienstleistungen während der Widerrufsfrist beginnen sollen, so hat er einen angemessenen Wertersatz zu zahlen, der dem Anteil der bis zur Ausübung des Widerrufs bereits erbrachten Leistungen im Vergleich zum Gesamtumfang der im Vertrag vorgesehenen Dienstleistungen entspricht. Bei einem außerhalb von Geschäftsräumen geschlossenen Vertrag besteht dieser Anspruch nur dann, wenn der Auftragnehmer das vorgenannte Verlangen auf einem dauerhaften Datenträger übermittelt hat.</p>
<p>(4) Erlöschen<span class="slash">/</span>Nichtbestehen Widerrufsrecht: Das vorstehende Widerrufsrecht gilt nicht, sofern das Rechtsgeschäft der gewerblichen oder beruflichen Tätigkeit des Kunden zugerechnet werden kann. Das Widerrufsrecht des Kunden erlischt, wenn der Auftragnehmer mit der ausdrücklichen Zustimmung des Kunden vor Ende der Widerrufsfrist mit der Ausführung der Leistung begonnen hat oder der Kunde diese selbst veranlasst hat.</p>
<p data-empty>&nbsp;</p>
<p>§ 12 Kennzeichnung</p>
<p>Der Auftragnehmer kann auf den Vertragserzeugnissen mit Zustimmung des Kunden in geeigneter Weise auf seine Firma hinweisen. Der Kunde kann die Zustimmung nur verweigern, wenn er hieran ein überwiegendes Interesse hat.</p>
<p data-empty>&nbsp;</p>
<p>§ 13 Erfüllungsort, Gerichtsstand, Wirksamkeit</p>
<p>(1) Erfüllungsort und Gerichtsstand sind, wenn der Kunde Vollkaufmann im Sinne des HBG ist oder im Inland keinen allgemeinen Gerichtsstand hat, für alle sich aus dem Vertragsverhältnis ergebenden Streitigkeiten einschließlich Scheck-, Wechsel- und Urkundenprozesse, der Sitz des Auftragnehmers. Auf das Vertragsverhältnis findet deutsches Recht Anwendung. UN-Kaufrecht ist ausgeschlossen.</p>
<p>(2) Sollte eine Bestimmung des Vertrages bzw. dieser AGB unwirksam sein oder werden oder sollte der Vertrag eine ausfüllungsbedürftige Lücke enthalten, so berührt dies die Wirksamkeit der übrigen Bestimmungen nicht. Die Parteien verpflichten sich, die unwirksame Bestimmung durch eine wirksame zu ersetzen, die dem wirtschaftlichen Zweck der unwirksamen Bestimmung am ehesten entspricht. Gleiches gilt im Falle einer Vertragslücke.</p>
<p data-empty>&nbsp;</p>
<p><a href="https://matterof.online/wp-content/uploads/2023/09/Matter_Of_AGB_230922.pdf" target="_blank" rel="noopener">Hier können Sie die AGB von Matter Of herunterladen</a>.</p>
<p data-empty>&nbsp;</p>
<p>Stand: 11.10.2022</p>
											
											
											
											
													
											
												</div>
											</div>									</grid-col>
				
				
				
							</grid-row>
						</div>
				
				</div>			</div>

	</div>
</footer>

<nav id="navigation--mobile">
	<ul class="menu">
			<li class="menu-item menu-item-type-custom menu-item-object-custom">
				<a href="#projects" target="">Work</a>
			</li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom">
				<a href="#about" target="">Info</a>
			</li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom">
				<a href="#footer" target="">About</a>
			</li>
			<li class="menu-item menu-item-type-custom menu-item-object-custom">
				<a href="https://www.matterof.shop" target="_blank">Shop</a>
			</li>
	</ul>
</nav><!--WPFC_FOOTER_START-->


		</div>

		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Mof/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- Matomo --><script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push(['setVisitorCookieTimeout', 34186669]);
_paq.push(['setSessionCookieTimeout', 1800]);
_paq.push(['setReferralCookieTimeout', 15778463]);_paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);_paq.push(['alwaysUseSendBeacon']);_paq.push(['setTrackerUrl', "\/\/matterof.online\/wp-content\/plugins\/matomo\/app\/matomo.php"]);_paq.push(['setSiteId', '1']);var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src="\/\/matterof.online\/wp-content\/uploads\/matomo\/matomo.js"; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Code --><template id="Mof/Module/Image/Default"><div class="image" data-orientation="{{ orientation }}" style="--padding-top: {{ padding_top }}; --ratio: {{ ratio }};">
	<div class="image-inner">

		<div class="image__markup">
			{{{ markup }}}
		</div>

	</div>
</div></template><template id="Mof/Module/Video/Default"><div class="video" data-orientation="{{ orientation }}" style="--padding-top: {{ padding_top }}; --ratio: {{ ratio }};">
	<div class="video-inner">

		{{# is_video }}
		<div class="video__markup">
			<video src="{{ src }}" preload muted autoplay playsinline loop></video>
		</div>
		{{/ is_video }}

		{{# is_vimeo }}
			<video-wrap data-type="vimeo" data-src="{{ src }}" data-autoplay="true" data-loop="true">
				<video-viewer>
					<video-viewer__block></video-viewer__block>
					<video-viewer__frame></video-viewer__frame>
				</video-viewer>
			</video-wrap>
		{{/ is_vimeo }}

	</div>
</div></template><template id="Mof/Module/Media/Default">{{# is_image }}

	{{> Module/Image/ }}

	{{# caption }}
	<div class="image-caption fs--small">
		{{{ caption }}}
	</div>
	{{/ caption }}

{{/ is_image }}

{{# is_vimeo }}
	{{> Module/Video/ }}
{{/ is_vimeo }}

{{# is_video }}

	{{> Module/Video/ }}

	{{# caption }}
	<div class="video-caption fs--small">
		{{{ caption }}}
	</div>
	{{/ caption }}

{{/ is_video }}</template><template id="Mof/Module/Slideshow/Default"><div class="slideshow">
	<slider-wrap>

		<slider-slides>
			{{# slides }}

				<slider-slide data-type="{{ type }}" data-orientation="{{ Media.orientation }}">
					{{# Media }}{{> Module/Media/ }}{{/ Media }}
				</slider-slide>

			{{/ slides }}
		</slider-slides>

		<slider-controls>

			<slider-control data-trigger="sjs:prev">
				<div class="slider-control__arrow">
					<!-- <img src="{{ ASSET_URL }}image/icon/arrow--left.svg" /> -->
				</div>
			</slider-control>

			<slider-control data-trigger="sjs:next">
				<div class="slider-control__arrow">
					<!-- <img src="{{ ASSET_URL }}image/icon/arrow--right.svg" /> -->
				</div>
			</slider-control>

		</slider-controls>

	</slider-wrap>
</div></template><template id="Mof/Module/Content_Part/Default"><div class="content-part" data-type="{{ type }}">
	<div class="content-part-inner">

		{{# is_text }}
			{{{ content }}}
		{{/ is_text }}

		{{# is_media }}
			{{# Media }}{{> Module/Media/ }}{{/ Media }}
		{{/ is_media }}

		{{# is_media_2 }}
			<grid-row>

				<grid-col data-span="sm:6">
					{{# Media_Left }}{{> Module/Media/ }}{{/ Media_Left }}
				</grid-col>

				<grid-col data-span="sm:6">
					{{# Media_Right }}{{> Module/Media/ }}{{/ Media_Right }}
				</grid-col>

			</grid-row>
		{{/ is_media_2 }}		

		{{# is_slideshow }}

			<div class="content-part__slideshow">
				{{# Slideshow }}{{> Module/Slideshow/ }}{{/ Slideshow }}
			</div>

			<div class="content-part__slideshow-count">
				(<span class="content-part__current-slide">1</span>/{{ Slideshow.count }})
			</div>

		{{/ is_slideshow }}

		{{# is_spacer }}{{/ is_spacer }}

	</div>
</div></template><template id="Mof/Module/Post/Default"><article class="post">
	<div class="post-inner">
		{{# parts }}
			{{> Module/Content_Part/ }}
		{{/ parts }}
	</div>
</article></template><template id="Mof/Module/Project/Default"><article class="project {{# is_filtered }}is-filtered{{/ is_filtered }}" id="project-{{ slug }}" data-type="{{ type }}" data-categories=":{{# categories }}{{ ID }}:{{/ categories }}">
	<div class="project-inner">

		{{# is_slideshow }}
		<div class="project__thumbnail project__slideshow">
			{{# Slideshow }}
				{{> Module/Slideshow/ }}
			{{/ Slideshow }}
		</div>

		<div class="project__meta">
			<grid-row data-cols="ml:8">

				<grid-col data-span="sm:12 ml:2 lg:1" class="project__slideshow-count">
					(<span class="slideshow-current">1</span>/{{ Slideshow.count }})
				</grid-col>

				<grid-col data-span="sm:12 ml:6 lg:7" class="project__title">
					<h2>{{{ title }}}</h2>
				</grid-col>

				{{# short_description }}
				<grid-col data-span="sm:12 ml:6 lg:7" data-offset="ml:2 lg:1" class="project__short-description">
					{{{ short_description }}}
				</grid-col>
				{{/ short_description }}

			</grid-row>
		</div>
		{{/ is_slideshow }}

		{{# is_case }}
		<div class="project__thumbnail">
			<a href="{{ link }}">

				{{# Thumbnail }}
					{{> Module/Media/ }}
				{{/ Thumbnail }}

				<div class="project__loader">
					<img src="{{ ASSET_URL }}image/icon/loader.svg" alt="" width="33" height="15" />
				</div>

				<div class="project__hover">(View)</div>
			</a>
		</div>

		<div class="project__meta">
			<grid-row data-cols="ml:8">

				<grid-col data-span="sm:12 ml:2 lg:1" class="project__type">
					({{ type__human }})
				</grid-col>

				<grid-col data-span="sm:12 ml:6 lg:7" class="project__title">
					<h2>{{{ title }}}</h2>
				</grid-col>

				{{# short_description }}
				<grid-col data-span="sm:12 ml:6 lg:7" data-offset="ml:2 lg:1" class="project__short-description">
					{{{ short_description }}}
				</grid-col>
				{{/ short_description }}

			</grid-row>
		</div>
		{{/ is_case }}

	</div>
</article></template><template id="Mof/View/Project/Default">{{> Module/Header/ ~ }}

<div id="project" class="main-wrap">

	<div class="main-wrap-inner">

		<section id="content" class="main">
			{{# sections }}

				<div class="content-section" data-type="{{ type }}">
					<grid-row class="content-section-inner">

						{{# is_one_column }}
							<grid-col data-span="sm:12">
								{{# content_parts }}
									{{> Module/Content_Part/ }}
								{{/ content_parts }}
							</grid-col>
						{{/ is_one_column }}

						{{# is_two_column }}
							<grid-col data-span="sm:6">{{# left.content_parts }}
									{{> Module/Content_Part/ }}
							{{/ left.content_parts }}</grid-col>

							<grid-col data-span="sm:6">{{# right.content_parts }}
									{{> Module/Content_Part/ }}
							{{/ right.content_parts }}</grid-col>
						{{/ is_two_column }}

						{{# is_two_column__31 }}
							<grid-col data-span="sm:12 md:9">{{# left.content_parts }}
									{{> Module/Content_Part/ }}
							{{/ left.content_parts }}</grid-col>

							<grid-col data-span="sm:12 md:3">{{# right.content_parts }}
									{{> Module/Content_Part/ }}
							{{/ right.content_parts }}</grid-col>
						{{/ is_two_column__31 }}

						{{# is_two_column__13 }}
							<grid-col data-span="sm:12 md:3">{{# left.content_parts }}
									{{> Module/Content_Part/ }}
							{{/ left.content_parts }}</grid-col>

							<grid-col data-span="sm:12 md:9">{{# right.content_parts }}
									{{> Module/Content_Part/ }}
							{{/ right.content_parts }}</grid-col>
						{{/ is_two_column__13 }}

					</grid-row>
				</div>

			{{/ sections }}
		</section>

		<section id="posts" class="aside">
			<h1 id="project__title">{{{ title }}}</h1>

			{{# posts }}
				{{> Module/Post/ }}
			{{/ posts }}
		</section>

	</div>

	<nav id="navigation--project">
		<ul class="menu">

			<li class="menu-item" id="project__toggle">
				<div id="project__toggle-inner">
					<div id="project__toggle-posts">(Info)</div>
					<div id="project__toggle-content">(Case)</div>
				</div>
			</li>

			<li class="menu-item">
				<a href="#project:close">(Close)</a>
			</li>

		</ul>
	</nav>
	
</div>

{{> Module/Footer/ ~ }}</template><link rel='stylesheet' id='mof-asset/font/Diatype/font-css' href='https://matterof.online/wp-content/themes/Mof/asset/font/Diatype/font.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Context/General/General-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Context/General/General.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-asset/include/Grid.css/Grid.min-css' href='https://matterof.online/wp-content/themes/Mof/asset/include/Grid.css/Grid.min.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-asset/include/SliderJS/SliderJS-css' href='https://matterof.online/wp-content/themes/Mof/asset/include/SliderJS/SliderJS.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-asset/include/Video.js/Video-css' href='https://matterof.online/wp-content/themes/Mof/asset/include/Video.js/Video.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Image/Image-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Image/Image.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Video/Video-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Video/Video.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Media/Media-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Media/Media.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Slideshow/Slideshow-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Slideshow/Slideshow.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Content_Part/Content_Part-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Content_Part/Content_Part.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Post/Post-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Post/Post.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Project/Project-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Project/Project.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-View/Project/Project-css' href='https://matterof.online/wp-content/themes/Mof/Mof/View/Project/Project.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Context/Frontend/Frontend-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Context/Frontend/Frontend.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Context/Frontend/Reset-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Context/Frontend/Reset.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Context/Frontend/Typography-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Context/Frontend/Typography.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-View/Overview/Overview-css' href='https://matterof.online/wp-content/themes/Mof/Mof/View/Overview/Overview.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Header/Header-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Header/Header.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-Module/Footer/Footer-css' href='https://matterof.online/wp-content/themes/Mof/Mof/Module/Footer/Footer.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='mof-View/Page/Page-css' href='https://matterof.online/wp-content/themes/Mof/Mof/View/Page/Page.css?v=1.6.1&#038;ver=6.9.4' type='text/css' media='all' />
<script type="text/javascript" id="jquery.wp-smartcrop-js-extra">
/* <![CDATA[ */
var wpsmartcrop_options = {"focus_mode":"power-lines"};
//# sourceURL=jquery.wp-smartcrop-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://matterof.online/wp-content/plugins/wp-smartcrop/js/jquery.wp-smartcrop.min.js?ver=2.0.8" id="jquery.wp-smartcrop-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/functions.js?v=1.6.1&amp;ver=6.9.4" id="mof-functions-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Helper/mustache.min.js?v=1.6.1&amp;ver=6.9.4" id="mof-Helper/mustache.min-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Helper/Template.js?v=1.6.1&amp;ver=6.9.4" id="mof-Helper/Template-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Context/General/General.js?v=1.6.1&amp;ver=6.9.4" id="mof-Context/General/General-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/asset/include/ScrollJS/Scroll.js?v=1.6.1&amp;ver=6.9.4" id="mof-asset/include/ScrollJS/Scroll-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/asset/include/SliderJS/SliderJS.js?v=1.6.1&amp;ver=6.9.4" id="mof-asset/include/SliderJS/SliderJS-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/asset/include/Video.js/Video.js?v=1.6.1&amp;ver=6.9.4" id="mof-asset/include/Video.js/Video-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/asset/include/Video.js/vimeo.min.js?v=1.6.1&amp;ver=6.9.4" id="mof-asset/include/Video.js/vimeo.min-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Image/Image.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Image/Image-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Video/Video.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Video/Video-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Media/Media.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Media/Media-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Slideshow/Slideshow.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Slideshow/Slideshow-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Content_Part/Content_Part.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Content_Part/Content_Part-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Post/Post.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Post/Post-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Project/Project.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Project/Project-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/View/Project/Project.js?v=1.6.1&amp;ver=6.9.4" id="mof-View/Project/Project-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Context/Frontend/Frontend.js?v=1.6.1&amp;ver=6.9.4" id="mof-Context/Frontend/Frontend-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/View/Overview/Overview.js?v=1.6.1&amp;ver=6.9.4" id="mof-View/Overview/Overview-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Header/Header.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Header/Header-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/Module/Footer/Footer.js?v=1.6.1&amp;ver=6.9.4" id="mof-Module/Footer/Footer-js"></script>
<script type="text/javascript" src="https://matterof.online/wp-content/themes/Mof/Mof/View/Page/Page.js?v=1.6.1&amp;ver=6.9.4" id="mof-View/Page/Page-js"></script>
	</body>
</html>