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&#xE6;redygtighed og klima inden for vand</title> <meta name="title" content="B&#xE6;redygtighed og klima inden for vand"> <meta name="description" content="Aarhus Vand t&#xE6;nker klimatilpasning og b&#xE6;redygtighed ind i alle vores l&#xF8;sninger og vil inspirere dig til at v&#xE6;re med. Se mere her og f&#xE5; 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&#xE6;redygtighed og klima inden for vand"> <meta property="og:description" content="Aarhus Vand t&#xE6;nker klimatilpasning og b&#xE6;redygtighed ind i alle vores l&#xF8;sninger og vil inspirere dig til at v&#xE6;re med. Se mere her og f&#xE5; 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&#xE6;redygtighed og klima inden for vand"> <meta property="twitter:description" content="Aarhus Vand t&#xE6;nker klimatilpasning og b&#xE6;redygtighed ind i alle vores l&#xF8;sninger og vil inspirere dig til at v&#xE6;re med. Se mere her og f&#xE5; 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&#xE6;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&#xF8;g" search-button-text="S&#xF8;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&#xE6;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&amp;height=583&amp;quality=90&amp;rnd=133488481057570000 480w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=768&amp;height=414&amp;quality=90&amp;rnd=133488481057570000 640w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1024&amp;height=558&amp;quality=90&amp;rnd=133488481057570000 768w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1280&amp;height=645&amp;quality=90&amp;rnd=133488481057570000 1024w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1536&amp;height=645&amp;quality=90&amp;rnd=133488481057570000 1280w, /media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=1920&amp;height=645&amp;quality=90&amp;rnd=133488481057570000 1536w" /> <img src="/media/c5wl5wzz/banner_spark_rehabiliteringsparken_henrika.jpg?width=480&amp;height=538&amp;quality=90&amp;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&#xE6;redygtighed og klima</h1> <p class="text-16 lg:text-18">Vand er en af de mest fundamentale kilder til sundhed for mennesker &#x2013; og for verden omkring os. Vores m&#xE5;l er at sikre kommende generationer de samme forhold. Det er ikke nogen nem opgave i takt med klimaforandringer og flere mennesker p&#xE5; kloden. Men det har aldrig v&#xE6;ret vigtigere. For os handler det om at t&#xE6;nke klimatilpasning og b&#xE6;redygtighed ind i alle l&#xF8;sninger og inspirere dig til at v&#xE6;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&#xE6;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 &amp; 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&#xF8;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&#xE6;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&#xE5;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&#xE5;dan kan du g&#xF8;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&#xE5;l &amp; 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&#xE5;dan g&#xF8;r du din have spr&#xF8;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&#xE6;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- &amp; 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&#xE5;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&amp;height=342&amp;quality=90&amp;rnd=133154078966770000 480w, /media/tl2d1g4m/rehabiliteringsparken.jpg?width=736&amp;height=414&amp;quality=90&amp;rnd=133154078966770000 640w, /media/tl2d1g4m/rehabiliteringsparken.jpg?width=480&amp;height=270&amp;quality=90&amp;rnd=133154078966770000 768w, /media/tl2d1g4m/rehabiliteringsparken.jpg?width=558&amp;height=314&amp;quality=90&amp;rnd=133154078966770000 1024w" /> <img src="/media/tl2d1g4m/rehabiliteringsparken.jpg?width=448&amp;height=252&amp;quality=90&amp;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&#xE6;redygtige byrum</h2> <div>I fremtiden vil klimaforandringer betyde, at vi i Aarhusomr&#229;det kommer til at opleve mere ekstremt vejr. Derfor arbejder vi sammen med Aarhus Kommune og andre interessenter p&#229; at skabe plads til vandet i byerne med afs&#230;t i vores h&#248;jteknologiske bl&#229;gr&#248;nne l&#248;sninger. Ved at h&#229;ndtere nedb&#248;ren p&#229; terr&#230;n, g&#248;r vi vandet til en del af b&#230;redygtige byrum og tilf&#248;rer lokalomr&#229;derne merv&#230;rdi til gl&#230;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&#xE6;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&#xE6;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&amp;height=342&amp;quality=90&amp;rnd=133154018783400000 480w, /media/scpdjgez/fns-verdensmaal-aarhus.png?width=736&amp;height=414&amp;quality=90&amp;rnd=133154018783400000 640w, /media/scpdjgez/fns-verdensmaal-aarhus.png?width=480&amp;height=270&amp;quality=90&amp;rnd=133154018783400000 768w, /media/scpdjgez/fns-verdensmaal-aarhus.png?width=558&amp;height=314&amp;quality=90&amp;rnd=133154018783400000 1024w" /> <img src="/media/scpdjgez/fns-verdensmaal-aarhus.png?width=448&amp;height=252&amp;quality=90&amp;rnd=133154018783400000" alt="Fns Verdensm&#xE5;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&#xF8;tter FN&#x27;s verdensm&#xE5;l</h2> <div>B&#230;redygtighed er en del af Aarhus Vands kerneforretning og er dybt forankret i vores virksomhedskultur. Underst&#248;ttelse af verdensm&#229;lene er blevet et krav til vores udvikling af nye produkter og services samt vores virke p&#229; 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&#xE5;dan bruger vi FNs verdensm&#xE5;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&amp;height=342&amp;quality=90&amp;rnd=133736429653930000 480w, /media/b4gjktny/_c0p0218.jpg?width=736&amp;height=414&amp;quality=90&amp;rnd=133736429653930000 640w, /media/b4gjktny/_c0p0218.jpg?width=480&amp;height=270&amp;quality=90&amp;rnd=133736429653930000 768w, /media/b4gjktny/_c0p0218.jpg?width=558&amp;height=314&amp;quality=90&amp;rnd=133736429653930000 1024w" /> <img src="/media/b4gjktny/_c0p0218.jpg?width=448&amp;height=252&amp;quality=90&amp;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&#248;b i kommunen. Visionen d&#230;kker over beskyttelse af grundvandet, rensning af spildevandet, h&#229;ndtering af regnvandet i kommunen og passe p&#229; naturen gennem en b&#230;redygtig udnyttelse af hele vandets kredsl&#248;b, s&#229; vi kan sikre rent vand langt ud i fremtiden.<br /><br />Vi vil gerne fremtidssikre hele vandets kredsl&#248;b, s&#229; vi fortsat kan v&#230;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&#xE6;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&amp;height=342&amp;quality=90&amp;rnd=133152585285970000 480w, /media/bstn1u1o/havnebad_udspring_medium.jpg?width=736&amp;height=414&amp;quality=90&amp;rnd=133152585285970000 640w, /media/bstn1u1o/havnebad_udspring_medium.jpg?width=480&amp;height=270&amp;quality=90&amp;rnd=133152585285970000 768w, /media/bstn1u1o/havnebad_udspring_medium.jpg?width=558&amp;height=314&amp;quality=90&amp;rnd=133152585285970000 1024w" /> <img src="/media/bstn1u1o/havnebad_udspring_medium.jpg?width=448&amp;height=252&amp;quality=90&amp;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&#xF8;erne, &#xE5;en og havn</h2> <div>Bedre rensning af spildevandet og stop for kloakudl&#248;b til Aarhus &#197; har gjort b&#229;de havn, &#229; og s&#248;er til mere rene og attraktive milj&#248;er med masser af liv. Vidste du, at Aarhus er et af de f&#229; 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&#xE6;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&amp;height=583&amp;quality=90&amp;rnd=133154021164600000 480w, /media/2fhn4tyt/rewater-banner.jpg?width=768&amp;height=583&amp;quality=90&amp;rnd=133154021164600000 640w, /media/2fhn4tyt/rewater-banner.jpg?width=1024&amp;height=583&amp;quality=90&amp;rnd=133154021164600000 768w, /media/2fhn4tyt/rewater-banner.jpg?width=1280&amp;height=583&amp;quality=90&amp;rnd=133154021164600000 1024w, /media/2fhn4tyt/rewater-banner.jpg?width=1536&amp;height=583&amp;quality=90&amp;rnd=133154021164600000 1280w, /media/2fhn4tyt/rewater-banner.jpg?width=1920&amp;height=583&amp;quality=90&amp;rnd=133154021164600000 1536w" /> <img src="/media/2fhn4tyt/rewater-banner.jpg?width=480&amp;height=538&amp;quality=90&amp;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&#xE6;g</h2> <p class="text-16 lg:text-18"> Verdens mest effektive ressourceanl&#230;g og vidensplatform til behandling af spildevand f&#229;r hjemme i Aarhus. T&#230;t p&#229; byen. T&#230;t p&#229; havet. T&#230;t p&#229; hverdagen vil Aarhus ReWater tage imod vores spildevand og omdanne det til nye materialer, nye produkter og ny energi til de n&#230;ste 50 &#229;r. Mindst. </p> <a href="/cases/spildevand/aarhus-rewater-paa-vej-mod-verdens-mest-effektive-ressourceanlaeg/" class="btn btn-ghost mt-32"> L&#xE6;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&amp;height=338&amp;quality=90&amp;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 &#xE5;rene er CO2-udledningen p&#xE5; 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 &#xE5;rene minimeret forbruget af energi til driftsaktiviteter og producerer selv gr&#xF8;n str&#xF8;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&amp;height=338&amp;quality=90&amp;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&#xF8;sning p&#xE5; &#xC5;by Renseanl&#xE6;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&#xE5; &#xC5;by Renseanl&#xE6;g, er blevet genbrugt til et kloakeringsprojekt p&#xE5; S&#xF8;ren Frichs Vej. I forhold til g&#xE6;ngse metoder med bortskaffelse er der opn&#xE5;et en CO2 besparelse p&#xE5; 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&amp;height=338&amp;quality=90&amp;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&#xE6;lles forskningsprojekt i tilpasningsdygtig byplanl&#xE6;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&#xE5;et sammen i et nyt forskningsprojekt i tilpasningsdygtig byplanl&#xE6;gning med st&#xF8;tte fra den erhvervsdrivende forening Realdania. Projektet hedder &#x201D;LAVA &#x2013; Landskabet og Vandet, som driver for adaptiv planl&#xE6;gning&#x201D; og er baseret p&#xE5; tre principper: Forst&#xE5;else af arbejdet med vandet og landskabet, forst&#xE5;else og arbejde med stedet for potentialer samt prioritering af indsatser p&#xE5; b&#xE5;de kort og lang sigt gennem tilpasningsdygtig planl&#xE6;gning. Projektet l&#xF8;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&amp;height=338&amp;quality=90&amp;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&#xE5; den b&#xE5;de skaber plads til &#xF8;gede m&#xE6;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&#xE5; p&#xE5; opdagelse i omr&#xE5;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&amp;height=338&amp;quality=90&amp;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&#x27; st&#xF8;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&#xE5; 2x4 meter i Viby. Det bliver den st&#xF8;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&amp;height=338&amp;quality=90&amp;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&#xF8;nt omr&#xE5;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&#xF8;nt omr&#xE5;de i bymidten. Planen er at skabe et fredeligt samlingspunkt n&#xE6;sten fri for trafik. Samtidig bliver torvet ogs&#xE5; omdannet som led i klimatilpasning og vil kunne rumme store m&#xE6;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&amp;height=338&amp;quality=90&amp;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&#xF8;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&#xE5;et et nyt og bedre liv. Projektet er verdens f&#xF8;rste bypark, der b&#xE5;de h&#xE5;ndterer overskydende regnvand og inviterer borgerne til sundhedsfremmende samv&#xE6;r.&#xA;Form&#xE5;let med rehabiliteringsparken er at skabe et nyt, levende byrum i og omkring MarselisborgCentret, der dels im&#xF8;dekommer behovet for en helst&#xF8;bt klimatilpasningsindsats i omr&#xE5;det, dels behovet for udend&#xF8;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&amp;height=338&amp;quality=90&amp;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&#xF8;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&#xE6;redygtige by Nye, hvor visionen er at skabe et bedre liv for beboerne, og hvor f&#xE6;llesskabet er i centrum. Aarhus Vand har sammen med en r&#xE6;kke dygtige samarbejdspartnere f&#xE5;et muligheden for at skabe et nyt rensev&#xE6;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&amp;height=338&amp;quality=90&amp;rnd=133173132323170000" alt="Blomstrendevejbed &#xC5;byh&#xF8;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&#xF8;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&#xE6;rlige vejbede, som forsinker regnvandet og forbereder kloaksystemet p&#xE5; klimaforandringerne. Samtidigt er det blomstrende indslag i bybilledet, som ogs&#xE5; er med til at &#xF8;ge trafiksikkerheden.&#xA;</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&amp;height=338&amp;quality=90&amp;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&#xE6;g g&#xF8;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&#xE5; grund af klimaforandringerne stiger havniveauet i Aarhus Bugten, og kraftigere storme &#xF8;ger risikoen for h&#xF8;jvande. Samtidig l&#xE6;gger hyppigere og kraftigere nedb&#xF8;r yderligere pres p&#xE5; en effektiv afledning af vandet ved udl&#xF8;bet af Aarhus &#xC5;.</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&amp;height=338&amp;quality=90&amp;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&#xF8;sning til opsamling og rensning af regnvand, der s&#xF8;rger for at regnvand og spildevand ikke blandes sammen og oversv&#xF8;mmer vores by. N&#xE5;r der kommer skybrud, bliver de store m&#xE6;ngder at regnvand ledt til bassinet s&#xE5; 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&#xE5;dan arbejder vi med b&#xE6;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&#xE6;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&amp;height=342&amp;quality=90&amp;rnd=133487625161900000 480w, /media/5znhsowf/besoegstjeneste.jpg?width=736&amp;height=414&amp;quality=90&amp;rnd=133487625161900000 640w, /media/5znhsowf/besoegstjeneste.jpg?width=480&amp;height=270&amp;quality=90&amp;rnd=133487625161900000 768w, /media/5znhsowf/besoegstjeneste.jpg?width=558&amp;height=314&amp;quality=90&amp;rnd=133487625161900000 1024w" /> <img src="/media/5znhsowf/besoegstjeneste.jpg?width=448&amp;height=252&amp;quality=90&amp;rnd=133487625161900000" alt="Bes&#xF8;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&#xF8;g et anl&#xE6;g</h2> <div>F&#229; et kig ind i vores verden gennem engagerende rundvisninger og fort&#230;llinger om vores bidrag til et bedre vandmilj&#248;. Du kan bes&#248;ge b&#229;de vandv&#230;rker og renseanl&#230;g, hvor du bliver klogere p&#229; hele vandets kredsl&#248;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&amp;height=342&amp;quality=90&amp;rnd=133360546252400000 480w, /media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=736&amp;height=414&amp;quality=90&amp;rnd=133360546252400000 640w, /media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=480&amp;height=270&amp;quality=90&amp;rnd=133360546252400000 768w, /media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=558&amp;height=314&amp;quality=90&amp;rnd=133360546252400000 1024w" /> <img src="/media/ohwdnjsa/lydfortaelling_qr_vandpost.jpg?width=448&amp;height=252&amp;quality=90&amp;rnd=133360546252400000" alt="Lydfort&#xE6;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&#xE5; vandets rolle i Aarhus</h2> <div>N&#229;r himlens sluser &#229;bnes, skal der v&#230;re plads til regnen. Kom med ind i vandets verden og h&#248;r om monsterregn og klimatilpasning og de vandm&#230;ngder, som Aarhus kan h&#229;ndtere. Denne lydrejse tager dig med, n&#229;r regnvandet str&#248;mmer over byens overflader og skaber b&#229;de liv, biodiversitet og oversv&#248;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&#xE6;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&amp;height=342&amp;quality=90&amp;rnd=133152464945530000 480w, /media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=736&amp;height=414&amp;quality=90&amp;rnd=133152464945530000 640w, /media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=480&amp;height=270&amp;quality=90&amp;rnd=133152464945530000 768w, /media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=558&amp;height=314&amp;quality=90&amp;rnd=133152464945530000 1024w" /> <img src="/media/pg3nl2su/boldbane_klimatilpasning_large_aarhusvand.jpg?width=448&amp;height=252&amp;quality=90&amp;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&#xE5;nedlige nyhedsbrev</h2> <div>Vil du blive klogere p&#229;, 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&#229; g&#248;r som mere end 15.000 andre og modtag vores m&#229;nedlige nyhedsbrev. <br /><br />Historierne er h&#229;ndplukket for at give dig den bedste oplevelse med b&#229;de f&#230;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&amp;c=5292CDD1873EB421&amp;ID=D2340FF0499C6A412540EF23F30FEDED&amp;temp=False&amp;tx=0&amp;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&amp;height=583&amp;quality=90&amp;rnd=133488481108070000 480w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=768&amp;height=583&amp;quality=90&amp;rnd=133488481108070000 640w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1024&amp;height=583&amp;quality=90&amp;rnd=133488481108070000 768w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1280&amp;height=583&amp;quality=90&amp;rnd=133488481108070000 1024w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1536&amp;height=583&amp;quality=90&amp;rnd=133488481108070000 1280w, /media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=1920&amp;height=583&amp;quality=90&amp;rnd=133488481108070000 1536w" /> <img src="/media/jsajekxu/banner_drikkervand_yansi_2023.jpg?width=480&amp;height=538&amp;quality=90&amp;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&#xE5;dan kan du g&#xF8;re en forskel</h2> <p class="text-16 lg:text-18"> Du kan v&#230;re med til at passe p&#229; vores lokale vandmilj&#248;, v&#230;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&#xE5;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&#xE6;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&#xE5;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&#xF8;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&#xF8;rgsm&#xE5;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&#xE5;</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&#xF8;gstjenesten</a> </div> <div class=""> <a href="https://www.vpu-aarhus.dk/" class="hover:underline">Vandv&#xE6;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&#xF8;rer</a> </div> <div class=""> <a href="/forbrug-og-byggeri/se-hvor-du-faar-vand-fra/" class="hover:underline">Lokale vandv&#xE6;rker</a> </div> </div> </div> </div> <div class="md:w-1/4"> <div class="space-y-24"> <div> <div class="font-medium mb-4">&#xC5;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&#xF8;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&#xE6;ngelighedserkl&#xE6;ring </a> </div> </div> <div class="font-medium">Hasselager All&#xE9; 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&#xE5; skriv dig op til vores m&#xE5;nedlige nyhedsbrev med h&#xE5;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&#xE6;s om h&#xE5;ndtering af persondata" label-submit="Tilmeld" label-close="Luk" label-success-message="Tak fordi du skrev dig op til vores nyhedsbrev. Vi gl&#xE6;der os til at sende n&#xE6;ste udgave til dig!" label-general-error="&#xD8;v! Der var et problem med at skrive dig op til nyhedsbrevet. Pr&#xF8;v venligst igen senere." ></avds-newsletter-signup> </div> <script async src="https://siteimproveanalytics.com/js/siteanalyze_11010.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10