- 제출된 URL:
- https://nonfood.de/리디렉션됨
- 보고서 완료:
링크 · 1개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://www.instagram.com/nonfoodwerbeagentur/ |
JavaScript 변수 · 7개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| webpackChunk | object |
| gsapVersions | object |
| _ | function |
| axios | function |
콘솔 로그 메시지 · 2개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| warning | other |
|
| error | network |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="de"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>NONFOOD Werbeagentur GmbH – Produkte von der Idee bis in den Einkaufskorb.</title>
<meta property="og:title" content="NONFOOD Werbeagentur GmbH – Produkte von der Idee bis in den Einkaufskorb.">
<meta property="twitter:title" content="NONFOOD Werbeagentur GmbH – Produkte von der Idee bis in den Einkaufskorb.">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="stylesheet" href="/css/app.css?id=edee31adc1c93a879d3e9c0af1de1b8a">
<style>[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
<style>@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-ms-flex-negative:0;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}</style></head>
<body style="">
<div class="flex flex-col justify-between min-h-screen font-sans overflow-x-hidden">
<div class="flex-1">
<header class="relative">
<nav class="relative w-full bg-blue text-white flex items-center justify-between py-5 md:py-8 lg:py-10 px-5 md:px-14 lg:px-32 text-base md:space-x-10">
<div class="w-52 md:w-80 flex-0">
<a href="/">
<svg title="nonfood" aria-label="Nonfood - Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 48">
<path d="M70.986 39.333c8.547 0 15.603-6.866 15.603-15.267 0-8.4-7.056-15.4-15.603-15.4-8.548 0-15.536 7-15.536 15.4 0 8.401 6.988 15.267 15.536 15.267m0-39.333c13.568 0 24.422 10.734 24.422 24.066C95.408 37.4 84.554 48 70.986 48 57.418 48 46.63 37.4 46.63 24.066 46.631 10.734 57.418 0 70.986 0m81.027 46.067c0 .667.542 1.267 1.289 1.267h6.241c.678 0 1.289-.6 1.289-1.267V29.2h16.756c.678 0 1.289-.6 1.289-1.267v-5.466c0-.667-.61-1.266-1.289-1.266h-16.756V8.667h20.08c.747 0 1.29-.6 1.29-1.267V1.933c0-.666-.543-1.267-1.29-1.267h-27.61c-.747 0-1.289.601-1.289 1.267v44.134zm58.904-6.734c8.548 0 15.604-6.866 15.604-15.267 0-8.4-7.056-15.4-15.604-15.4-8.547 0-15.535 7-15.535 15.4 0 8.401 6.988 15.267 15.535 15.267m0-39.333c13.568 0 24.422 10.734 24.422 24.066C235.34 37.4 224.485 48 210.917 48c-13.568 0-24.355-10.6-24.355-23.934C186.562 10.734 197.349 0 210.917 0m54.745 39.333c8.548 0 15.603-6.866 15.603-15.267 0-8.4-7.055-15.4-15.603-15.4s-15.536 7-15.536 15.4c0 8.401 6.988 15.267 15.536 15.267m0-39.333c13.568 0 24.422 10.734 24.422 24.066C290.084 37.4 279.23 48 265.662 48c-13.568 0-24.355-10.6-24.355-23.934C241.307 10.734 252.094 0 265.662 0m46.526.666h-16.077c-.68 0-1.223.6-1.223 1.267v11.878l8.752 8.221V8.733h7.734c8.82 0 15.263 6.533 15.263 15.2 0 8.733-6.443 15.267-15.263 15.267h-16.486v6.867c0 .666.544 1.266 1.223 1.266h16.077c13.094 0 23.812-10.467 23.812-23.4 0-12.8-10.718-23.267-23.812-23.267m-170.891 0h-6.242c-.746 0-1.29.6-1.29 1.267v27.533h-.067L105.477 0h-1.697c-.678 0-1.288.533-1.288 1.2v29.143l8.752 8.222V17.4h.067L139.668 48h1.629c.678 0 1.288-.534 1.288-1.2V1.933c0-.667-.61-1.267-1.288-1.267m-102.493 0h-6.241c-.747 0-1.289.6-1.289 1.267v27.533h-.068L2.986 0H1.288C.61 0 0 .533 0 1.2v29.3l8.751 8.223V17.4h.067L37.176 48h1.628c.678 0 1.29-.534 1.29-1.2V1.933c0-.667-.612-1.267-1.29-1.267" fill="currentColor" fill-rule="nonzero"></path>
</svg>
</a>
</div>
<div class="flex space-x-6">
<div id="MOBILE_HOME_BUTTON" class="hidden z-50 relative" style="opacity: 0;">
<a href="/" aria-label="Home" class="w-8 h-8 ring-inset ring-white ring-2 hover:ring-black text-white block transform duration-300 ease-in-out">
<svg class="w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34">
<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2">
<path d="m16.913 10.6-5.246 5.222V23.4H22.16v-7.578z"></path>
</g>
</svg>
</a>
</div>
<button id="MOBILE_MENU_BUTTON" aria-label="Menu" class="lg:hidden w-8 h-8 ring-inset ring-white hover:ring-black ring-2 text-white flex justify-center items-center transform duration-300 ease-in-out z-50 relative">
<div class="space-y-1">
<span class="w-4 h-[2px] bg-white block origin-center"></span>
<span class="w-4 h-[2px] bg-white block origin-center"></span>
</div>
</button>
</div>
<div class="hidden lg:block">
<ul class="flex items-center space-x-6 xl:space-x-10 uppercase font-medium tracking-wider text-white">
<li><a href="/cases">Referenzen</a></li>
<li><a href="/services">Kompetenzen</a></li>
<li><a href="/about-us">Agentur</a></li>
<li><a href="/jobs">Jobs</a></li>
<li><a href="/contact">Kontakt</a></li>
</ul>
</div>
</nav>
<div id="MOBILE_MENU" class="w-full h-screen absolute z-40 bg-blue hidden px-6" style="opacity: 0;">
<div class="h-full flex flex-col justify-between pt-32 md:pt-[90px] pb-10">
<ul class="w-full text-3xl md:text-4xl space-y-6 font-sans font-bold text-white">
<li><a href="/cases">Referenzen</a></li>
<li><a href="/services">Kompetenzen</a></li>
<li><a href="/about-us">Agentur</a></li>
<li><a href="/jobs">Jobs</a></li>
<li><a href="/contact">Kontakt</a></li>
</ul>
<ul class="w-full text-xl space-y-4 text-white">
<li><a href="/datenschutz">Datenschutz</a></li>
<li><a href="/impressum">Impressum</a></li>
</ul>
<a class="w-8 absolute right-8 bottom-9" href="https://www.instagram.com/nonfoodwerbeagentur/" target="_blank" rel="noopener noreferer">
<svg class="w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 32">
<g fill="#FFF" fill-rule="evenodd">
<path d="M17 0c-4.617 0-5.196.018-7.009.096-1.81.078-3.045.348-4.127.744-1.118.409-2.066.956-3.01 1.845A7.81 7.81 0 0 0 .892 5.52C.473 6.537.185 7.7.103 9.403.02 11.11 0 11.655 0 16c0 4.345.02 4.89.102 6.597.083 1.703.37 2.866.79 3.884a7.81 7.81 0 0 0 1.961 2.834c.945.89 1.893 1.436 3.011 1.845 1.082.396 2.317.666 4.127.744 1.813.078 2.392.096 7.009.096 4.617 0 5.196-.018 7.01-.096 1.809-.078 3.044-.348 4.126-.744 1.118-.409 2.066-.956 3.01-1.845a7.812 7.812 0 0 0 1.962-2.834c.42-1.018.707-2.181.79-3.884C33.98 20.89 34 20.345 34 16c0-4.345-.02-4.89-.102-6.597-.083-1.703-.37-2.866-.79-3.884a7.812 7.812 0 0 0-1.961-2.834c-.945-.89-1.893-1.436-3.011-1.845-1.082-.396-2.317-.666-4.127-.744C22.196.018 21.617 0 17 0m0 2.883c4.54 0 5.077.016 6.87.093 1.657.071 2.557.332 3.156.551.794.29 1.36.637 1.955 1.197s.963 1.093 1.272 1.84c.232.563.51 1.41.585 2.97.082 1.688.099 2.194.099 6.466s-.017 4.778-.1 6.465c-.075 1.56-.352 2.408-.584 2.971a4.938 4.938 0 0 1-1.272 1.84c-.595.56-1.161.907-1.955 1.197-.599.219-1.5.48-3.157.55-1.792.078-2.33.094-6.869.094-4.54 0-5.077-.016-6.87-.093-1.657-.071-2.557-.332-3.156-.551-.794-.29-1.36-.637-1.955-1.197a4.942 4.942 0 0 1-1.271-1.84c-.233-.563-.51-1.41-.586-2.97-.082-1.688-.099-2.194-.099-6.466s.017-4.778.1-6.465c.075-1.56.352-2.408.585-2.971a4.941 4.941 0 0 1 1.271-1.84c.595-.56 1.161-.907 1.955-1.197.599-.219 1.5-.48 3.157-.55 1.792-.078 2.33-.094 6.869-.094"></path>
<path d="M17 21.466c-3.047 0-5.518-2.447-5.518-5.466s2.47-5.466 5.518-5.466c3.047 0 5.518 2.447 5.518 5.466s-2.47 5.466-5.518 5.466M17 7.58c-4.694 0-8.5 3.77-8.5 8.421 0 4.65 3.806 8.421 8.5 8.421s8.5-3.77 8.5-8.421c0-4.65-3.806-8.421-8.5-8.421M27.2 6.737c0 .93-.761 1.684-1.7 1.684s-1.7-.754-1.7-1.684c0-.93.761-1.684 1.7-1.684s1.7.754 1.7 1.684"></path>
</g>
</svg>
</a>
</div>
</div>
<div class="w-full">
<picture>
<source type="image/webp" media="(min-width: 64rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=1680&fm=webp&s=0d1ae39547cb5c57120579bc5f340698">
<source type="image/jpeg" media="(min-width: 64rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=1680&fm=jpeg&s=5d8a4e6ebf2cd2a57fe5ab8d2d5ec10f">
<source type="image/webp" media="(min-width: 32rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=960&fm=webp&s=a6a9d08cac14e9309ae88aee4db820f5">
<source type="image/jpeg" media="(min-width: 32rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=960&fm=jpeg&s=16e67270ebabb36b71df7251ec40b463">
<source type="image/webp" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=375&fm=webp&s=aaa04e46713dcb8d020fa7848be6a6fb">
<source type="image/jpeg" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=375&fm=jpeg&s=18721eed67782d2d7c53ae205f458016">
<img class="w-full" src="/img/asset/YXNzZXRzL2ltYWdlcy9ib2hvLW9wZW5lci5qcGc=?w=375&s=806077c5170ef0a028f74886cbb5ca28" alt="">
</picture>
<div class="w-full absolute bottom-0 px-5 md:px-14 lg:px-32 pb-20">
<div class="w-full xl:w-7/12">
<div class="inline box-blue text-white font-serif text-4xl md:text-5xl lg:text-7xl !leading-normal">
LIDL
</div>
</div>
<div class="w-full xl:w-7/12">
<div class="inline box-brown text-white font-sans font-semibold uppercase text-4xl md:text-5xl lg:text-7xl !leading-normal">
Boho Fashion
</div>
</div>
</div>
</div>
</header>
<main>
<div class="bg-blue text-white">
<div class="flex flex-col justify-between space-y-40 md:space-y-60">
<div class="pt-5 md:pt-14 lg:pt-32 px-5 md:px-14 lg:px-32">
<div class="w-8 md:w-12 text-white rotate-180">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path d="M48 48V0H36.988v37.089H0V48h48" fill="currentColor" fill-rule="evenodd"></path>
</svg>
</div>
</div>
<div class="pb-5 md:pb-14 lg:pb-32 px-5 md:px-14 lg:px-32">
<div class="font-sans font-bold uppercase text-4xl md:text-5xl lg:text-7xl xl:text-9xl text-right">
Markenerlebnisse sind für uns das Ahh und Ohhh!
</div>
</div>
</div>
<svg class="w-full h-12 md:h-40" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="zPYJBTKE" patternUnits="userSpaceOnUse" width="16" height="16" patternTransform="rotate(45)">
<line x1="0" y="0" x2="0" y2="16" stroke="currentColor" stroke-width="16"></line>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#zPYJBTKE)" :opacity="1"></rect>
</svg>
</div>
<div class="bg-white py-20 px-5 md:px-14 lg:px-32">
<div class="flex flex-wrap -mx-5">
<div class="w-full sm:w-1/2 p-5">
<div class="w-full bg-white relative border-12 border-brown" style="padding-bottom: 100%">
<div class="absolute inset-6 flex flex-col justify-end">
<span class="font-sans font-semibold uppercase text-3xl md:text-4xl lg:text-5xl xl:text-7xl text-blue">
Wir begleiten
</span>
<span class="font-sans font-semibold uppercase text-3xl md:text-4xl lg:text-5xl xl:text-7xl text-brown">
Produkte von der Idee bis in den Einkaufskorb.
</span>
</div>
</div>
</div>
<div class="w-full sm:w-1/2 -my-2 sm:-my-0 p-5">
<a class="relative h-full group block" href="https://www.nonfood.de/cases/classic-collection-relaunch">
<div class="overflow-hidden">
<picture>
<source media="(min-width: 32rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy90Y2hpYm8tdmFyaWV0aWVzLmpwZw==?w=512&h=512&s=52038f47596ac4eb488965befebe798e">
<source srcset="/img/asset/YXNzZXRzL2ltYWdlcy90Y2hpYm8tdmFyaWV0aWVzLmpwZw==?w=330&h=330&s=6bc5db1939ef1a9a757a03ba71001b6d">
<img class="object-cover w-full h-full group-hover:scale-105 transition-all duration-300 ease-in-out" src="/img/asset/YXNzZXRzL2ltYWdlcy90Y2hpYm8tdmFyaWV0aWVzLmpwZw==?w=330&h=330&s=6bc5db1939ef1a9a757a03ba71001b6d" alt="">
</picture>
</div>
<div aria-hidden="true" class="w-full absolute inset-0 bg-gradient-transparent-to-black ring-blue ring-0 group-hover:ring-12 ring-inset transition ease-in-out duration-300 ring-blue ring-0"></div>
<div class="w-full absolute left-0 bottom-0 px-6 lg:px-8 py-8 lg:py-12">
<h3>
<span class="inline box-blue text-white font-serif text-xl md:text-2xl xl:text-4xl !leading-normal">
Tchibo Coffee Service
</span>
<br>
<span class="inline box-brown text-white font-sans font-semibold uppercase text-2xl xl:text-4xl !leading-normal">
Classic Collection Relaunch: Sichtbarmachen und Sortendifferenzierung
</span>
</h3>
<p class="mt-8 inline-block text-white font-bold uppercase tracking-wide text-base border-b relative">
mehr erfahren
<span class="border-b absolute h-0.5 -bottom-0.5 left-0 z-10 w-0 group-hover:w-full transition-all duration-300 ease-in-out border-blue "></span>
</p>
</div>
</a>
</div>
<div class="w-full sm:w-full -my-2 sm:-my-0 p-5">
<a class="relative h-full group block" href="https://www.nonfood.de/cases/eigenmarken-mit-style-staerken">
<div class="overflow-hidden">
<picture>
<source media="(min-width: 32rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9kZW5pbS1vcGVuZXIuanBn?w=1024&h=512&s=a23f0bcfc3bf755a394d40f3c23bacff">
<source srcset="/img/asset/YXNzZXRzL2ltYWdlcy9kZW5pbS1vcGVuZXIuanBn?w=660&h=330&s=719509f7aea0c6564b4b5cc924353d50">
<img class="object-cover w-full h-full group-hover:scale-105 transition-all duration-300 ease-in-out" src="/img/asset/YXNzZXRzL2ltYWdlcy9kZW5pbS1vcGVuZXIuanBn?w=660&h=330&s=719509f7aea0c6564b4b5cc924353d50" alt="">
</picture>
</div>
<div aria-hidden="true" class="w-full absolute inset-0 bg-gradient-transparent-to-black ring-blue ring-0 group-hover:ring-12 ring-inset transition ease-in-out duration-300 ring-blue ring-0"></div>
<div class="w-full absolute left-0 bottom-0 px-6 lg:px-8 py-8 lg:py-12">
<h3>
<span class="inline box-blue text-white font-serif text-xl md:text-2xl xl:text-4xl !leading-normal">
LIDL
</span>
<br>
<span class="inline box-brown text-white font-sans font-semibold uppercase text-2xl xl:text-4xl !leading-normal">
EIGENMARKEN MIT STYLE STÄRKEN.
</span>
</h3>
<p class="mt-8 inline-block text-white font-bold uppercase tracking-wide text-base border-b relative">
mehr erfahren
<span class="border-b absolute h-0.5 -bottom-0.5 left-0 z-10 w-0 group-hover:w-full transition-all duration-300 ease-in-out border-blue "></span>
</p>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 -my-2 sm:-my-0 p-5">
<a class="relative h-full group block" href="https://www.nonfood.de/cases/fuer-unsere-kunden-immer-in-action">
<div class="overflow-hidden">
<picture>
<source media="(min-width: 32rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9zcG9ydC1vcGVuZXIuanBn?w=512&h=512&s=3ba321b878355368201173334379c90f">
<source srcset="/img/asset/YXNzZXRzL2ltYWdlcy9zcG9ydC1vcGVuZXIuanBn?w=330&h=330&s=2dd101e6869d458670ef353a8701b0e4">
<img class="object-cover w-full h-full group-hover:scale-105 transition-all duration-300 ease-in-out" src="/img/asset/YXNzZXRzL2ltYWdlcy9zcG9ydC1vcGVuZXIuanBn?w=330&h=330&s=2dd101e6869d458670ef353a8701b0e4" alt="">
</picture>
</div>
<div aria-hidden="true" class="w-full absolute inset-0 bg-gradient-transparent-to-black ring-blue ring-0 group-hover:ring-12 ring-inset transition ease-in-out duration-300 ring-blue ring-0"></div>
<div class="w-full absolute left-0 bottom-0 px-6 lg:px-8 py-8 lg:py-12">
<h3>
<span class="inline box-blue text-white font-serif text-xl md:text-2xl xl:text-4xl !leading-normal">
LIDL
</span>
<br>
<span class="inline box-brown text-white font-sans font-semibold uppercase text-2xl xl:text-4xl !leading-normal">
FÜR UNSERE KUNDEN IMMER IN ACTION.
</span>
</h3>
<p class="mt-8 inline-block text-white font-bold uppercase tracking-wide text-base border-b relative">
mehr erfahren
<span class="border-b absolute h-0.5 -bottom-0.5 left-0 z-10 w-0 group-hover:w-full transition-all duration-300 ease-in-out border-blue "></span>
</p>
</div>
</a>
</div>
<div class="w-full sm:w-1/2 -my-2 sm:-my-0 p-5">
<a class="relative h-full group block" href="https://www.nonfood.de/cases/lidl-nonfood-mit-food-appeal">
<div class="overflow-hidden">
<picture>
<source media="(min-width: 32rem)" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9rdWVjaGUtb3BlbmVyLmpwZw==?w=512&h=512&s=6a865d316aa7de43bdb80cb613e2eed1">
<source srcset="/img/asset/YXNzZXRzL2ltYWdlcy9rdWVjaGUtb3BlbmVyLmpwZw==?w=330&h=330&s=664e0e662ede8f143fa3d9f615ff780f">
<img class="object-cover w-full h-full group-hover:scale-105 transition-all duration-300 ease-in-out" src="/img/asset/YXNzZXRzL2ltYWdlcy9rdWVjaGUtb3BlbmVyLmpwZw==?w=330&h=330&s=664e0e662ede8f143fa3d9f615ff780f" alt="">
</picture>
</div>
<div aria-hidden="true" class="w-full absolute inset-0 bg-gradient-transparent-to-black ring-blue ring-0 group-hover:ring-12 ring-inset transition ease-in-out duration-300 ring-blue ring-0"></div>
<div class="w-full absolute left-0 bottom-0 px-6 lg:px-8 py-8 lg:py-12">
<h3>
<span class="inline box-blue text-white font-serif text-xl md:text-2xl xl:text-4xl !leading-normal">
LIDL
</span>
<br>
<span class="inline box-brown text-white font-sans font-semibold uppercase text-2xl xl:text-4xl !leading-normal">
NONFOOD MIT FOOD-APPEAL.
</span>
</h3>
<p class="mt-8 inline-block text-white font-bold uppercase tracking-wide text-base border-b relative">
mehr erfahren
<span class="border-b absolute h-0.5 -bottom-0.5 left-0 z-10 w-0 group-hover:w-full transition-all duration-300 ease-in-out border-blue "></span>
</p>
</div>
</a>
</div>
</div>
</div>
<div class="bg-blue text-white">
<div class="flex flex-wrap">
<svg class="w-full md:w-4/12 xl:w-5/12 h-24 md:h-auto" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="pgPgAYMG" patternUnits="userSpaceOnUse" width="64" height="64" patternTransform="rotate(45)">
<line x1="0" y="0" x2="0" y2="64" stroke="currentColor" stroke-width="64"></line>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#pgPgAYMG)" :opacity="1"></rect>
</svg>
<div class="w-full lg:w-7/12 px-5 md:px-14 md:w-8/12 xl:px-32 py-20 xl:py-40 space-y-8">
<h3 class="text-white text-4xl md:text-5xl lg:text-7xl uppercase font-semibold">
Alles – professionell und Hand in Hand.
</h3>
<p class="text-white text-lg md:text-xl lg:text-3xl">
Gemeinsam mit unseren Kunden entwickeln wir passende Strategien und maßgeschneiderte Lösungen um Produkte in die Herzen und Hände der Kunden zu bringen.
</p>
<a class="text-white text-lg lg:text-xl uppercase font-semibold text-center py-5 px-10 border-4 border-white block sm:inline-block" href="/about-us">
Über Uns
</a>
</div>
</div>
<div class="relative">
<svg class="hidden md:block absolute top-0 right-0 w-40 xl:w-56 h-full" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="8pdMZLc2" patternUnits="userSpaceOnUse" width="64" height="64" patternTransform="rotate(45)">
<line x1="0" y="0" x2="0" y2="64" stroke="currentColor" stroke-width="64"></line>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#8pdMZLc2)" :opacity="1"></rect>
</svg>
<picture>
<source type="image/webp" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9hZ2VudHVyLW9wZW5lci1uZXUuanBn?w=1680&fm=webp&s=cd433d6f38f660a42780ea43dce3bee2" media="(min-width: 32rem)">
<source type="image/jpeg" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9hZ2VudHVyLW9wZW5lci1uZXUuanBn?w=1680&fm=jpeg&s=e6860be92330accdbf068683caad9e21" media="(min-width: 32rem)">
<source type="image/webp" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9hZ2VudHVyLW9wZW5lci1uZXUuanBn?w=375&fm=webp&h=375&s=9d0e7187d3791be70abf19ae62dea320">
<source type="image/jpeg" srcset="/img/asset/YXNzZXRzL2ltYWdlcy9hZ2VudHVyLW9wZW5lci1uZXUuanBn?w=375&fm=jpeg&h=375&s=ff8198e507fa24ea858878abdf053e19">
<img class="object-cover w-full h-full" src="/img/asset/YXNzZXRzL2ltYWdlcy9hZ2VudHVyLW9wZW5lci1uZXUuanBn?w=375&fm=jpeg&h=375&s=ff8198e507fa24ea858878abdf053e19" alt="">
</picture>
</div>
</div>
</main>
</div>
<footer>
<div class="bg-blue sm:flex items-center py-20 px-5 md:px-14 lg:px-32 space-y-10 md:space-x-10">
<div class="w-full sm:w-5/12 md:w-1/4 lg:w-1/2 2xl:w-2/4 space-y-10">
<h3 class="inline box-white text-blue font-serif text-2xl md:text-3xl lg:text-4xl leading-10">
Get in touch.
</h3>
<p class="text-white font-sans font-semibold text-2xl md:text-3xl lg:text-4xl">
Wir freuen uns, von Ihnen zu hören.
</p>
</div>
<div class="w-full sm:w-7/12 md:w-3/4 lg:w-1/2 2xl:w-1/4">
<div class="w-full bg-white relative" style="padding-bottom: 100%">
<div class="absolute inset-8 flex flex-col justify-end space-y-5">
<div class="text-lg md:text-xl lg:text-2xl font-book">
<p>
NONFOOD Werbeagentur GmbH
<br>Tarpen 40 (ValvoPark, Haus 5b)
<br>D-22419 Hamburg
</p>
<p>
<a class="text-blue" href="mailto:[email protected]">
[email protected]
</a>
<br>
<a class="text-blue" href="tel:49403999990">
+49 40 399 999 0
</a>
</p>
</div>
</div>
</div>
<div class="flex w-12 md:w-16 ml-12 md:ml-16 text-white -mt-px">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 66">
<path d="M66.428.062L.27 66V.062z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
</div>
</div>
</div>
<div class="bg-brown text-white py-20 px-5 md:px-14 lg:px-32 text-base">
<div class="md:flex md:justify-between md:space-x-10">
<div>
NONFOOD Werbeagentur GmbH | Tarpen 40 (ValvoPark, Haus 5b) | D-22419 Hamburg | T <a href="tel:49403999990">+49 40 399 999 0</a>
</div>
<nav class="flex-0 my-10 md:my-0">
<ul class="sm:flex sm:space-x-10 space-y-6 sm:space-y-0">
<li><a class="uppercase font-medium tracking-wider" href="/datenschutz">Datenschutz</a></li>
<li><a class="uppercase font-medium tracking-wider" href="/impressum">Impressum</a></li>
</ul>
</nav>
</div>
<div class="flex items-center justify-between sm:mt-24">
<div>
<ul class="flex space-x-8 md:space-x-10">
<li class="w-9">
<a class="text-blue" href="https://www.instagram.com/nonfoodwerbeagentur/" target="_blank" rel="noopener noreferer">
<svg aria-label="Instagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
<g fill="none" fill-rule="evenodd">
<path d="M14.056 2.066l1.374-.011h5.737l2.236.026 1.334.045.487.02c1.788.078 3.01.348 4.078.743 1.104.408 2.041.955 2.975 1.843a7.802 7.802 0 011.938 2.83c.415 1.015.699 2.177.78 3.877l.062 1.476.02.793.011 1.004.008 2.606-.005 3.526-.018 1.662-.036 1.192-.042.914c-.081 1.7-.365 2.861-.78 3.877a7.802 7.802 0 01-1.938 2.83c-.934.888-1.87 1.434-2.975 1.842-.992.367-2.116.626-3.703.723l-1.079.05-1.154.036-1.478.021-2.884.009-3.838-.006-1.814-.02-1.045-.032-.935-.038c-1.788-.078-3.009-.348-4.077-.743-1.105-.408-2.042-.954-2.976-1.842a7.801 7.801 0 01-1.937-2.83c-.386-.943-.658-2.012-.76-3.521l-.061-1.235-.032-.98-.019-1.237-.01-2.145.004-3.89.025-2.184.044-1.257.028-.601c.082-1.7.366-2.862.781-3.878a7.801 7.801 0 011.937-2.83c.934-.887 1.871-1.434 2.976-1.842.992-.367 2.116-.626 3.703-.723l1.6-.068 1.458-.032zm8.803 2.883l-1.201-.013-4.072-.007-3.49.015-1.285.027-1.3.05c-1.229.054-2.036.214-2.613.383l-.27.084-.237.084c-.784.29-1.344.636-1.931 1.195a4.935 4.935 0 00-1.257 1.837l-.088.225c-.03.08-.06.165-.089.257l-.087.293c-.129.47-.243 1.08-.298 1.907l-.053 1.071-.03.883-.021 1.256-.01 2.512.005 3.868.027 1.962.033.947.033.695c.046.974.17 1.67.314 2.191l.087.294.045.132.089.24.043.11a4.935 4.935 0 001.257 1.837c.587.559 1.147.905 1.931 1.194l.237.084.13.042.289.085.33.081c.469.106 1.062.196 1.835.243l1.105.05 1.524.04 2.173.016 5.35-.003 2.005-.025.91-.029.807-.034c1.126-.048 1.898-.187 2.464-.34l.288-.084.253-.084.114-.042c.785-.29 1.344-.635 1.932-1.194a4.931 4.931 0 001.256-1.837l.088-.225.09-.257c.162-.503.317-1.19.385-2.2l.057-1.193.034-1.134.021-2.526-.004-4.802-.022-1.734-.034-1.019-.036-.787c-.056-1.168-.224-1.936-.402-2.484l-.089-.257-.088-.225a4.93 4.93 0 00-1.256-1.837c-.588-.56-1.147-.905-1.932-1.195l-.236-.084-.27-.084c-.577-.17-1.384-.329-2.613-.382l-1.3-.051-.927-.022zM18.3 9.822c4.763 0 8.625 3.673 8.625 8.203 0 4.53-3.862 8.203-8.626 8.203-4.764 0-8.626-3.672-8.626-8.203 0-4.53 3.862-8.203 8.626-8.203zm0 2.878c-3.093 0-5.6 2.384-5.6 5.325 0 2.941 2.507 5.325 5.6 5.325 3.092 0 5.599-2.384 5.599-5.325 0-2.94-2.507-5.325-5.6-5.325zm8.966-5.12c1.114 0 2.016.86 2.016 1.918 0 1.058-.902 1.917-2.016 1.917-1.113 0-2.016-.859-2.016-1.917 0-1.059.903-1.917 2.016-1.917z" fill="currentColor"></path>
</g>
</svg>
</a>
</li>
</ul>
</div>
<div class="w-8 md:w-12 text-blue">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path d="M48 48V0H36.988v37.089H0V48h48" fill="currentColor" fill-rule="evenodd"></path>
</svg>
</div>
</div>
</div>
</footer>
</div>
<script src="/livewire/livewire.js?id=c69d0f2801c01fcf8166" data-turbo-eval="false" data-turbolinks-eval="false"></script><script data-turbo-eval="false" data-turbolinks-eval="false">window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'ochYOJvLOw3rlftWzWRsZZeldUVVVToiRbJpWM26';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
<script src="/js/app.js?id=e44d2a5ff061afef6fe63a40039df908"></script>
</body></html>