<!DOCTYPE html>
<html lang="de" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Territory | Home</title>
<style>
@font-face {
font-family: "Roboto";
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/Roboto-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Roboto";
font-weight: 900;
font-display: swap;
src: url("/assets/fonts/Roboto-Black.woff2") format("woff2");
}
</style> <link href="https://territory.de/dist/css/styles.css?v=1753966513" rel="stylesheet"> <style>
.cursor-play {
cursor: url('/assets/cursor/play.png') 32 32, pointer;
}
.cursor-arrowright {
cursor: url('/assets/cursor/arrowright.png') 40 40, pointer;
}
.cursor-arrowleftright {
cursor: url('/assets/cursor/arrowleftright.png') 40 40, pointer;
}
</style>
<meta name="robots" content="index">
<link rel="alternate"
href="https://www.territory.de/de"
hreflang="de" />
<link rel="alternate"
href="https://www.territory.de/en"
hreflang="en" />
<link rel="alternate" href="https://www.territory.de/de"
hreflang="x-default" />
<link rel="canonical" href="https://territory.de/de" />
<meta name="theme-color" content="#000000">
<link rel="icon" type="image/png" href="/assets/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/assets/favicons/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-114x114.png" sizes="114x114">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-120x120.png" sizes="120x120">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-144x144.png" sizes="144x144">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-152x152.png" sizes="152x152">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-167x167.png" sizes="16x16">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-180x180.png" sizes="16x16">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-57x57.png" sizes="16x16">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-60x60.png" sizes="16x16">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-72x72.png" sizes="16x16">
<link rel="apple-touch-icon" type="image/png" href="/assets/favicons/apple-touch-icon-76x76.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-128x128.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-196x196.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-96x96.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/mstile-144x144.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/mstile-150x150.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/mstile-310x150.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/mstile-310x310.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/mstile-70x70.png" sizes="16x16">
<link rel="icon" href="/assets/favicons/favicon-128x128.png" />
<meta name="description" content="Territory ist die Agentur für Markeninhalte. Wir bieten Content, Influencer, Social-Media-Marketing, Mediaplanung sowie das Betreiben von eigenen Plattform Lösungen - alles aus einer Hand.">
<meta name="keywords" content="">
<meta name="author" content="">
<meta property="og:title" content="Home / Territory"/>
<meta property="og:site_name" content="Territory"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Territory ist die Agentur für Markeninhalte. Wir bieten Content, Influencer, Social-Media-Marketing, Mediaplanung sowie das Betreiben von eigenen Plattform Lösungen - alles aus einer Hand."/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Home" />
<meta name="twitter:description" content="Territory ist die Agentur für Markeninhalte. Wir bieten Content, Influencer, Social-Media-Marketing, Mediaplanung sowie das Betreiben von eigenen Plattform Lösungen - alles aus einer Hand." />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PW2KSTQ');</script>
<!-- End Google Tag Manager --> </head>
<body id="top" class="bg-coal antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PW2KSTQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><header id="header" class="py-fxs fixed z-50 w-full pointer-events-none">
<div class="grid--tt">
<div class="col-span-12 flex justify-between items-center">
<a href="/" class="pointer-events-auto" aria-label="Homepage">
<img class="h-logo w-logo js-logo ttLogo" alt="" src="/assets/svgs/territory-logo.svg" />
</a>
<button class="js-toggle bg-coal w-icoHeader pointer-events-auto" aria-label="toggle menu">
<svg id="ei9Q1kKAUOl1" class="js-burger fill-redOrange w-icoHeader" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 104 104"
shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<style>
<![CDATA[
.animated #ei9Q1kKAUOl3_to {
animation: ei9Q1kKAUOl3_to_to 1000ms linear 1 normal forwards
}
@keyframes ei9Q1kKAUOl3_to_to {
0% {
transform: translate(52px, 62px);
animation-timing-function: cubic-bezier(0.6, -0.28, 0.845, -1.11)
}
50% {
transform: translate(51.870058px, 51.870058px)
}
100% {
transform: translate(51.870058px, 51.870058px)
}
}
.animated #ei9Q1kKAUOl3_tr {
animation: ei9Q1kKAUOl3_tr_tr 1000ms linear 1 normal forwards
}
@keyframes ei9Q1kKAUOl3_tr_tr {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(0deg);
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
100% {
transform: rotate(45deg)
}
}
.animated #ei9Q1kKAUOl4_to {
animation: ei9Q1kKAUOl4_to_to 1000ms linear 1 normal forwards
}
@keyframes ei9Q1kKAUOl4_to_to {
0% {
transform: translate(52px, 42px);
animation-timing-function: cubic-bezier(0.6, -0.28, 0.845, -1.11)
}
50% {
transform: translate(51.870058px, 51.870058px)
}
100% {
transform: translate(51.870058px, 51.870058px)
}
}
.animated #ei9Q1kKAUOl4_tr {
animation: ei9Q1kKAUOl4_tr_tr 1000ms linear 1 normal forwards
}
@keyframes ei9Q1kKAUOl4_tr_tr {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(0deg);
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
100% {
transform: rotate(-45deg)
}
}
]]>
</style>
<g>
<g id="ei9Q1kKAUOl3_to" transform="translate(52,62)">
<g id="ei9Q1kKAUOl3_tr" transform="rotate(0)">
<rect width="64" height="12" rx="0" ry="0" transform="translate(-32,-6)" fill="#ff4e00"
stroke-width="0" />
</g>
</g>
<g id="ei9Q1kKAUOl4_to" transform="translate(52,42)">
<g id="ei9Q1kKAUOl4_tr" transform="rotate(0)">
<rect width="64" height="12" rx="0" ry="0" transform="translate(-32,-6)" fill="#ff4e00"
stroke-width="0" />
</g>
</g>
</g>
</svg>
<svg class="js-close hidden w-icoHeader" id="euRrBIvCUjK1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 104 104"
shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<style>
<![CDATA[
.animated #euRrBIvCUjK3_to {
animation: euRrBIvCUjK3_to_to 1000ms linear 1 normal forwards
}
@keyframes euRrBIvCUjK3_to_to {
0% {
transform: translate(51.870058px, 51.870058px)
}
50% {
transform: translate(51.870058px, 51.870058px);
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
100% {
transform: translate(52px, 62px)
}
}
.animated #euRrBIvCUjK3_tr {
animation: euRrBIvCUjK3_tr_tr 1000ms linear 1 normal forwards
}
@keyframes euRrBIvCUjK3_tr_tr {
0% {
transform: rotate(45deg);
animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)
}
50% {
transform: rotate(0deg)
}
100% {
transform: rotate(0deg)
}
}
.animated #euRrBIvCUjK4_to {
animation: euRrBIvCUjK4_to_to 1000ms linear 1 normal forwards
}
@keyframes euRrBIvCUjK4_to_to {
0% {
transform: translate(51.870058px, 51.870058px)
}
50% {
transform: translate(51.870058px, 51.870058px);
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
100% {
transform: translate(52px, 42px)
}
}
.animated #euRrBIvCUjK4_tr {
animation: euRrBIvCUjK4_tr_tr 1000ms linear 1 normal forwards
}
@keyframes euRrBIvCUjK4_tr_tr {
0% {
transform: rotate(-45deg);
animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)
}
50% {
transform: rotate(0deg)
}
100% {
transform: rotate(0deg)
}
}
]]>
</style>
<g>
<g id="euRrBIvCUjK3_to" transform="translate(51.870058,51.870058)">
<g id="euRrBIvCUjK3_tr" transform="rotate(45)">
<rect width="64" height="12" rx="0" ry="0" transform="translate(-32,-6)" fill="#ff4e00"
stroke-width="0" />
</g>
</g>
<g id="euRrBIvCUjK4_to" transform="translate(51.870058,51.870058)">
<g id="euRrBIvCUjK4_tr" transform="rotate(-45)">
<rect width="64" height="12" rx="0" ry="0" transform="translate(-32,-6)" fill="#ff4e00"
stroke-width="0" />
</g>
</g>
</g>
</svg>
</button>
</div>
</div>
<nav
class="fixed z-50 bg-black js-mainNavigation transition-opacity opacity-0 duration-500 pointer-events-none left-0 right-0 mt-fxs overflow-y-auto max-h-screen-nav">
<div class="grid--tt md:min-h-screen-nav">
<div class="col-span-1 md:col-span-12 xl:col-span-6 bg-coal">
<div class="grid grid-cols-1 md:grid-cols-2 h-full">
<div class="border-b-2 md:border-b-0 md:border-r-2 border-black">
<div class="text-h4 p-fs">
<p>We<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>like to perform</p> </div>
</div>
<div class="flex flex-col justify-between">
<div class="border-b-2 last:border-b-0 border-black h-1/2 flex ">
<a href="https://territory.de/de/territory-agency" class="pl-fs py-fs w-full flex items-center">
<div>
<div data-snippet="icon-link" href="#" class=""
>
<span class="icon-link icon-link">AGENCY</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</div> </div>
</a>
</div>
<div class="border-b-2 last:border-b-0 border-black h-1/2 flex ">
<a href="https://territory.de/de/territory-media" class="pl-fs py-fs w-full flex items-center">
<div>
<div data-snippet="icon-link" href="#" class=""
>
<span class="icon-link icon-link">MEDIA</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</div> </div>
</a>
</div>
</div>
</div>
</div>
<div class="col-span-1 md:col-span-6 xl:col-span-3">
<a href="https://territory.de/de/cases"
class="bg-white text-black p-fs flex flex-col justify-between h-full">
<div class="text-h4 mb-fxxs"><p>We<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>love to create</p></div>
<div class="text-louis font-black text-black">
<div data-snippet="icon-link" href="https://territory.de/de/cases" class=""
>
<span class="icon-link icon-link">Cases</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</div> </div>
</a>
</div>
<div class="col-span-1 md:col-span-6 xl:col-span-3">
<a href="https://territory.de/de/news" class="bg-redOrange p-fs flex flex-col justify-between h-full">
<div class="text-h4 mb-fxxs"><p>We<span class='bg-white w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>keep you updated</p></div>
<div class="text-louis font-black text-black">
<div data-snippet="icon-link" href="https://territory.de/de/news" class=""
>
<span class="icon-link icon-link--white">News</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#ffffff"/>
</svg>
</span>
</div> </div>
</a>
</div>
</div>
<div class="grid--tt py-fm">
<div class="col-span-6 mb-4 md:mb-0">
<a data-snippet="icon-link" href="https://territory.de/de/locations" class=""
>
<span class="icon-link icon-link">Sag doch mal hallo</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
<div class="col-span-6 md:text-right">
<a data-snippet="icon-link" href="https://territory.de/de/karriere" class="md:justify-end"
>
<span class="icon-link icon-link">Karriere bei TERRITORY</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</div>
</nav>
<script>
(function() {
const toggle = document.querySelector('.js-toggle');
const burgerIcon = document.querySelector('.js-burger');
const body = document.querySelector('body');
const closeIcon = document.querySelector('.js-close');
const navigation = document.querySelector('.js-mainNavigation');
const header = document.querySelector('#header');
let isNavClosed = true;
toggle.addEventListener("click", () => {
if (isNavClosed) {
burgerIcon.classList.toggle("animated");
isNavClosed = false;
setTimeout(() => {
burgerIcon.classList.add("hidden");
burgerIcon.classList.remove("animated");
closeIcon.classList.remove("hidden");
}, 500);
} else {
closeIcon.classList.toggle("animated");
isNavClosed = true;
setTimeout(() => {
burgerIcon.classList.remove("hidden");
closeIcon.classList.add("hidden");
closeIcon.classList.remove("animated");
}, 500);
}
navigation.classList.toggle("opacity-0");
navigation.classList.toggle("pointer-events-none");
navigation.classList.toggle("pointer-events-auto");
header.classList.toggle("bg-coal");
header.classList.toggle("bg-black");
toggle.classList.toggle("bg-black");
toggle.classList.toggle("bg-coal");
document.body.classList.toggle("nav-open");
document.body.classList.toggle("overflow-hidden");
document.querySelector('main').classList.toggle("opacity-0");
document.body.classList.toggle("bg-black");
});
})();
</script>
</header><div id="gridOverlay" data-snippet="grid-overlay"
class="hidden grid--tt pointer-events-none fixed top-10 z-50 h-full w-full">
<div class="bg-grid/40 border-dashed font-mono text-white h-screen">
01
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
02
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
03
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
04
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
05
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
06
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
07
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
08
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
09
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
10
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
11
</div>
<div class="bg-grid/40 border-dashed font-mono text-white invisible md:visible">
12
</div>
</div>
<script>
const overlay = document.getElementById('gridOverlay');
document.addEventListener("keydown", (event) => {
if (event.key == "G" && event.shiftKey) {
overlay.classList.toggle('hidden');
}
});
</script><main class="pt-main">
<div data-block="stage">
<div class="grid--tt ">
<div
class="col-span-1 col-start-1 col-end-2 md:col-span-12 md:col-start-1 md:col-end-13 md:row-start-1 md:row-end-2">
<div class="relative">
<button class="absolute w-full h-full js-openModal cursor-play" aria-label="open video modal"></button> <iframe class="aspect-video pointer-events-none w-po -ml-4 md:ml-0 md:w-full md:-mr-0"
src="https://player.vimeo.com/video/826819364?dnt=1&autoplay=1&loop=1&autopause=0&background=1&muted=1" frameborder="0" allow="autoplay; fullscreen;" allowfullscreen
title="tt-placeholder-16x9-1920_muted"></iframe>
</div>
</div>
<div
class="col-span-1 col-start-1 col-end-2 md:col-start-3 md:col-end-11 md:row-start-1 md:row-end-2 pointer-events-none order-first md:order:none">
<h1 class="z-10 text-h1 relative -mb-h1sots md:mt-0 md:-top-h1sot">
Wir<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>schaffen Kommunikation, die jeden Tag Millionen Menschen begeistert </h1>
</div>
</div>
<div class="grid--tt pb-fl">
<h3 class="z-0 col-span-12 -mt-h3sot text-h3 md:col-span-8 md:col-start-2 pointer-events-none">
Unser Angebot: individuelle Lösungen für alle Formen moderner Kommunikation.
Damit komplexe Kommunikation ein bisschen unkomplizierter wird. </h3>
</div>
<div data-block="stage-modal">
<dialog id="stageModal" class="z-[100] w-full min-h-screen bg-black text-white my-0 px-0 py-fxs min-w-[100vw]">
<div class="grid--tt w-full">
<div class="col-span-12 flex justify-end items-center">
<form method="dialog">
<button class="bg-black w-icoHeader js-closeModal">
<svg class="icoHeader" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M49.8336 44.0001L66.3622 60.5287L60.5286 66.3623L44 49.8338L27.4715 66.3623L21.6378 60.5287L38.1664 44.0001L21.6377 27.4714L27.4713 21.6378L44 38.1665L60.5287 21.6378L66.3623 27.4714L49.8336 44.0001Z"
fill="#FF4E00" />
</svg>
</button>
</form>
</div>
</div>
<div class="grid--tt h-full" style="height: calc(100vh - 140px)">
<div class="col-span-1 h-full md:col-span-12 flex items-center">
<figure class="w-full aspect-video">
<iframe allow="fullscreen" allowfullscreen src="https://player.vimeo.com/video/854674334"></iframe> </figure>
</div>
</div>
</dialog>
<script>
(function() {
function stopVideo(element) {
const iframe = element.querySelector("iframe");
const iframeSrc = iframe.src;
iframe.src = iframeSrc;
}
const dialog = document.querySelector("#stageModal");
dialog.addEventListener("close", (event) => {
stopVideo(dialog);
document.body.classList.toggle("overflow-hidden");
});
})();
</script>
</div> <script>
(function() {
const dialog = document.querySelector("#stageModal");
const openBtn = document.querySelector(".js-openModal");
if (openBtn) {
openBtn.addEventListener("click", (event) => {
dialog.showModal();
document.body.classList.toggle("overflow-hidden");
});
}
})();
</script>
</div>
<div data-block="heading" class="grid--tt" style="background-color:#25242200">
<div style="color: #ff4e00"
class="md:col-start-5 md:col-span-6">
<h5 class="text-h5 pb-fs ">
Unsere Kundinnen und Kunden haben etwas zu sagen – wir helfen ihnen beim Erzählen. Wir finden relevante Themen, schaffen Kommunikationsanlässe, produzieren Inhalte und sorgen dafür, dass jede Botschaft ihr Ziel und ihre Zielgruppe erreicht.</h5>
</div>
</div>
<div data-block="text" class="text grid--tt" style="background-color:#25242200">
<div style="color: #ffffff; background-color: #25242200;"
class="pb-fl md:col-start-5 md:col-span-6 text-louis">
<p>Wir sind stolz auf unser Team aus rund 850 Mitarbeitenden. Jeden Tag leisten bei uns Strateg:innen, Kreative, Datenspezialist:innen, Mediaexpert:innen, Influencer-Kenner:innen und Organisationstalente ihren Beitrag zu neuen Erfolgen. Darauf verlassen sich große Marken wie Generali, CosmosDirekt, Deutsche Bahn, Commerzbank, BioMarkt, Bahlsen und Hagebau.
<details>
<summary class="flex cursor-pointer"><span class="icon-link">Mehr lesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.0002 35V52H35.0002V35H52V29H35.0002V12H29.0002V29H12V35H29.0002Z" fill="#FF4E00"/></svg></span>
</summary>
</p><p>Wir arbeiten in acht Büros, u. a. in Hamburg, München, Köln, Gütersloh, Verl, Barcelona, Budapest – und natürlich in der Cloud.</p>
</details> </div>
</div>
<div data-block="heading" class="grid--tt" style="background-color:#25242200">
<div style="color: #ffffff"
class="md:col-start-3 md:col-span-6">
<h2 class="text-h2 pb-fs pt-fl">
Simplify<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span><br>to create value!</h2>
</div>
</div>
<div data-block="text" class="text grid--tt" style="background-color:#25242200">
<div style="color: #ffffff; background-color: #25242200;"
class="pb-fxl md:col-start-3 md:col-span-6 font-regular text-louis">
<p>Wir sind der eine Partner in einem komplexen Markt und in bewegten Zeiten. Unsere Geschäftsbereiche AGENCY und MEDIA sorgen dabei für Orientierung, Wertschöpfung und kreative Lösungen. Flexibel in der Größe, aber nie in der Qualität, sorgen wir für Begehrlichkeit für Marken und Unternehmen.</p> </div>
</div><div data-block="agency" class="grid--tt bg-black pb-fl ">
<div class="col-span-12 md:col-span-10 md:col-start-2 -mt-offset">
<a href="https://territory.de/de/territory-agency" class="cursor-arrowright"
aria-label="Mehr erfahren">
<picture>
<source srcset="https://territory.de/media/pages/home/46353d1e38-1687782229/territory-agency-21x9-1920x.webp" media="(min-width: 768px)" />
<img src="https://territory.de/media/pages/home/bcd69aa345-1687782229/territory-agency-3x4-mobile-960x.webp" class="w-po md:w-full -ml-4 md:ml-0"
loading="lazy" alt="">
</picture>
</a>
</div>
<div class="col-span-12 md:col-span-6 md:col-start-4">
<div class="-mt-12 md:-mt-fm">
<h2 class="text-h2 mb-10">
TERRITORY<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span><br />
<span class="text-redOrange"> AGENCY</span>
</h2>
<p class="text-louis pb-fs relative">
Als kreative Kommunikationsagentur erstellen wir Kampagnen, Content, Webseiten, Marken-, Social-Media- und Influencer-Kampagnen, Magazine und vieles mehr. Mit strategischem Verstand, journalistischem Anspruch und mutiger Kreation, die Menschen bewegt. </p>
<div class="relative">
<a data-snippet="icon-link" href="https://territory.de/de/territory-agency" class="block"
>
<span class="icon-link icon-link">Mehr erfahren</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</div>
</div>
</div><div data-block="agency" class="grid--tt bg-black pb-fl ">
<div class="col-span-12 md:col-span-5 md:col-start-2 md:row-span-full">
<a href="https://territory.de/de/territory-media" class="cursor-arrowright"
aria-label="Mehr erfahren">
<picture>
<source srcset="https://territory.de/media/pages/home/da4e4cf0ec-1687782229/territory-media-4x3-1920x.webp" media="(min-width: 768px)" />
<img src="https://territory.de/media/pages/home/40a62df45b-1687782229/territory-media-1x1-mobile-960x.webp" class="w-po md:w-full -ml-4 md:ml-0"
loading="lazy" alt="">
</picture>
</a>
</div>
<div class="col-span-12 md:col-span-4 self-center md:row-span-full md:col-start-6 md:col-end-11">
<div class="-mt-12 md:mt-0">
<h2 class="text-h2 mb-10">
TERRITORY<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span><br />
<span class="text-redOrange"> MEDIA</span>
</h2>
<p class="text-louis pb-fs relative">
Wir konzipieren, realisieren und steuern Mediakampagnen. Unser Ansatz „Media meets Performance“ macht es möglich, Markenbotschaften auf allen relevanten Kommunikationskanälen mit maximaler Wirkung auszuspielen. </p>
<div class="relative">
<a data-snippet="icon-link" href="https://territory.de/de/territory-media" class="block"
>
<span class="icon-link icon-link">Mehr erfahren</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</div>
</div>
</div>
<div data-block="slider-cases">
<div class="grid--tt bg-black pt-fl">
<h2 class="col-span-6 col-start-3 text-h2">
Unsere<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>Cases </h2>
</div>
<div class="grid--tt bg-black pt-fm">
<h5 class="col-span-6 col-start-5 text-h5 pb-fl">
Unsere Cases sind so vielseitig wie die Branchen unserer Kunden: Automotive, Banking, Travel, Healthcare, Lifestyle, FMCG, Versicherung, Institutionen und Verbände … </h5>
</div>
<script src="https://territory.de/assets/js/swiper-element-bundle.min.js"></script> <div class="cursor-arrowleftright pb-fl md:-ml-spo bg-black">
<swiper-container init="false" id="swiper-a79243e4-f09d-4d0f-93e6-581600a6ee96">
<swiper-slide>
<div class="p-fxs">
<a href="https://territory.de/de/cases/contentstrategie-und-contentplanung-fuer-weber" class="cursor-arrowright"
aria-label="Weiterlesen">
<img src="https://territory.de/media/pages/cases/contentstrategie-und-contentplanung-fuer-weber/fbe003b62f-1687782229/territory-case-weber-1x1-500x500-crop.webp" loading="lazy"
class="aspect-square mb-fxs mr-fxs" alt="" />
</a>
<div class="text-h5 pb-fxs text-redOrange">Contentstrategie- und Planung für Weber</div>
<div class="text-marge mb-fxs">Weiterentwicklung von visuellem Konzept, Storytelling und Look&Feel für die sozialen Netzwerke.</div>
<a data-snippet="icon-link" href="https://territory.de/de/cases/contentstrategie-und-contentplanung-fuer-weber" class=""
>
<span class="icon-link icon-link">Weiterlesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</swiper-slide>
<swiper-slide>
<div class="p-fxs">
<a href="https://territory.de/de/cases/generali-content-lead-agentur" class="cursor-arrowright"
aria-label="Weiterlesen">
<img src="https://territory.de/media/pages/cases/generali-content-lead-agentur/412dfad0ca-1687782229/generali-teaser-1x1-1080-500x500-crop.webp" loading="lazy"
class="aspect-square mb-fxs mr-fxs" alt="" />
</a>
<div class="text-h5 pb-fxs text-redOrange">Generali Content Lead Agentur</div>
<div class="text-marge mb-fxs">Vom Dialog-Beileger bis zur Produkt-Kampagne, vom SEO-Content bis zum Influencer-Marketing, vom Video-Storytelling bis zur Instastory. Als Content-Lead-Agentur arbeiten wir für Generali in nahezu allen Bereichen der Kommunikation.</div>
<a data-snippet="icon-link" href="https://territory.de/de/cases/generali-content-lead-agentur" class=""
>
<span class="icon-link icon-link">Weiterlesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</swiper-slide>
<swiper-slide>
<div class="p-fxs">
<a href="https://territory.de/de/cases/wir-heben-die-markenindentitaet-von-globus-auf-ein-neues-level" class="cursor-arrowright"
aria-label="Weiterlesen">
<img src="https://territory.de/media/pages/cases/wir-heben-die-markenindentitaet-von-globus-auf-ein-neues-level/5f308472f6-1689237482/globus-allgemein-1x1-500x500-crop.webp" loading="lazy"
class="aspect-square mb-fxs mr-fxs" alt="" />
</a>
<div class="text-h5 pb-fxs text-redOrange">Wir heben die Markenidentität von GLOBUS auf ein neues Level</div>
<div class="text-marge mb-fxs">Durch crossmediale Strategien begegnen wir den Konsument:innen an allen relevanten Touchpoints.</div>
<a data-snippet="icon-link" href="https://territory.de/de/cases/wir-heben-die-markenindentitaet-von-globus-auf-ein-neues-level" class=""
>
<span class="icon-link icon-link">Weiterlesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</swiper-slide>
<swiper-slide>
<div class="p-fxs">
<a href="https://territory.de/de/cases/der-perfekte-influencer-mix-fuer-ravensburger" class="cursor-arrowright"
aria-label="Weiterlesen">
<img src="https://territory.de/media/pages/cases/der-perfekte-influencer-mix-fuer-ravensburger/6554fbecc8-1687782229/territory-ravensburger-intro-1-1-500x500-crop.webp" loading="lazy"
class="aspect-square mb-fxs mr-fxs" alt="" />
</a>
<div class="text-h5 pb-fxs text-redOrange">Der perfeke Influencer:innen-Mix für Ravensburger</div>
<div class="text-marge mb-fxs">Mit Nano-, Micro-, Macro- und Star-Influencer:innen konnten nicht nur Familien, sondern auch die GenZ und Millennials erreicht werden.</div>
<a data-snippet="icon-link" href="https://territory.de/de/cases/der-perfekte-influencer-mix-fuer-ravensburger" class=""
>
<span class="icon-link icon-link">Weiterlesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</swiper-slide>
<swiper-slide>
<div class="p-fxs">
<a href="https://territory.de/de/cases/tedi-maximal-gutes-marketing-am-pos" class="cursor-arrowright"
aria-label="Weiterlesen">
<img src="https://territory.de/media/pages/cases/tedi-maximal-gutes-marketing-am-pos/57093e3633-1687782229/territory-case-tedi-1x1-500x500-crop.webp" loading="lazy"
class="aspect-square mb-fxs mr-fxs" alt="" />
</a>
<div class="text-h5 pb-fxs text-redOrange">TEDi – maximal gutes Marketing am POS</div>
<div class="text-marge mb-fxs">Alle POS-Materialien zur richtigen Zeit am
richtigen Ort.</div>
<a data-snippet="icon-link" href="https://territory.de/de/cases/tedi-maximal-gutes-marketing-am-pos" class=""
>
<span class="icon-link icon-link">Weiterlesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</swiper-slide>
<swiper-slide>
<div class="p-fxs">
<a href="https://territory.de/de/cases/db-mobil-wer-sich-gut-unterhalten-fuehlt-reist-noch-besser" class="cursor-arrowright"
aria-label="Weiterlesen">
<img src="https://territory.de/media/pages/cases/db-mobil-wer-sich-gut-unterhalten-fuehlt-reist-noch-besser/9d92b788e1-1691396074/territory-case-db-mobil-header-1x1-500x500-crop.webp" loading="lazy"
class="aspect-square mb-fxs mr-fxs" alt="" />
</a>
<div class="text-h5 pb-fxs text-redOrange">Wer sich gut unterhalten fühlt, reist noch besser</div>
<div class="text-marge mb-fxs">DB MOBIL, das Magazin der Deutschen Bahn, ist die moderne Zeitschrift für die mobile Generation.</div>
<a data-snippet="icon-link" href="https://territory.de/de/cases/db-mobil-wer-sich-gut-unterhalten-fuehlt-reist-noch-besser" class=""
>
<span class="icon-link icon-link">Weiterlesen</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#FF4E00"/>
</svg>
</span>
</a> </div>
</swiper-slide>
</swiper-container>
</div>
<script>
(function() {
const swiperEl = document.querySelector('#swiper-a79243e4-f09d-4d0f-93e6-581600a6ee96');
const swiperParams = {
centeredSlides: true,
slidesPerView: 1.25,
breakpoints: {
768: {
slidesPerView: 4,
}
},
};
Object.assign(swiperEl, swiperParams);
swiperEl.initialize();
})();
</script>
</div>
<div data-snippet="toTop" class="js-toTop py-fxs fixed z-40 bottom-6 w-full toTop--faded pointer-events-none">
<div class="grid--tt">
<div class="col-span-12 flex justify-end py-fxs">
<a href="#top" class="w-icoHeader h-icoHeader hidden md:block pointer-events-auto">
<svg id="e1sdngXahE21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 104 104" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<style>
<![CDATA[
#e1sdngXahE21:hover #e1sdngXahE23_to {
animation: e1sdngXahE23_to_to 1500ms linear 1 normal forwards
}
@keyframes e1sdngXahE23_to_to {
0% {
transform: translate(51.99995px, 51.666952px);
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}
33.333333% {
transform: translate(51.99995px, -26.061348px)
}
100% {
transform: translate(51.99995px, -26.061348px)
}
}
#e1sdngXahE21:hover #e1sdngXahE24_to {
animation: e1sdngXahE24_to_to 1500ms linear 1 normal forwards
}
@keyframes e1sdngXahE24_to_to {
0% {
transform: translate(51.99995px, 130.061352px)
}
33.333333% {
transform: translate(51.99995px, 130.061352px);
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
100% {
transform: translate(51.99995px, 52.000002px)
}
}
]]>
</style>
<rect width="104" height="104" rx="0" ry="0" fill="#fff" />
<g id="e1sdngXahE23_to" transform="translate(51.99995,51.666952)">
<path
d="M47.1247,43.9869L35.7779,55.3339l-6.8944-6.8943l22.8339-22.834l23.399,23.399-6.8943,6.8943L56.8747,44.5515v33.1768h-9.75v-33.7414Z"
transform="translate(-51.99995,-51.666952)" fill="#ff4e00" />
</g>
<g id="e1sdngXahE24_to" transform="translate(51.99995,130.061352)">
<path
d="M47.1247,43.9869L35.7779,55.3339l-6.8944-6.8943l22.8339-22.834l23.399,23.399-6.8943,6.8943L56.8747,44.5515v33.1768h-9.75v-33.7414Z"
transform="translate(-51.99995,-51.666952)" fill="#ff4e00" />
</g>
</svg>
</a>
</div>
</div>
</div>
<div data-block="contact" class="bg-white py-fl text-black">
<div class="grid--tt">
<div class="col-span-12 md:col-span-4 md:col-start-2">
<h3 class="text-h3 pb-fm"><p>Lassen Sie<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span><strong>
<br></strong>uns reden</p></h3>
<figure data-snippet="quote">
<blockquote>
<p class="pb-10 text-h5"><strong>Wir freuen uns<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>über Ihre Anfrage</strong> </p>
</blockquote>
<figcaption class="text-marge font-black">
<cite class="block font-normal not-italic"></cite>
</figcaption>
</figure> </div>
<div
class="col-span-12 md:col-span-5 relative mt-fm md:mt-0 md:col-start-8">
<img class="object-cover w-po2 md:w-full mr-4 md:ml-0"
src="https://territory.de/media/pages/contacts/marius-darschin/aea9eda326-1687782229/mariusdarschin-1x1-1080-800x.webp" loading="lazy" alt="" />
<div class="absolute top-0 right-0 z-10 p-4 text-louis font-black text-white">
TERRITORY<span class='bg-redOrange w-[1.1em] h-[0.18em] inline-block mx-[0.15em]'></span>AGENCY </div>
<div class="relative bg-purpleBlue p-fs text-white -mt-offset
-ml-4 mr-4">
<div class="text-louis font-black">Marius Darschin</div>
<div class="pb-fs text-marge text-white/75">
Chief Growth Officer </div>
<div class="text-marge font-black text-redOrange">
<a href="tel:+49 (40) 809046 - 700"
class="hover-underline-animation">+49 (40) 809046 - 700</a>
<br />
<a href="mailto:darschin.marius@territory.group" class="hover-underline-animation">
darschin.marius@territory.group </a>
</div>
<div data-snippet="corner" class="border-r-16 border-b-16 border-redOrange absolute w-[64px] h-[64px] bottom-0 right-0">
</div> </div>
</div>
</div>
</div>
<div data-block="pre" class="grid items-end md:grid-cols-12 bg-white">
<div class="col-span-12 md:col-span-6 bg-white">
<img class="object-cover" src="https://territory.de/media/pages/prefooter-overview/default/6944e0d2c5-1687782229/image-62445804ec6df-1648646148-960x480-crop.webp" loading="lazy" alt="" />
</div>
<div class="col-span-12 md:col-span-6 bg-redOrange">
<div class="p-fm text-h5 text-black">
<div class="pb-fs">Sag Hi und lerne uns kennen.</div>
<a data-snippet="icon-link" href="https://territory.de/de/karriere" class=""
>
<span class="icon-link icon-link--white">Karriere bei TERRITORY</span>
<span class="icon-link-icon"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7263 28.9998L39.7436 22.0171L43.9862 17.7744L58.0379 31.826L43.6385 46.2254L39.3959 41.9828L46.3789 34.9998H5.9624V28.9998H46.7263Z" fill="#ffffff"/>
</svg>
</span>
</a> </div>
</div>
</div>
<footer data-block="footer" class="py-fl bg-coal">
<div class="grid--tt">
<div class="col-span-6 text-h5 font-bold">
<a href="/" aria-label="Homepage">
<img class="h-logo w-logo ttLogo" alt="" src="/assets/svgs/territory-logo.svg">
</a>
<div class="text-white pt-fm pb-fs">
<p>Großer Burstah 31<br>20457 Hamburg <br>Deutschland</p> </div>
<div class="text-redOrange">
<div>
<a href="tel:+49 (40) 809046 - 100"
class="hover-underline-animation inline-block pb-fxxs">+49 (40) 809046 - 100</a>
</div>
<a href="mailto:contact@territory.group"
class="hover-underline-animation">contact@territory.group</a>
</div>
</div>
<div class="col-span-6 grid grid-cols-2 md:grid-cols-6 gap-4">
<div class="pt-fm col-span-1 md:col-span-3 text-h5 text-white md:mt-[40px]">
<div class="block pb-fxs">
<a href="/locations/#koeln"
class="hover-underline-animation">Köln</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#hamburg"
class="hover-underline-animation">Hamburg</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#muenchen"
class="hover-underline-animation">München</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#guetersloh"
class="hover-underline-animation">Gütersloh</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#budapest"
class="hover-underline-animation">Budapest</a>
</div>
</div> <div class="pt-fm col-span-1 md:col-span-3 text-h5 text-white md:mt-[40px]">
<div class="block pb-fxs">
<a href="/locations/#barcelona"
class="hover-underline-animation">Barcelona</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#paris"
class="hover-underline-animation">Paris</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#warschau"
class="hover-underline-animation">Warschau</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#verl"
class="hover-underline-animation">Verl</a>
</div>
<div class="block pb-fxs">
<a href="/locations/#leverkusen"
class="hover-underline-animation">Leverkusen</a>
</div>
</div> </div>
</div>
<div class="grid--tt">
<div class="col-span-12 py-fm text-center text-white">
<a href="https://www.facebook.com/TERRITORY.Werbeagentur/"
class="inline-block pr-10 hover:text-redOrange md:pr-20" target="_blank" rel="noopener noreferrer"
title="facebook"><svg width="64" height="64" viewBox="0 0 64 64" class="w-si h-si hover:fill-redOrange fill-white" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.8474 20.348C35.738 20.348 35.1282 21.2836 35.1282 23.347V26.7701H40.7546L40.1907 32.3004H35.1304V49.0836H28.3782V32.3004H23.8293V26.7701H28.3782V23.441C28.3782 17.8627 30.6274 14.9161 36.9031 14.9161C38.2181 14.913 39.5323 14.9911 40.8377 15.15V20.3546L37.8474 20.348Z" />
</svg>
</a>
<a href="https://www.linkedin.com/company/territory-content-to-results/"
class="inline-block pr-10 hover:text-redOrange md:pr-20" target="_blank" rel="noopener noreferrer"
title="linkedin"><svg fill="none" height="64" viewBox="0 0 64 64" class="w-si h-si hover:fill-redOrange fill-white" width="64" xmlns="http://www.w3.org/2000/svg"><g><path d="m22.4922 26.4085v21.5915h-7.074v-21.5915z"/><path d="m22.9574 19.7306c0 2.072-1.5354 3.73-4.0023 3.73h-.0461c-2.3739 0-3.909-1.658-3.909-3.73 0-2.1186 1.5821-3.7306 4.0019-3.7306 2.4201 0 3.9095 1.612 3.9555 3.7306z"/><path d="m33.4807 48h-7.074s.0931-19.5655.0002-21.5915h7.074v3.057c-.016.025-.0317.0498-.0473.0744h.0473v-.0744c.9401-1.4713 2.6226-3.5636 6.3751-3.5636 4.6541 0 8.1441 3.0859 8.1441 9.7179v12.3802h-7.0734v-11.5509c0-2.9026-1.024-4.8826-3.5837-4.8826-1.9542 0-3.1182 1.3353-3.6296 2.6247-.1868.4613-.2327 1.1059-.2327 1.7512z"/></g></svg> </a>
<a href="https://www.instagram.com/territory_de/" class="inline-block pr-10 hover:text-redOrange md:pr-20"
target="_blank" rel="noopener noreferrer" title="instagram"><svg width="64" height="64" viewBox="0 0 64 64" class="w-si h-si hover:fill-redOrange fill-white" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.6682 16.2285C28.3849 16.2285 27.8474 16.2472 26.1651 16.3238C24.486 16.4007 23.34 16.6665 22.3371 17.0565C21.2998 17.4594 20.4199 17.9982 19.5433 18.8752C18.666 19.7518 18.1271 20.6318 17.7229 21.6688C17.3319 22.6719 17.0658 23.8183 16.9902 25.4967C16.915 27.179 16.8953 27.7169 16.8953 32.0002C16.8953 36.2835 16.9143 36.8194 16.9906 38.5017C17.0678 40.1807 17.3336 41.3268 17.7233 42.3296C18.1264 43.3669 18.6653 44.2469 19.5423 45.1235C20.4186 46.0008 21.2985 46.541 22.3352 46.9438C23.3386 47.3338 24.485 47.5997 26.1637 47.6765C27.8461 47.7531 28.3833 47.7718 32.6663 47.7718C36.9499 47.7718 37.4858 47.7531 39.1681 47.6765C40.8472 47.5997 41.9945 47.3338 42.998 46.9438C44.035 46.541 44.9136 46.0008 45.7899 45.1235C46.6672 44.2469 47.2061 43.3669 47.6102 42.33C47.998 41.3268 48.2641 40.1804 48.343 38.502C48.4185 36.8197 48.4383 36.2835 48.4383 32.0002C48.4383 27.7169 48.4185 27.1793 48.343 25.497C48.2641 23.818 47.998 22.6719 47.6102 21.6691C47.2061 20.6318 46.6672 19.7518 45.7899 18.8752C44.9126 17.9979 44.0353 17.459 42.997 17.0565C41.9916 16.6665 40.8449 16.4007 39.1658 16.3238C37.4835 16.2472 36.9479 16.2285 32.6633 16.2285H32.6682ZM31.2534 19.0707C31.6733 19.07 32.1419 19.0707 32.6682 19.0707C36.8793 19.0707 37.3784 19.0858 39.0413 19.1614C40.579 19.2317 41.4136 19.4886 41.9696 19.7045C42.7056 19.9904 43.2303 20.3321 43.782 20.8841C44.334 21.4361 44.6757 21.9618 44.9622 22.6979C45.1781 23.2531 45.4354 24.0877 45.5054 25.6255C45.581 27.2881 45.5974 27.7875 45.5974 31.9966C45.5974 36.2056 45.581 36.7051 45.5054 38.3677C45.4351 39.9054 45.1781 40.74 44.9622 41.2953C44.6764 42.0313 44.334 42.5554 43.782 43.107C43.23 43.659 42.7059 44.0008 41.9696 44.2866C41.4143 44.5035 40.579 44.7598 39.0413 44.8301C37.3787 44.9057 36.8793 44.9221 32.6682 44.9221C28.4569 44.9221 27.9578 44.9057 26.2952 44.8301C24.7574 44.7591 23.9229 44.5022 23.3666 44.2863C22.6306 44.0004 22.1048 43.6587 21.5528 43.1067C21.0008 42.5547 20.6591 42.0303 20.3726 41.294C20.1567 40.7387 19.8994 39.9041 19.8294 38.3663C19.7539 36.7037 19.7388 36.2043 19.7388 31.9926C19.7388 27.7809 19.7539 27.2841 19.8294 25.6215C19.8998 24.0838 20.1567 23.2492 20.3726 22.6933C20.6584 21.9572 21.0008 21.4315 21.5528 20.8795C22.1048 20.3275 22.6306 19.9858 23.3666 19.6993C23.9225 19.4824 24.7574 19.2261 26.2952 19.1555C27.7501 19.0898 28.3139 19.07 31.2534 19.0668V19.0707ZM41.087 21.6895C40.0421 21.6895 39.1944 22.5362 39.1944 23.5814C39.1944 24.6263 40.0421 25.474 41.087 25.474C42.1319 25.474 42.9796 24.6263 42.9796 23.5814C42.9796 22.5365 42.1319 21.6895 41.087 21.6895ZM32.6682 23.9008C28.1953 23.9008 24.5688 27.5273 24.5688 32.0002C24.5688 36.4731 28.1953 40.0979 32.6682 40.0979C37.1411 40.0979 40.7663 36.4731 40.7663 32.0002C40.7663 27.5273 37.1411 23.9008 32.6682 23.9008ZM32.6682 26.743C35.5715 26.743 37.9255 29.0965 37.9255 32.0002C37.9255 34.9035 35.5715 37.2574 32.6682 37.2574C29.7646 37.2574 27.411 34.9035 27.411 32.0002C27.411 29.0965 29.7646 26.743 32.6682 26.743Z"/>
</svg>
</a>
</div>
</div> <div class="grid--tt">
<div class="col-span-12 pb-44 text-white md:text-center">
<a href="https://territory.de/de/agb-aeb" class="block pb-6 hover:text-redOrange md:inline md:pr-10">
AGB & AEB </a>
<a href="https://territory.de/de/impressum" class="block pb-6 hover:text-redOrange md:inline md:pr-10">
Impressum </a>
<a href="https://territory.de/de/datenschutz" class="block pb-6 hover:text-redOrange md:inline md:pr-10">
Datenschutz </a>
<a href="https://territory.de/de/datenschutz-social-media" class="block pb-6 hover:text-redOrange md:inline md:pr-10">
Datenschutz | Social Media </a>
<span class="text-white/50">© 2025 TERRITORY</span>
</div>
</div></footer></main>
<script>
const sections = document.querySelectorAll(
'[data-block] p, [data-block] img, [data-block] h1, [data-block] h2, [data-block] h3, [data-block] h4, [data-block] h5 , [data-block] a, [data-block] details, [data-snippet="news-teaser"] h4, [data-snippet="news-teaser"] div, [data-snippet="news-teaser"] a '
);
sections.forEach(section => {
section.style.opacity = 0;
section.classList.add('translate-y-6');
});
let config = {
rootMargin: '0px',
threshold: .3
};
let observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = 1;
entry.target.classList.remove('translate-y-6');
}
});
}, config);
sections.forEach(section => {
observer.observe(section);
});
</script>
<script>
(function() {
const ttLogo = document.querySelector(".js-logo");
const toTop = document.querySelector(".js-toTop");
if (ttLogo) {
document.addEventListener("scroll", onScroll, {
passive: true
});
function onScroll() {
const scrollPosY = window.pageYOffset | document.body.scrollTop;
if (scrollPosY > 20) {
ttLogo.classList.add("ttLogo--faded");
} else {
ttLogo.classList.remove("ttLogo--faded");
}
if (scrollPosY > 400) {
toTop.classList.remove("toTop--faded");
} else {
toTop.classList.add("toTop--faded");
}
}
onScroll();
}
})();
</script>
</body>
</html>