CINXE.COM
Bæredygtighed og klima inden for vand
<!doctype html> <html lang="da" class="antialiased bg-white text-gray-dark1 leading-base"> <head> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#3944cb"> <meta name="theme-color" content="#ffffff"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bæredygtighed og klima inden for vand</title> <meta name="title" content="Bæredygtighed og klima inden for vand"> <meta name="description" content="Aarhus Vand tænker klimatilpasning og bæredygtighed ind i alle vores løsninger og vil inspirere dig til at være med. Se mere her og få tips og tricks."> <meta name="pageID" content="1193"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.aarhusvand.dk/baeredygtighed-og-klima/"> <meta property="og:title" content="Bæredygtighed og klima inden for vand"> <meta property="og:description" content="Aarhus Vand tænker klimatilpasning og bæredygtighed ind i alle vores løsninger og vil inspirere dig til at være med. Se mere her og få tips og tricks."> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://www.aarhusvand.dk/baeredygtighed-og-klima/"> <meta property="twitter:title" content="Bæredygtighed og klima inden for vand"> <meta property="twitter:description" content="Aarhus Vand tænker klimatilpasning og bæredygtighed ind i alle vores løsninger og vil inspirere dig til at være med. Se mere her og få tips og tricks."> <meta name="format-detection" content="telephone=no"> <link rel="canonical" href="https://www.aarhusvand.dk/baeredygtighed-og-klima/" /> <script>window.__AarhusVand_version = window.__AarhusVand_version || '638761534794512972';</script> <link type="text/css" rel="stylesheet" href="/dist/main.css?_=638761534794512972" /> <link rel="preload" as="font" type="font/woff2" crossorigin href="/dist/assets/HelveticaNeue-Bold.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin href="/dist/assets/HelveticaNeue-Medium.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin href="/dist/assets/HelveticaNeue-Regular.woff2"> <!-- Cookie Information Pop-up Script is required for the SDK --> <script id="CookieConsent" data-culture="DA" type="text/javascript" src="https://policy.app.cookieinformation.com/uc.js"></script> <!-- 鈩癸笍 Include the SVG sprite in the DOM --> <script> const xhr = new XMLHttpRequest(); xhr.open("GET", "/dist/assets/icons.svg", true) // xhr.open("GET", "http://localhost:3000/dist/assets/icons.svg", true) xhr.send() xhr.onload = function () { if (xhr.status === 200) { const div = document.createElement("div") div.setAttribute('style', 'position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;') div.innerHTML = xhr.responseText; document.body.insertBefore(div, document.body.childNodes[0]); } } </script> <script async src="/dist/main.js?_=638761534794512972"></script> <script crossorigin="use-credentials" type="module" async src="/dist/avds/avds/avds.esm.js?_=638761534794512972"></script> <script crossorigin="use-credentials" nomodule async src="/dist/avds/esm/avds.js?_=638761534794512972"></script> <script> (function () { var el = document.createElement("script"); el.setAttribute("src", "https://cdn.raffle.ai/search/index.js"); el.setAttribute("id", "raffle-sdk"); el.setAttribute("defer", ""); el.setAttribute("data-uid","25392d0c-225d-43d4-94ea-8d9e929ed86e, 264adf85-75cc-402d-a896-e27b8c09cdb5"); document.head.appendChild(el); })(); </script> </head> <body> <div class="flex min-h-screen flex-col overflow-x-hidden"> <nav class="relative"> <div class="h-[2.75rem] relative bg-gradient-linear z-30 hidden lg:flex"> <ul class="wrapper-content flex justify-end gap-16 text-14"> <li> <a href="/driftsinfo/" class="h-full flex items-center text-white transition hover:text-white/70 focus-visible:ring-0 focus-visible:bg-blue-dark px-16"> Driftsinfo </a> </li> <li> <a href="/forbrug-og-byggeri/faq-spoergsmaal-og-svar/#beredskab-faq" class="h-full flex items-center text-white transition hover:text-white/70 focus-visible:ring-0 focus-visible:bg-blue-dark px-16"> Beredskab </a> </li> <li> <a href="/nyheder/" class="h-full flex items-center text-white transition hover:text-white/70 focus-visible:ring-0 focus-visible:bg-blue-dark px-16"> Nyheder </a> </li> <li> <a href="/job-og-karriere/" class="h-full flex items-center text-white transition hover:text-white/70 focus-visible:ring-0 focus-visible:bg-blue-dark px-16"> Job og karriere </a> </li> <li> <a href="/om-os/" class="h-full flex items-center text-white transition hover:text-white/70 focus-visible:ring-0 focus-visible:bg-blue-dark px-16"> Om os </a> </li> <li> <a href="https://minside.aarhusvand.dk/" target="_blank" class="h-full flex items-center font-bold text-white bg-blue-dark transition hover:bg-blue-hover focus-visible:ring-0 focus-visible:bg-blue-dark px-48"> Min Side </a> </li> </ul> </div> <header class="h-header flex items-center relative bg-white border-b border-gray-4 shadow z-30"> <div class="wrapper-content flex items-center justify-between text-blue-dark"> <a href="/" class=""> <div class="svg-wrapper svg-wrapper--use-current-color h-[50px] w-[166px]"> <svg preserveAspectRatio="xMinYMid"><use xlink:href="#logo"></use></svg> </div> <span class="sr-only">Home</span> </a> <div class="flex items-center"> <div class="hidden lg:block"> <ul class="flex h-header font-bold" data-component="desktop-menu"> <li> <a href="/innovation-og-partnerskaber/" class="group relative flex h-full items-center px-24 "> Innovation og partnerskaber <span class="duration-300 absolute bottom-0 left-0 h-4 w-full scale-x-0 bg-green transition group-hover:scale-x-100"></span> </a> </li> <li> <a href="/baeredygtighed-og-klima/" class="group relative flex h-full items-center px-24 text-blue shadow-inner"> Bæredygtighed og klima <span class="duration-300 absolute bottom-0 left-0 h-4 w-full scale-x-0 bg-green transition group-hover:scale-x-100"></span> </a> </li> <li> <a href="/forbrug-og-byggeri/" class="group relative flex h-full items-center px-24 "> Forbrug og byggeri <span class="duration-300 absolute bottom-0 left-0 h-4 w-full scale-x-0 bg-green transition group-hover:scale-x-100"></span> </a> </li> </ul> </div> <avds-search-box placeholder-text="Søg" search-button-text="Søg" search-page-url="https://www.aarhusvand.dk/soeg/" is-raffle-search="true" raffle-tool-Id="25392d0c-225d-43d4-94ea-8d9e929ed86e"> </avds-search-box> <div class="flex items-center lg:hidden"> <button type="button" role="button" aria-expanded="false" aria-controls="mobile-menu" class="hamburger ml-16" data-component="mobile-menu-trigger" > <span class="hamburger-inner"></span> <span class="sr-only">Open Main Menu</span> </button> <div id="mobile-menu" class="absolute top-0 left-0 w-full z-30 overflow-y-auto transition-all mt-header" data-component="mobile-menu-container"> <div class="bg-white mb-ios-only"> <ul class="font-bold"> <li class="w-full flex items-center text-18 text-blue p-8 border-b border-gray-3"> <a href="/innovation-og-partnerskaber/" class="block w-full p-8">Innovation og partnerskaber</a> </li> <li class="w-full flex items-center text-18 text-blue p-8 border-b border-gray-3"> <a href="/baeredygtighed-og-klima/" class="block w-full p-8">Bæredygtighed og klima</a> </li> <li class="w-full flex items-center text-18 text-blue p-8 border-b border-gray-3"> <a href="/forbrug-og-byggeri/" class="block w-full p-8">Forbrug og byggeri</a> </li> </ul> <div class="px-16 py-24"> <div class="mb-24"> <a href="https://minside.aarhusvand.dk/" target="_blank" class="btn btn-secondary btn--small"> Min Side </a> </div> <ul class="text-18 text-blue space-y-8"> <li> <a href="/driftsinfo/">Driftsinfo</a> </li> <li> <a href="/forbrug-og-byggeri/faq-spoergsmaal-og-svar/#beredskab-faq">Beredskab</a> </li> <li> <a href="/nyheder/">Nyheder</a> </li> <li> <a href="/job-og-karriere/">Job og karriere</a> </li> <li> <a href="/om-os/">Om os</a> </li> </ul> </div> </div> </div> </div> </div> </div> </header> <!-- Menu & search backdrop --> <div class="fixed top-0 left-0 w-full h-screen z-20 bg-blue-dark/60 transition opacity-0 pointer-events-none" data-component="menu-backdrop"></div> <div class="fixed top-0 left-0 w-full h-screen z-20 bg-blue-dark/60 transition opacity-0 pointer-events-none" data-component="search-backdrop"></div> </nav> <div class="bg-pattern w-full flex-1"> <div class="mb-48 lg:mb-64"> <div class="bg-gradient-linear relative flex min-h-[500px] flex-col text-white"> <picture> <source srcset="/media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=640&height=583&quality=90&rnd=133488481057570000 480w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=768&height=414&quality=90&rnd=133488481057570000 640w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1024&height=558&quality=90&rnd=133488481057570000 768w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1280&height=645&quality=90&rnd=133488481057570000 1024w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1536&height=645&quality=90&rnd=133488481057570000 1280w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1920&height=645&quality=90&rnd=133488481057570000 1536w" /> <img src="/media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=480&height=538&quality=90&rnd=133488481057570000" alt="Banner Spark Rehabiliteringsparken Henrika" class="absolute inset-0 object-cover" loading="lazy" width="480" height="538" /> </picture> <div class="bg-gradient-banner-to-top lg:bg-gradient-banner-to-right absolute inset-0"></div> <div class="absolute top-64 left-0 right-0"> <div class="wrapper-content"> <div class="relative inline-block bg-blue py-16 pr-16"> <span class="absolute top-0 bottom-0 right-full w-screen bg-blue"></span> <div class="svg-wrapper h-48 w-48"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5px"><g><path d="M3.75,23.25l-2-2.38a4.5,4.5,0,0,1-1-2.81V12.89a1.5,1.5,0,0,1,1.5-1.5h0a1.5,1.5,0,0,1,1.5,1.5v3.87" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.25,23.25v-3a4.46,4.46,0,0,0-.76-2.5L6.35,16a1.39,1.39,0,0,0-2-.44h0a1.4,1.4,0,0,0-.47,1.79l1.35,2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.25,23.25l2-2.38a4.5,4.5,0,0,0,1-2.81V12.89a1.5,1.5,0,0,0-1.5-1.5h0a1.5,1.5,0,0,0-1.5,1.5v3.87" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75,23.25v-3a4.46,4.46,0,0,1,.76-2.5L17.65,16a1.39,1.39,0,0,1,2-.44h0a1.4,1.4,0,0,1,.47,1.79l-1.35,2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.46,9A4.46,4.46,0,0,1,7.54,9C7.54,5.21,11.36.75,12,.75S16.46,5.21,16.46,9Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12,10.5A1.5,1.5,0,0,1,10.5,9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> </div> </div> </div> </div> <div class="relative flex h-full flex-1 items-end pb-128 pt-[11rem]"> <div class="wrapper-content"> <div class="max-w-block-lg pb-24 md:pb-48"> <h1 class="hyphenate mb-16 text-30 sm:text-36 lg:text-46">Bæredygtighed og klima</h1> <p class="text-16 lg:text-18">Vand er en af de mest fundamentale kilder til sundhed for mennesker – og for verden omkring os. Vores mål er at sikre kommende generationer de samme forhold. Det er ikke nogen nem opgave i takt med klimaforandringer og flere mennesker på kloden. Men det har aldrig været vigtigere. For os handler det om at tænke klimatilpasning og bæredygtighed ind i alle løsninger og inspirere dig til at være med.</p> </div> </div> </div> </div> <div class="wrapper-content relative -mt-128"> <div class="lg:grid-cols-3 md:gap-48 relative grid rounded bg-white p-48 pt-32 text-blue-dark shadow md:grid-cols-2"> <div class="md:space-y-24"> <section> <div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/klimatilpasning-og-baeredygtige-byrum/" class="arrow-link arrow-link--small arrow-link--block py-12"> Klimatilpasning og bæredygtige byrum <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/regnvandsbassiner/" class="arrow-link arrow-link--small arrow-link--block py-12"> Regnvandsbassiner <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/sundhed-vand/" class="arrow-link arrow-link--small arrow-link--block py-12"> Sundhed & vand <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/besoegstjenesten/" class="arrow-link arrow-link--small arrow-link--block py-12"> Besøgstjenesten <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/cases/drikkevand/laekagebane/" class="arrow-link arrow-link--small arrow-link--block py-12"> Lækagebane <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> </div> </section> </div> <div class="md:space-y-24"> <section> <div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/klar-til-regn-saadan-beskytter-du-din-bolig/" class="arrow-link arrow-link--small arrow-link--block py-12"> Klar til regn - sådan beskytter du din bolig <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/saadan-kan-du-goere-en-forskel/" class="arrow-link arrow-link--small arrow-link--block py-12"> Sådan kan du gøre en forskel <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/fns-verdensmaal/" class="arrow-link arrow-link--small arrow-link--block py-12"> FNs verdensmål & certificeringer <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="https://www.vpu-aarhus.dk/sproejtefri-have/" class="arrow-link arrow-link--small arrow-link--block py-12"> Sådan gør du din have sprøjtefri <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> </div> </section> </div> <div class="md:space-y-24"> <section> <div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/aarhus-rewater-fremtidens-renseanlaeg/" class="arrow-link arrow-link--small arrow-link--block py-12"> Aarhus ReWater - fremtidens renseanlæg <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/baeredygtighed-og-klima/energi-ressourceudnyttelse/" class="arrow-link arrow-link--small arrow-link--block py-12"> Energi- & ressourceudnyttelse <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/cases/drikkevand/grundvandsbeskyttelse/" class="arrow-link arrow-link--small arrow-link--block py-12"> Sådan beskytter vi grundvandet <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="/cases/drikkevand/vand-og-naturparker/" class="arrow-link arrow-link--small arrow-link--block py-12"> Vand- og naturparker <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> <div class="border-b border-gray-3"> <a href="https://www.aarhusvand.dk/media/14kl5xus/vandvision2100.pdf" class="arrow-link arrow-link--small arrow-link--block py-12"> Vand Vision 2100 for Aarhus <svg><use xlink:href="#arrow-right"></use></svg> </a> </div> </div> </section> </div> </div> </div> </div> <!-- Component area --> <div> <div class="py-48 lg:py-64 "> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 md:order-2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/tl2d1g4m/rehabiliteringsparken.jpg?width=608&height=342&quality=90&rnd=133154078966770000 480w, /media/tl2d1g4m/rehabiliteringsparken.jpg?width=736&height=414&quality=90&rnd=133154078966770000 640w, /media/tl2d1g4m/rehabiliteringsparken.jpg?width=480&height=270&quality=90&rnd=133154078966770000 768w, /media/tl2d1g4m/rehabiliteringsparken.jpg?width=558&height=314&quality=90&rnd=133154078966770000 1024w" /> <img src="/media/tl2d1g4m/rehabiliteringsparken.jpg?width=448&height=252&quality=90&rnd=133154078966770000" alt="Rehabiliteringsparken" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 md:order-1 "> <h2 class="text-30 text-blue-dark mb-16">Bæredygtige byrum</h2> <div>I fremtiden vil klimaforandringer betyde, at vi i Aarhusområdet kommer til at opleve mere ekstremt vejr. Derfor arbejder vi sammen med Aarhus Kommune og andre interessenter på at skabe plads til vandet i byerne med afsæt i vores højteknologiske blågrønne løsninger. Ved at håndtere nedbøren på terræn, gør vi vandet til en del af bæredygtige byrum og tilfører lokalområderne merværdi til glæde for mennesker, dyr og natur. </div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="/baeredygtighed-og-klima/klimatilpasning-og-baeredygtige-byrum/" class="btn btn-primary"> Læs mere om klimatilpasning <svg><use xlink:href="#chevron-right"></use></svg> </a> <a href="/cases/klima/aarhus-metoden-til-klimatilpasning-af-den-eksisterende-by/" class="btn btn-secondary"> Læs om klimatilpasning af den eksisterende by </a> </div> </div> </div> </div> <div class="py-48 lg:py-64 "> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:-translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/scpdjgez/fns-verdensmaal-aarhus.png?width=608&height=342&quality=90&rnd=133154018783400000 480w, /media/scpdjgez/fns-verdensmaal-aarhus.png?width=736&height=414&quality=90&rnd=133154018783400000 640w, /media/scpdjgez/fns-verdensmaal-aarhus.png?width=480&height=270&quality=90&rnd=133154018783400000 768w, /media/scpdjgez/fns-verdensmaal-aarhus.png?width=558&height=314&quality=90&rnd=133154018783400000 1024w" /> <img src="/media/scpdjgez/fns-verdensmaal-aarhus.png?width=448&height=252&quality=90&rnd=133154018783400000" alt="Fns Verdensmål Aarhus" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 "> <h2 class="text-30 text-blue-dark mb-16">Vi understøtter FN's verdensmål</h2> <div>Bæredygtighed er en del af Aarhus Vands kerneforretning og er dybt forankret i vores virksomhedskultur. Understøttelse af verdensmålene er blevet et krav til vores udvikling af nye produkter og services samt vores virke på den globale scene. </div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="/baeredygtighed-og-klima/fns-verdensmaal/" class="btn btn-primary"> Sådan bruger vi FNs verdensmål i vores arbejde <svg><use xlink:href="#chevron-right"></use></svg> </a> </div> </div> </div> </div> <div class="py-48 lg:py-64 "> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 md:order-2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/b4gjktny/_c0p0218.jpg?width=608&height=342&quality=90&rnd=133736429653930000 480w, /media/b4gjktny/_c0p0218.jpg?width=736&height=414&quality=90&rnd=133736429653930000 640w, /media/b4gjktny/_c0p0218.jpg?width=480&height=270&quality=90&rnd=133736429653930000 768w, /media/b4gjktny/_c0p0218.jpg?width=558&height=314&quality=90&rnd=133736429653930000 1024w" /> <img src="/media/b4gjktny/_c0p0218.jpg?width=448&height=252&quality=90&rnd=133736429653930000" alt="C0P0218" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 md:order-1 "> <h2 class="text-30 text-blue-dark mb-16">Vand Vision 2100</h2> <div>I 2010 vedtog Aarhus Vand og Aarhus Kommune Vand Vision 2100, som en vision for hele vandets kredsløb i kommunen. Visionen dækker over beskyttelse af grundvandet, rensning af spildevandet, håndtering af regnvandet i kommunen og passe på naturen gennem en bæredygtig udnyttelse af hele vandets kredsløb, så vi kan sikre rent vand langt ud i fremtiden.<br /><br />Vi vil gerne fremtidssikre hele vandets kredsløb, så vi fortsat kan være selvforsynende i kommunen.<br /></div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="/media/14kl5xus/vandvision2100.pdf" class="btn btn-primary" target="_blank"> Læs Vand Vision 2100 <svg><use xlink:href="#chevron-right"></use></svg> </a> </div> </div> </div> </div> <div class="py-48 lg:py-64 "> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:-translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/bstn1u1o/havnebad_udspring_medium.jpg?width=608&height=342&quality=90&rnd=133152585285970000 480w, /media/bstn1u1o/havnebad_udspring_medium.jpg?width=736&height=414&quality=90&rnd=133152585285970000 640w, /media/bstn1u1o/havnebad_udspring_medium.jpg?width=480&height=270&quality=90&rnd=133152585285970000 768w, /media/bstn1u1o/havnebad_udspring_medium.jpg?width=558&height=314&quality=90&rnd=133152585285970000 1024w" /> <img src="/media/bstn1u1o/havnebad_udspring_medium.jpg?width=448&height=252&quality=90&rnd=133152585285970000" alt="Havnebad Udspring Medium" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 "> <h2 class="text-30 text-blue-dark mb-16">Renere vand i søerne, åen og havn</h2> <div>Bedre rensning af spildevandet og stop for kloakudløb til Aarhus Å har gjort både havn, å og søer til mere rene og attraktive miljøer med masser af liv. Vidste du, at Aarhus er et af de få steder i verden, hvor du kan bade i indre havn?</div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="/cases/spildevand/renere-vand-i-soeerne-aaen-og-havnen/" class="btn btn-primary"> Læs mere her <svg><use xlink:href="#chevron-right"></use></svg> </a> </div> </div> </div> </div> <div class="bg-gradient-linear h-[500px] relative w-full overflow-hidden"> <picture> <source srcset="/media/2fhn4tyt/rewater-banner.jpg?width=640&height=583&quality=90&rnd=133154021164600000 480w, /media/2fhn4tyt/rewater-banner.jpg?width=768&height=583&quality=90&rnd=133154021164600000 640w, /media/2fhn4tyt/rewater-banner.jpg?width=1024&height=583&quality=90&rnd=133154021164600000 768w, /media/2fhn4tyt/rewater-banner.jpg?width=1280&height=583&quality=90&rnd=133154021164600000 1024w, /media/2fhn4tyt/rewater-banner.jpg?width=1536&height=583&quality=90&rnd=133154021164600000 1280w, /media/2fhn4tyt/rewater-banner.jpg?width=1920&height=583&quality=90&rnd=133154021164600000 1536w" /> <img src="/media/2fhn4tyt/rewater-banner.jpg?width=480&height=538&quality=90&rnd=133154021164600000" alt="Rewater Banner" class="absolute inset-0 object-cover" loading="lazy" width="480" height="538"/> </picture> <div class="absolute inset-0 bg-gradient-banner-to-top lg:bg-gradient-banner-to-right"></div> <div class="relative flex h-full items-end pb-64"> <div class="wrapper-content"> <div class="max-w-block-lg text-white lg:pb-24"> <h2 class="hyphenate mb-16 text-30 sm:text-36 lg:text-46">Aarhus ReWater - verdens mest effektive ressourceanlæg</h2> <p class="text-16 lg:text-18"> Verdens mest effektive ressourceanlæg og vidensplatform til behandling af spildevand får hjemme i Aarhus. Tæt på byen. Tæt på havet. Tæt på hverdagen vil Aarhus ReWater tage imod vores spildevand og omdanne det til nye materialer, nye produkter og ny energi til de næste 50 år. Mindst. </p> <a href="/cases/spildevand/aarhus-rewater-paa-vej-mod-verdens-mest-effektive-ressourceanlaeg/" class="btn btn-ghost mt-32"> Læs mere om Aarhus ReWater </a> </div> </div> </div> </div> <div class="py-48 lg:py-64"> <div class="wrapper-content"> <avds-slider> <ul class="splide__list"> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/co2-reduceret-med-67-procent/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/euvnp31y/co2e-nyhed-web-hero-3.jpg?width=264&height=338&quality=90&rnd=133634314021300000" alt="Co2e Nyhed Web Hero (3)" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Over årene er CO2-udledningen på driftsaktiviteter reduceret med 67 procent</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Aarhus Vand har over årene minimeret forbruget af energi til driftsaktiviteter og producerer selv grøn strøm og varme, hvilket har reduceret CO2 udledningen med 67 procent. Nye tiltag skal minimere CO2 og andre klimagasser yderligere.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">21. jun. 2024</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/genbrug-af-sand-fra-aby-renseanlaeg-sparer-ressourcer-co2-og-penge/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/yvyh3wou/genopfyldning-af-sand.jpg?width=264&height=338&quality=90&rnd=133547242189230000" alt="Genopfyldning Af Sand" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Kreativ løsning på Åby Renseanlæg sparer ressourcer, CO2 og penge</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Gammelt filtersand, som skulle udskiftes på Åby Renseanlæg, er blevet genbrugt til et kloakeringsprojekt på Søren Frichs Vej. I forhold til gængse metoder med bortskaffelse er der opnået en CO2 besparelse på 86 %. </div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">12. mar. 2024</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/lava-faelles-forskningsprojekt-i-tilpasningsdygtig-byplanlaegning/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/jwcp2kfw/ceresbyen_set-fra-krydset-thorvaldsensgade-og-silkeborgvej-2.jpg?width=264&height=338&quality=90&rnd=133558436546100000" alt="Ceresbyen Set Fra Krydset Thorvaldsensgade Og Silkeborgvej 2" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">LAVA - Fælles forskningsprojekt i tilpasningsdygtig byplanlægning</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Sammen med Aarhus Kommune og Arkitektskolen Aarhus er vi gået sammen i et nyt forskningsprojekt i tilpasningsdygtig byplanlægning med støtte fra den erhvervsdrivende forening Realdania. Projektet hedder ”LAVA – Landskabet og Vandet, som driver for adaptiv planlægning” og er baseret på tre principper: Forståelse af arbejdet med vandet og landskabet, forståelse og arbejde med stedet for potentialer samt prioritering af indsatser på både kort og lang sigt gennem tilpasningsdygtig planlægning. Projektet løber fra 2024 til 2027.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">25. mar. 2024</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/klimatilpasning-af-klokkerparken/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/g0tlgsfj/klokkerparken.jpg?width=264&height=338&quality=90&rnd=133331058655430000" alt="Klokkerparken" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Klimatilpasning af Klokkerparken</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Klokkerparken i Aarhus er blevet klimatilpasset, så den både skaber plads til øgede mængder regn og er til gavn for mennesker og insekter. Her summer der af liv og leg, hvor der samtidig er mulighed for at gå på opdagelse i områdets rige biodiversitet.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">27. jun. 2023</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/aarhus-stoerste-regnvandskanal/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/zdobvkjp/vandpartner-tilst-5.jpg?width=264&height=338&quality=90&rnd=133312062386730000" alt="Vandpartner Tilst 5" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Aarhus' største regnvandskanal</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">For at klimasikre fremtidens vandsystemer bliver der etableret en ny stor regnvandskanal på 2x4 meter i Viby. Det bliver den største regnvandskanal, vi har i vores spildevandssystem.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">14. jun. 2023</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/vesterbro-torv/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/03sfj5sh/vesterbro-torv-01.jpg?width=264&height=338&quality=90&rnd=133294740259700000" alt="Vesterbro Torv 01" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Vesterbro Torv forvandles til et nyt grønt område</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Vesterbro Torv bliver forvandlet til et nyt grønt område i bymidten. Planen er at skabe et fredeligt samlingspunkt næsten fri for trafik. Samtidig bliver torvet også omdannet som led i klimatilpasning og vil kunne rumme store mængder af regn. </div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">18. mar. 2024</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/rehabiliteringsparken/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/il1mc2mr/marselisborgparken_spark_large.jpg?width=264&height=338&quality=90&rnd=133152463737830000" alt="Marselisborgparken Spark Large" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Ny grøn oase til aarhusianerne</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Arealerne omkring MarselisborgCentret i Aarhus har fået et nyt og bedre liv. Projektet er verdens første bypark, der både håndterer overskydende regnvand og inviterer borgerne til sundhedsfremmende samvær.
Formålet med rehabiliteringsparken er at skabe et nyt, levende byrum i og omkring MarselisborgCentret, der dels imødekommer behovet for en helstøbt klimatilpasningsindsats i området, dels behovet for udendørs rehabiliteringsaktiviteter til centrets brugere.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">03. sep. 2021</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/alternative-vandtyper-nye/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/iqaf5zlz/nye-large.jpg?width=264&height=338&quality=90&rnd=133154158555700000" alt="Nye Large" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">I Nye bruges regnvand til toiletskyl og tøjvask</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Lidt nord for Aarhus ligger den bæredygtige by Nye, hvor visionen er at skabe et bedre liv for beboerne, og hvor fællesskabet er i centrum. Aarhus Vand har sammen med en række dygtige samarbejdspartnere fået muligheden for at skabe et nyt renseværk til sekundavand.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">03. sep. 2021</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/blomstrende-vejbede/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/a4xmnsye/blomstrendevejbed_aabyhoej_aidinesmaeli.jpg?width=264&height=338&quality=90&rnd=133173132323170000" alt="Blomstrendevejbed Åbyhøj Aidinesmaeli" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Blomstrende vejbede gør Aarhus klar til klimaforandringerne</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Flere steder i Aarhus er der etableret særlige vejbede, som forsinker regnvandet og forbereder kloaksystemet på klimaforandringerne. Samtidigt er det blomstrende indslag i bybilledet, som også er med til at øge trafiksikkerheden.
</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">11. nov. 2019</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/slusen/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/vf2n05bp/slusen-dokk1.jpg?width=264&height=338&quality=90&rnd=133205066894300000" alt="Slusen Dokk1" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Sluseanlæg gør Aarhus klar til mere vand i fremtiden</h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">På grund af klimaforandringerne stiger havniveauet i Aarhus Bugten, og kraftigere storme øger risikoen for højvande. Samtidig lægger hyppigere og kraftigere nedbør yderligere pres på en effektiv afledning af vandet ved udløbet af Aarhus Å.</div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">10. aug. 2020</div> </a> </div> </li> <li class="splide__slide"> <div class="w-[264px]"> <a href="/cases/klima/regnvandsbassiner/" class="group group relative grid h-[338px] overflow-hidden rounded shadow"> <picture class="absolute inset-0"> <img src="/media/ln3jdwzg/rolighedsvej_regnvandsbassin.jpg?width=264&height=338&quality=90&rnd=133210304156530000" alt="Rolighedsvej Regnvandsbassin" class="rounded object-cover" loading="lazy" width="264" height="338"> </picture> <div class="absolute inset-0 bg-gradient-to-t from-black/80 group-hover:to-black/80"></div> <div class="relative top-[138px] flex flex-col p-16 text-white transition-all group-hover:top-0"> <div class="mb-16"> <div class="inline-flex rounded bg-gray-3 py-4 px-8 text-14 text-blue-dark">Case</div> </div> <div class="mb-8 text-18 font-bold"> <h3 class="line-clamp-4">Klimatilpasning med regnvandsbassiner </h3> </div> <div class="relative h-0 text-14 opacity-0 transition-all group-hover:h-full group-hover:opacity-100"> <div class="line-clamp-6">Regnvandsbassiner er en løsning til opsamling og rensning af regnvand, der sørger for at regnvand og spildevand ikke blandes sammen og oversvømmer vores by. Når der kommer skybrud, bliver de store mængder at regnvand ledt til bassinet så kloakkerne ikke bliver overbelastede. </div> <div class="absolute bottom-0 right-16"> <svg class="h-24 w-24"> <use xlink:href="#arrow-right"/> </svg> </div> </div> </div> <div class="absolute bottom-16 left-16 text-12 text-white">15. feb. 2023</div> </a> </div> </li> </ul> </avds-slider> </div> </div> <div class="py-48 lg:py-64 "> <div class="wrapper-content"> <h2 class="mb-32 text-30 text-blue-dark">Sådan arbejder vi med bæredygtighed</h2> <div class=""> <avds-video-embed video-id="781100746" video-provider="vimeo" video-title="Video" play-label="Spil" title="Spil: Video" class="hydrated"> </avds-video-embed> </div> </div> </div> <div class="py-48 lg:py-64"> <div class="wrapper-content relative pt-32"> <!-- Gradient shadow effect --> <div class="bg-gradient-linear absolute inset-0 bottom-1/4 max-h-[30rem] md:ml-16 md:-translate-x-128"></div> <h2 class="relative mb-32 text-30 font-bold text-white md:max-w-3/4"></h2> <div class=" lg:grid-cols-3 relative grid gap-16"> <article class="rounded bg-white shadow"> <a href="/baeredygtighed-og-klima/sundhed-vand/#/content/content/edit/1172" class="group flex flex-col items-center p-48 text-center text-blue-dark"> <div class="mb-16 flex h-64 w-64 items-center justify-center rounded-full bg-orange transition group-hover:bg-orange/80" > <div class="svg-wrapper h-32 w-32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5px"><g><g><path d="M12.71,23.23A11.25,11.25,0,1,1,23.15,10.49" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><g><path d="M5,20.8l1-5.05H7.08a1.48,1.48,0,0,0,1.18-.58,1.44,1.44,0,0,0,.27-1.28l-.75-3A1.49,1.49,0,0,0,6.33,9.75H1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21,5.25H16.92a1.49,1.49,0,0,0-1.45,1.14l-.75,3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></g><path d="M22.32,13.58a3,3,0,0,0-4.24.1l-.83.87-.83-.87a3,3,0,1,0-4.34,4.14l5.17,5.43,5.17-5.43A3,3,0,0,0,22.32,13.58Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> </div> </div> <div class="hyphenate mb-8 text-18 font-bold">Sundhed og vand</div> <div class="flex items-center"> <span class="group-hover:underline">L忙s mere</span> <svg class="ml-8 h-24 w-24 transition group-hover:translate-x-4"> <use xlink:href="#arrow-right"></use> </svg> </div> </a> </article> <article class="rounded bg-white shadow"> <a href="/baeredygtighed-og-klima/energi-ressourceudnyttelse/#/content/content/edit/1172" class="group flex flex-col items-center p-48 text-center text-blue-dark"> <div class="mb-16 flex h-64 w-64 items-center justify-center rounded-full bg-orange transition group-hover:bg-orange/80" > <div class="svg-wrapper h-32 w-32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5px"><defs></defs><path d="M22.487,16.251a1,1,0,0,1,.763.972v5.965H.75V12.212a1,1,0,0,1,1.237-.972Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.25,17.688h3a1,1,0,0,1,1,1v4.5a0,0,0,0,1,0,0h-5a0,0,0,0,1,0,0v-4.5A1,1,0,0,1,5.25,17.688Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><line x1="12.75" y1="19.188" x2="14.25" y2="19.188" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><line x1="17.75" y1="19.188" x2="19.25" y2="19.188" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></line><path d="M10.863,5.821a2.25,2.25,0,0,1-2.061,4A14.063,14.063,0,0,1,5.967,6.579a.75.75,0,0,1,.61-1.185A14.037,14.037,0,0,1,10.863,5.821Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.78,8.949a5.128,5.128,0,0,1,1.642,2.409" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.174.855a.749.749,0,0,1,.986.84C22.734,4.086,21.4,8.9,17.56,8.6a3.535,3.535,0,0,1,.562-7.047A10.576,10.576,0,0,0,22.174.855Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.422,14.035V10.863a6,6,0,0,1,6-6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div class="hyphenate mb-8 text-18 font-bold">Energi- og ressourceudnyttelse</div> <div class="flex items-center"> <span class="group-hover:underline">L忙s mere</span> <svg class="ml-8 h-24 w-24 transition group-hover:translate-x-4"> <use xlink:href="#arrow-right"></use> </svg> </div> </a> </article> <article class="rounded bg-white shadow"> <a href="/baeredygtighed-og-klima/klimatilpasning-og-baeredygtige-byrum/#/content/content/edit/1172" class="group flex flex-col items-center p-48 text-center text-blue-dark"> <div class="mb-16 flex h-64 w-64 items-center justify-center rounded-full bg-orange transition group-hover:bg-orange/80" > <div class="svg-wrapper h-32 w-32"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5"><path d="M7.2,12.75h9a0,0,0,0,1,0,0v9.5a1,1,0,0,1-1,1h-7a1,1,0,0,1-1-1v-9.5a0,0,0,0,1,0,0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(23.407 36) rotate(-180)"></path><path d="M4.2,23.25H2.7v-18a1.5,1.5,0,0,1,1.5-1.5H8.7a1.5,1.5,0,0,1,1.5,1.5v4.5H8.7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.203 23.25L22.203 23.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.703 23.25L1.203 23.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.203 6.75L7.203 6.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.203 15.75L13.953 15.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.2,23.25h3v-3a1.5,1.5,0,0,0-3,0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.203 6.000 A2.250 2.250 0 1 0 20.703 6.000 A2.250 2.250 0 1 0 16.203 6.000 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.453 0.75L18.453 1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.907 3.375L14.556 3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.907 8.625L14.556 8.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.453 11.25L18.453 10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 8.625L22.35 8.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 3.375L22.35 3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> </div> </div> <div class="hyphenate mb-8 text-18 font-bold">Klimatilpasning og bæredygtige byrum</div> <div class="flex items-center"> <span class="group-hover:underline">L忙s mere</span> <svg class="ml-8 h-24 w-24 transition group-hover:translate-x-4"> <use xlink:href="#arrow-right"></use> </svg> </div> </a> </article> </div> </div> </div> <div class="py-48 lg:py-64 "> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 md:order-2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/5znhsowf/besoegstjeneste.jpg?width=608&height=342&quality=90&rnd=133487625161900000 480w, /media/5znhsowf/besoegstjeneste.jpg?width=736&height=414&quality=90&rnd=133487625161900000 640w, /media/5znhsowf/besoegstjeneste.jpg?width=480&height=270&quality=90&rnd=133487625161900000 768w, /media/5znhsowf/besoegstjeneste.jpg?width=558&height=314&quality=90&rnd=133487625161900000 1024w" /> <img src="/media/5znhsowf/besoegstjeneste.jpg?width=448&height=252&quality=90&rnd=133487625161900000" alt="Besøgstjeneste" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 md:order-1 "> <h2 class="text-30 text-blue-dark mb-16">Besøg et anlæg</h2> <div>Få et kig ind i vores verden gennem engagerende rundvisninger og fortællinger om vores bidrag til et bedre vandmiljø. Du kan besøge både vandværker og renseanlæg, hvor du bliver klogere på hele vandets kredsløb. Vi tilbyder desuden undervisningsmateriale til mellemskoletrin.</div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="/besoegstjenesten/" class="btn btn-secondary"> Book en rundvisning </a> </div> </div> </div> </div> <div class="py-48 lg:py-64 "> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:-translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=608&height=342&quality=90&rnd=133360546252400000 480w, /media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=736&height=414&quality=90&rnd=133360546252400000 640w, /media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=480&height=270&quality=90&rnd=133360546252400000 768w, /media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=558&height=314&quality=90&rnd=133360546252400000 1024w" /> <img src="/media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=448&height=252&quality=90&rnd=133360546252400000" alt="Lydfortælling QR Vandpost" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 "> <h2 class="text-30 text-blue-dark mb-16">Bliv klogere på vandets rolle i Aarhus</h2> <div>Når himlens sluser åbnes, skal der være plads til regnen. Kom med ind i vandets verden og hør om monsterregn og klimatilpasning og de vandmængder, som Aarhus kan håndtere. Denne lydrejse tager dig med, når regnvandet strømmer over byens overflader og skaber både liv, biodiversitet og oversvømmelser.</div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="https://qrco.de/be9Ycz" class="btn btn-primary"> Lyt til lydfortællingen om klima <svg><use xlink:href="#chevron-right"></use></svg> </a> </div> </div> </div> </div> <div class="py-48 lg:py-64 bg-white"> <div class="wrapper-content flex flex-col md:flex-row gap-32 pt-32 "> <!-- Image --> <div class="w-full md:w-1/2 md:order-2 "> <div class="relative shadow "> <div class="absolute aspect-11/5 md:aspect-auto max-h-[30rem] bg-gradient-linear inset-0 -translate-y-32 -mx-16 md:mx-0 md:translate-x-128 "></div> <picture class="block relative"> <source srcset="/media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=608&height=342&quality=90&rnd=133152464945530000 480w, /media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=736&height=414&quality=90&rnd=133152464945530000 640w, /media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=480&height=270&quality=90&rnd=133152464945530000 768w, /media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=558&height=314&quality=90&rnd=133152464945530000 1024w" /> <img src="/media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=448&height=252&quality=90&rnd=133152464945530000" alt="Boldbane Klimatilpasning Large Aarhusvand" class="rounded aspect-16/9 object-cover" loading="lazy" width="448" height="252" /> </picture> </div> </div> <!-- Content --> <div class="flex flex-col justify-center md:w-1/2 md:order-1 "> <h2 class="text-30 text-blue-dark mb-16">Tilmeld dig vores månedlige nyhedsbrev</h2> <div>Vil du blive klogere på, hvad der sker med vandet i Aarhus, den nyeste vandteknologi, klimatilpasning i ind- og udland, og ikke mindst inspiration, tips og tricks til vandet i din hverdag? Så gør som mere end 15.000 andre og modtag vores månedlige nyhedsbrev. <br /><br />Historierne er håndplukket for at give dig den bedste oplevelse med både fængende tekster, billeder og video.</div> <div class="flex flex-wrap gap-x-24 gap-y-12 mt-24"> <a href="https://confirmsubscription.com/h/r/0A0E125A1F1FBC99" class="btn btn-primary" target="_blank"> Tilmeld mig <svg><use xlink:href="#chevron-right"></use></svg> </a> <a href="https://aarhusvandas.createsend.com/campaigns/reports/viewCampaign.aspx?d=r&c=5292CDD1873EB421&ID=D2340FF0499C6A412540EF23F30FEDED&temp=False&tx=0&source=Report" class="btn btn-secondary" target="_blank"> Se et eksempel </a> </div> </div> </div> </div> <div class="bg-gradient-linear h-[500px] relative w-full overflow-hidden"> <picture> <source srcset="/media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=640&height=583&quality=90&rnd=133488481108070000 480w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=768&height=583&quality=90&rnd=133488481108070000 640w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1024&height=583&quality=90&rnd=133488481108070000 768w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1280&height=583&quality=90&rnd=133488481108070000 1024w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1536&height=583&quality=90&rnd=133488481108070000 1280w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1920&height=583&quality=90&rnd=133488481108070000 1536w" /> <img src="/media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=480&height=538&quality=90&rnd=133488481108070000" alt="Banner Drikkervand Yansi 2023" class="absolute inset-0 object-cover" loading="lazy" width="480" height="538"/> </picture> <div class="absolute inset-0 bg-gradient-banner-to-top lg:bg-gradient-banner-to-right"></div> <div class="relative flex h-full items-end pb-64"> <div class="wrapper-content"> <div class="max-w-block-lg text-white lg:pb-24"> <h2 class="hyphenate mb-16 text-30 sm:text-36 lg:text-46">Sådan kan du gøre en forskel</h2> <p class="text-16 lg:text-18"> Du kan være med til at passe på vores lokale vandmiljø, værne om det rene drikkevand og reducere dit klimaaftryk. </p> <a href="/baeredygtighed-og-klima/saadan-kan-du-goere-en-forskel/" class="btn btn-ghost mt-32"> Gode råd til dit vandforbrug </a> </div> </div> </div> </div> </div> </div> <footer class="text-white bg-gradient-radial"> <!-- Top section --> <div class="wrapper-content pt-32 pb-48"> <div class="svg-wrapper svg-wrapper--use-current-color mt-[36px] mb-32 h-[50px] w-[166px]"> <svg preserveAspectRatio="xMinYMid"><use xlink:href="#logo" /></svg> </div> <div class="flex flex-col gap-32 md:flex-row md:gap-24"> <div class="flex flex-col gap-24 md:w-3/4 md:flex-row md:gap-16"> <div class="md:w-1/3"> <div class="font-medium mb-8">Om os</div> <div class="text-14 space-y-8"> <div class=""> <a href="/om-os/" class="hover:underline">Om Aarhus Vand</a> </div> <div class=""> <a href="/job-og-karriere/" class="hover:underline">Job og karriere</a> </div> <div class=""> <a href="/om-os/organisation-og-direktion/" class="hover:underline">Organisation og direktion</a> </div> <div class=""> <a href="/cases/" class="hover:underline">Cases</a> </div> <div class=""> <a href="/nyheder/" class="hover:underline">Nyheder</a> </div> <div class=""> <a href="/pressemeddelelser/" class="hover:underline">Pressemeddelelser</a> </div> <div class=""> <a href="/mediebank/" class="hover:underline">Mediebank</a> </div> </div> </div> <div class="md:w-1/3"> <div class="font-medium mb-8">Find hjælp</div> <div class="text-14 space-y-8"> <div class=""> <a href="/driftsinfo/" class="hover:underline">Driftsinfo</a> </div> <div class=""> <a href="https://minside.aarhusvand.dk/maaleraflaesning/maaleraflaesning" target="_blank" class="hover:underline">Indberet målertal</a> </div> <div class=""> <a href="/forbrug-og-byggeri/saadan-melder-du-flytning/" class="hover:underline">Meld flytning</a> </div> <div class=""> <a href="/forbrug-og-byggeri/byggeri-og-vvs/ansoeg-om-vand-og-kloak/" class="hover:underline">Ansøg om vand og kloak</a> </div> <div class=""> <a href="/forbrug-og-byggeri/byggeri-og-vvs/find-en-stophane/" class="hover:underline">Find en stophane</a> </div> <div class=""> <a href="/forbrug-og-byggeri/faq-spoergsmaal-og-svar/" class="hover:underline">FAQ - Spørgsmål og svar</a> </div> <div class=""> <a href="/kontakt-os/" class="hover:underline">Kontakt os</a> </div> </div> </div> <div class="md:w-1/3"> <div class="font-medium mb-8">Se også</div> <div class="text-14 space-y-8"> <div class=""> <a href="https://www.aarhusvand.com/" target="_blank" class="hover:underline">International website</a> </div> <div class=""> <a href="/besoegstjenesten/" class="hover:underline">Besøgstjenesten</a> </div> <div class=""> <a href="https://www.vpu-aarhus.dk/" class="hover:underline">Vandværkerne i Aarhus</a> </div> <div class=""> <a href="/for-leverandoerer/" class="hover:underline">EAN- og CVR-numre</a> </div> <div class=""> <a href="/for-leverandoerer/" target="" class="hover:underline">For leverandører</a> </div> <div class=""> <a href="/forbrug-og-byggeri/se-hvor-du-faar-vand-fra/" class="hover:underline">Lokale vandværker</a> </div> </div> </div> </div> <div class="md:w-1/4"> <div class="space-y-24"> <div> <div class="font-medium mb-4">Åbningstider</div> <div class="text-14">Mandag - fredag kl. 08.00-15.00</div> </div> <div> <div class="font-medium mb-4">Support</div> <div class="text-14"> Telefon 89 47 10 00<br> <a href="mailto:aarhusvand@aarhusvand.dk" class="underline">aarhusvand@aarhusvand.dk</a> </div> </div> <div> <div class="font-medium mb-4">Driftvagt hele døgnet</div> <div class="text-14"> Telefon 89 47 10 00<br> </div> </div> </div> </div> </div> </div> <!-- Bottom section --> <div class="bg-blue-dark py-24"> <div class="wrapper-content flex flex-col justify-between gap-16 text-14 md:items-center lg:flex-row"> <div class="flex flex-wrap gap-y-8 gap-x-32"> <div class=""> <a href="/persondata/" class="underline transition hover:text-white/70"> Persondata </a> </div> <div class=""> <a href="https://www.was.digst.dk/aarhusvand-dk" target="_blank" class="underline transition hover:text-white/70"> Tilgængelighedserklæring </a> </div> </div> <div class="font-medium">Hasselager Allé 29, 8260 Viby J</div> <ul class="flex gap-16"> <li> <a href="https://dk.linkedin.com/company/aarhus-vand" target="_blank" aria-label="linkedin" class="transition hover:text-white/70"> <svg class="h-24 w-24"> <use xlink:href="#linkedin" /> </svg> </a> </li> <li> <a href="https://www.facebook.com/aarhusvand/" target="_blank" aria-label="facebook" class="transition hover:text-white/70"> <svg class="h-24 w-24"> <use xlink:href="#facebook" /> </svg> </a> </li> <li> <a href="https://twitter.com/Aarhusvand" target="_blank" aria-label="twitter" class="transition hover:text-white/70"> <svg class="h-24 w-24"> <use xlink:href="#twitter" /> </svg> </a> </li> <li> <a href="https://www.youtube.com/@AarhusVand" target="_blank" aria-label="youtube" class="transition hover:text-white/70"> <svg class="h-24 w-24"> <use xlink:href="#youtube" /> </svg> </a> </li> </ul> </div> </div> </footer> <avds-newsletter-signup list-id="4d728c39edd408bffa4b2ac64e7621a8" terms-url="/persondata/" label-title="Tilmeld dig vores nyhedsbrev" label-description="Vil du have viden om vandet i Aarhus, klima, ny vandteknologi og tips og tricks? Så skriv dig op til vores månedlige nyhedsbrev med håndplukkede historier." label-name="Navn" label-email="E-mail" label-terms="Jeg giver samtykke til, at I kan sende mig nyhedsbreve" label-terms-link="Læs om håndtering af persondata" label-submit="Tilmeld" label-close="Luk" label-success-message="Tak fordi du skrev dig op til vores nyhedsbrev. Vi glæder os til at sende næste udgave til dig!" label-general-error="Øv! Der var et problem med at skrive dig op til nyhedsbrevet. Prøv venligst igen senere." ></avds-newsletter-signup> </div> <script async src="https://siteimproveanalytics.com/js/siteanalyze_11010.js"></script> </body> </html>