{"id":41010,"date":"2023-08-16T15:53:52","date_gmt":"2023-08-16T13:53:52","guid":{"rendered":"https:\/\/www.medienwerft.de\/?p=41010"},"modified":"2026-05-06T17:37:23","modified_gmt":"2026-05-06T15:37:23","slug":"hamburg-wasser","status":"publish","type":"post","link":"https:\/\/www.medienwerft.de\/en\/news\/our-clients\/2023\/hamburg-wasser\/","title":{"rendered":"Accessibility at the center &#8211; Hamburg Wasser service provider with contemporary website"},"content":{"rendered":"<div class=\"block block--intro  bg--white\">\n\n\t\n\n\t<div class=\"container container--medium padding-bottom \">\n\t\t\n\t\t\n\t\t<div class=\"bg--white bg--light spacing\">\n\t\t\t<div class=\"container container--small\">\n\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t<nav class=\"breadcrumbs\"><ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\"><li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\"><span class=\"last\">Home<\/span><\/span><\/li><\/ol><\/nav>\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t<div class=\"block--headline\">\n\t\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t\t<h1>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span>Accessibility at the center &#8211; Hamburg Wasser service provider with contemporary website<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\n\t\t\t\t<p>The provider of drinking water and wastewater for Hamburg and the surrounding area has modernized its website. As a public agency and service provider for all citizens, the accessibility of the online offering was the focus of the redesign and programming. This ensures that people with disabilities can also use the site.<\/p>\n\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap extra\">\n\t\t\t\t\t\t<div class=\"flex__item three-fifths xs-one-whole xs-order-9 \">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"flex__item two-fifths xs-one-whole xs-margin-bottom\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t<\/div>\n\n\t\n\t\t<div class=\"flex flex--column\">\n\t\t\t<div class=\"one-whole\">\n\t\t\t\t<div class=\"container container--small margin-bottom--small\">\n\t\t\t\t\t<p class=\"meta\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/category\/news\/our-clients\/\">\n\t\t\t\t\t\t\t\t\t#OUR CLIENTS\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t&dash; \t\t\t\t\t\t\t16. August 2023\t\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\n<\/div>\n\n<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id80535_9ecbbe-40{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{column-gap:0px;row-gap:0px;max-width:962px;margin-left:auto;margin-right:auto;padding-top:25px;padding-right:25px;padding-bottom:50px;padding-left:25px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_9ecbbe-40{border-bottom:1px solid var(--custom-16);}.kb-row-layout-id80535_9ecbbe-40{background-color:#ffffff;}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-layout-overlay{opacity:0.30;}.kb-row-layout-id80535_9ecbbe-40{z-index:200;position:relative;}@media all and (max-width: 1024px){.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id80535_9ecbbe-40{border-bottom:1px solid var(--custom-16);}}@media all and (max-width: 767px){.kb-row-layout-id80535_9ecbbe-40 > .kt-row-column-wrap{row-gap:32px;padding-top:25px;padding-bottom:25px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_9ecbbe-40{border-bottom:1px solid var(--custom-16);}.kb-row-layout-id80535_9ecbbe-40 > .kt-row-layout-overlay{opacity:0.00;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id80535_9ecbbe-40 alignfull kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col,.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_6e37bc-a2{position:relative;}@media all and (max-width: 1024px){.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column80535_6e37bc-a2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_6e37bc-a2\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{column-gap:25px;row-gap:25px;max-width:1230px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:minmax(0, calc(15% - ((25px * 1 )\/2)))minmax(0, calc(85% - ((25px * 1 )\/2)));}.kb-row-layout-id80535_6dc482-1c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id80535_6dc482-1c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id80535_6dc482-1c alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column80535_d97030-20 > .kt-inside-inner-col{display:flex;}.kadence-column80535_d97030-20 > .kt-inside-inner-col,.kadence-column80535_d97030-20 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_d97030-20 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;}.kadence-column80535_d97030-20 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column80535_d97030-20 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column80535_d97030-20 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column80535_d97030-20{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column80535_d97030-20 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_d97030-20{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column80535_d97030-20{align-self:flex-start;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}}@media all and (max-width: 1024px){.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column80535_d97030-20{align-self:flex-start;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;}.kadence-column80535_d97030-20 > .kt-inside-inner-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_d97030-20\"><div class=\"kt-inside-inner-col\"><style>.kb-image80535_835d78-8d.kb-image-is-ratio-size, .kb-image80535_835d78-8d .kb-image-is-ratio-size{max-width:125px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image80535_835d78-8d.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image80535_835d78-8d .kb-image-is-ratio-size{align-self:unset;}.kb-image80535_835d78-8d{max-width:125px;}.image-is-svg.kb-image80535_835d78-8d{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image80535_835d78-8d img{width:100%;}.kb-image80535_835d78-8d .kb-image-has-overlay:after{opacity:0.3;}.kb-image80535_835d78-8d img.kb-img, .kb-image80535_835d78-8d .kb-img img{-webkit-mask-image:url(https:\/\/www.medienwerft.de\/wp-content\/plugins\/kadence-blocks\/includes\/assets\/images\/masks\/circle.svg);mask-image:url(https:\/\/www.medienwerft.de\/wp-content\/plugins\/kadence-blocks\/includes\/assets\/images\/masks\/circle.svg);-webkit-mask-size:auto;mask-size:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}@media all and (max-width: 767px){.kb-image80535_835d78-8d.kb-image-is-ratio-size, .kb-image80535_835d78-8d .kb-image-is-ratio-size{max-width:64px;width:100%;}.kb-image80535_835d78-8d{max-width:64px;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image80535_835d78-8d size-full kb-image-is-ratio-size\"><div class=\"kb-is-ratio-image kb-image-ratio-square\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait.webp\" alt=\"Zitat - Jochen Martens - Leitung Kreation\" class=\"kb-img wp-image-38757\" srcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait.webp 300w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait-200x200.webp 200w, https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/06\/zitat-jochen-martens-kreisportrait-40x40.webp 40w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/div><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column80535_c4d442-af > .kt-inside-inner-col{display:flex;}.kadence-column80535_c4d442-af > .kt-inside-inner-col,.kadence-column80535_c4d442-af > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_c4d442-af > .kt-inside-inner-col{row-gap:0px;column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}.kadence-column80535_c4d442-af > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column80535_c4d442-af > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column80535_c4d442-af > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column80535_c4d442-af{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column80535_c4d442-af > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_c4d442-af{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column80535_c4d442-af{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column80535_c4d442-af{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column80535_c4d442-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-start;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_c4d442-af\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:28px;font-weight:400;font-style:normal;font-family:'TodaySans Medium', Helvetica;}.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6, .wp-block-kadence-advancedheading.kt-adv-heading80535_b74112-b6[data-kb-block=\"kb-adv-heading80535_b74112-b6\"]{font-size:14px;line-height:21px;}}<\/style>\n<p class=\"kt-adv-heading80535_b74112-b6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading80535_b74112-b6\">Jochen Martens<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12, .wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12[data-kb-block=\"kb-adv-heading80535_362de3-12\"]{padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:28px;font-weight:200;font-style:normal;font-family:'TodaySans Light', Helvetica;}.wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12[data-kb-block=\"kb-adv-heading80535_362de3-12\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading80535_362de3-12[data-kb-block=\"kb-adv-heading80535_362de3-12\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading80535_362de3-12 wp-block-kadence-advancedheading has-custom-23-color has-text-color\" data-kb-block=\"kb-adv-heading80535_362de3-12\">Head of CX Design<\/p>\n\n\n<style>.kt-svg-icons80535_830b17-29 .kt-svg-item-0 .kb-svg-icon-wrap{color:var(--global-palette4, #2D3748);font-size:50px;}.wp-block-kadence-icon.kt-svg-icons80535_830b17-29{justify-content:flex-start;gap:10px;}<\/style>\n<div class=\"wp-block-kadence-icon kt-svg-icons kt-svg-icons80535_830b17-29 alignnone\"><style>.kt-svg-item-80535_63371e-2a .kb-svg-icon-wrap, .kt-svg-style-stacked.kt-svg-item-80535_63371e-2a .kb-svg-icon-wrap{color:#000000;font-size:24px;}.kt-svg-item-80535_63371e-2a:hover .kb-svg-icon-wrap{color:#f99700;}<\/style>\n<div class=\"wp-block-kadence-single-icon kt-svg-style-default kt-svg-icon-wrap kt-svg-item-80535_63371e-2a modal-trigger autor-formular-icon\"><a href=\"mailto:info@medienwerft.de\" class=\"kt-svg-icon-link\" aria-label=\"Kontakt aufnehmen\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_mail\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  role=\"img\"><title>Kontakt aufnehmen<\/title><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/span><\/a><\/div>\n<\/div>\n\n\n<style>.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-inner-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:10px;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;padding-top:0px;padding-right:25px;padding-bottom:5px;padding-left:0px;}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top-color:var(--global-palette6, #718096);border-top-style:solid;border-right-color:var(--global-palette6, #718096);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette6, #718096);border-left-style:solid;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background:rgba(0,0,0,0);font-size:14px;line-height:22px;font-family:'TodaySans Medium', Helvetica;font-weight:400;text-transform:uppercase;color:#000000;padding-top:25px;padding-right:25px;padding-bottom:10px;padding-left:0px;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:before{background:#000000;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h1, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h2, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h3, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h4, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h5, .kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner h6{color:var(--global-palette3, #1A202C);}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger{background:#000000;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:before{background:rgba(0,0,0,0);}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2 .kt-blocks-accordion-header:focus-visible{color:#f99700;background:rgba(0,0,0,0);border-top-color:var(--global-palette1, #3182CE);border-top-style:solid;border-right-color:var(--global-palette1, #3182CE);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette1, #3182CE);border-left-style:solid;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion--visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:#f99700;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger{background:#f99700;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:rgba(0,0,0,0);}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{color:#000000;background:rgba(0,0,0,0);border-top-color:var(--global-palette2, #2B6CB0);border-top-style:solid;border-right-color:var(--global-palette2, #2B6CB0);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette2, #2B6CB0);border-left-style:solid;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:#000000;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{background:#000000;}.kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id80535_4ca4cf-e2:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:rgba(0,0,0,0);}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top-color:var(--global-palette6, #718096);border-top-style:solid;border-right-color:var(--global-palette6, #718096);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette6, #718096);border-left-style:solid;}}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2 .kt-blocks-accordion-header:focus-visible{border-top-color:var(--global-palette1, #3182CE);border-top-style:solid;border-right-color:var(--global-palette1, #3182CE);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette1, #3182CE);border-left-style:solid;}}@media all and (max-width: 1024px){.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top-color:var(--global-palette2, #2B6CB0);border-top-style:solid;border-right-color:var(--global-palette2, #2B6CB0);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette2, #2B6CB0);border-left-style:solid;}}@media all and (max-width: 767px){.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-inner-wrap{display:block;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-inner-wrap .kt-accordion-pane:not(:first-child){margin-top:10px;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top-color:var(--global-palette6, #718096);border-top-style:solid;border-right-color:var(--global-palette6, #718096);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette6, #718096);border-left-style:solid;font-size:18px;padding-top:20px;padding-bottom:20px;}.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id80535_4ca4cf-e2 .kt-blocks-accordion-header:focus-visible{border-top-color:var(--global-palette1, #3182CE);border-top-style:solid;border-right-color:var(--global-palette1, #3182CE);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette1, #3182CE);border-left-style:solid;}.kt-accordion-id80535_4ca4cf-e2 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id80535_4ca4cf-e2 > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top-color:var(--global-palette2, #2B6CB0);border-top-style:solid;border-right-color:var(--global-palette2, #2B6CB0);border-right-style:solid;border-bottom:2px solid #d9d9d9;border-left-color:var(--global-palette2, #2B6CB0);border-left-style:solid;}}<\/style>\n<div class=\"wp-block-kadence-accordion alignnone\"><div class=\"kt-accordion-wrap kt-accordion-id80535_4ca4cf-e2 kt-accordion-has-9-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-arrow kt-accodion-icon-side-right\" style=\"max-width:none\"><div class=\"kt-accordion-inner-wrap\" data-allow-multiple-open=\"false\" data-start-open=\"none\">\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-6 kt-pane80535_27553b-4b\"><h2 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Learn more about the author<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h2><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\"><style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id80535_eae126-97{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{column-gap:25px;row-gap:25px;max-width:1230px;padding-top:25px;padding-right:0px;padding-bottom:25px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_eae126-97{border-bottom:0px solid rgba(255,255,255,0);}.kb-row-layout-id80535_eae126-97 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{padding-bottom:0px;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id80535_eae126-97{border-bottom:0px solid rgba(255,255,255,0);}}@media all and (max-width: 767px){.kb-row-layout-id80535_eae126-97 > .kt-row-column-wrap{padding-top:25px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id80535_eae126-97{border-bottom:0px solid rgba(255,255,255,0);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id80535_eae126-97 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kt-inner-column-height-full kb-theme-content-width\">\n<style>.kadence-column80535_364acc-6a > .kt-inside-inner-col,.kadence-column80535_364acc-6a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column80535_364acc-6a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column80535_364acc-6a > .kt-inside-inner-col{flex-direction:column;}.kadence-column80535_364acc-6a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column80535_364acc-6a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column80535_364acc-6a{position:relative;}@media all and (max-width: 1024px){.kadence-column80535_364acc-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column80535_364acc-6a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column80535_364acc-6a\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab, .wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab[data-kb-block=\"kb-adv-heading80535_02536e-ab\"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:28px;font-weight:200;font-style:normal;font-family:'TodaySans Light', Helvetica;color:var(--global-palette3, #1A202C);}.wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab[data-kb-block=\"kb-adv-heading80535_02536e-ab\"] mark.kt-highlight{font-weight:normal;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading80535_02536e-ab[data-kb-block=\"kb-adv-heading80535_02536e-ab\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading80535_02536e-ab wp-block-kadence-advancedheading has-theme-palette-3-color has-text-color\" data-kb-block=\"kb-adv-heading80535_02536e-ab\">Jochen Martens, Head of CX Design at Medienwerft, working with his team to ensure an optimal customer experience in e-commerce. His passion for human-centered design, as well as customer and business value, extends to B2B portals and corporate websites. He is also a big fan of enterprise UX design with SAP Fiori.<\/p>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small no-pad no-pad\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>Web presence was in the years<\/h2>\n<p>HAMBURG WASSER had a website based on <strong>TYPO3<\/strong> that was visually outdated and no longer up to date. Since the TYPO3 system was outdated and should have been updated, HAMBURG WASSER decided to completely rebuild and redesign the website &#8211; <strong>design<\/strong> and <strong>programming<\/strong>. The new corporate design was to be implemented in order to sharpen the brand.<\/p>\n<p>The central focus of the redesign was on the accessibility of the website: It was to be designed barrier-free in accordance with the provisions of the Hamburg Equal Opportunities for Persons with Disabilities Act (HmbBGG) and the Hamburg Barrier-Free Information Technology Ordinance (HmbBITVO) implementing Directive (EU) 2016\/2102. This means that people with various forms of disability, be it visual impairment or limited ability to move a mouse, can also use the website.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small padding-top padding-bottom\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h3>Medienwerft won the tender:<\/h3>\n<h4><span style=\"color: #ff9700;\">From kickoff to launch, the project took about 2 years to complete.<\/span><\/h4>\n<p>In order to achieve the desired <strong>accessibility<\/strong>, the WCAG 2.1. guideline for accessible web design was implemented &#8211; with the minimum requirement to achieve compliance level A, but better to achieve level AAA. Here, various criteria for conception, design and implementation take effect. For example, certain contrast values must be achieved for fonts in front of backgrounds, and font sizes require a certain size to be more legible. The pages should be informative, but not overloaded. Animations were largely avoided, as they are difficult to perceive with visual impairments. The page must also be usable only via the keyboard and be able to jump to all interaction elements via it. Images must have captions and alternative text for screen readers.<\/p>\n<p>An important part of accessibility is the use of <strong>semantic HTML<\/strong> in development: it provides for a clear structure with a hierarchy of headings. This structured design leads to a higher accessibility compliance level, but it is also important for the maintenance and further development of the website. The code becomes leaner, and search engine optimization also benefits. Last but not least, the user experience is improved with clear pages that allow easy scanning.<\/p>\n<p>Thus, HAMBURG WASSER is ahead of its time: Because from 2025, it will become mandatory for companies and online stores to integrate accessibility into their websites. Electronic services will then have to be barrier-free.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small no-pad padding-bottom\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>The project phases and their implementation<\/h2>\n<p>The first phase of the website relaunch was the conception: requirements were recorded in workshops. One special feature was the target group: As a water provider for the federal state of Hamburg and the surrounding area, HAMBURG WASSER counts all citizens among its customers. Therefore, it was not possible to outline a clearly defined user group, but rather to address everyone &#8211; across all age groups, B2B as well as B2C. Medienwerft divided the target group into three categories: People who, for example, collect meter reading data from their water levels or are looking for information on drinking water quality or tips on saving water. Potential new employees, whom HAMBURG WASSER wants to address as a modern company with challenging job offers. As well as business customers who, for example, operate a water supply in the surrounding communities and want to use the expertise of HAMBURG WASSER for the development of drainage structures.<\/p>\n<p>This was followed by a deeper conception phase with the development of the information architecture. The structure of the individual page areas was developed in several workshops. Then all relevant page types were built up, and the necessary information and requirements were integrated.<\/p>\n<p>In parallel, the design was developed: Hamburg Wasser&#8217;s new corporate identity had previously only been used for print products. Medienwerft now extended it for digital use on websites and smartphones, so that HAMBURG WASSER can be better perceived as a brand. To do this, the style guide for print products with colors, fonts and imagery was adapted and further developed for digital applications; fonts and sizes, for example, were optimized for digital devices and it was ensured that the contrasts were large enough. The <strong>\u201emobile first\u201c<\/strong> approach was followed.<\/p>\n<p>Medienwerft thus conceived and designed all page types such as Start, Service, Magazine and Press and prepared them for development. A component library was used to ensure an efficient structure in TYPO3. The concept, design and development in accordance with accessibility requirements did not involve any additional work for Medienwerft, but the tests proved to be more complex, as tests were not only carried out visually, but also with a read-aloud function and exclusive use of the keyboard. The HAMBURG WASSER website was launched in November 2022.<\/p>\n<p>Currently, the second phase of the project is underway, and the site continues to be built in an agile process &#8211; with optimizations and requirements that make sense but were not a priority in the first phase: For example, videos are to be downloaded in the press section, a translation service has been integrated, and topics can be filtered with a keyword search in the magazine section. HAMBURG WASSER is very satisfied with the implementation.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--quote  bg--white mpos-top\">\n\n\t<div class=\"container container--small no-pad no-pad \">\n\t\t\n\t\t\t\t\t\n\t\t\t<div class=\"flex flex--quote flex--middle flex--wrap\">\n\t\t\t\t<div class=\"flex__item  \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t\t\t\t\t\t<blockquote class=\"blockquote--big\">\n\t\t\t\t\t\t<p>There are always new requirements, such as updating TYPO3, closing security gaps or meeting customer service requirements.<\/p>\n\t\t\t\t\t\t<footer>\n\t\t\t\t\t\t\t<cite>\n\t\t\t\t\t\t\t\t<p>Adrian Stern<br \/>\r\nUX-Designer<\/p>\n\t\t\t\t\t\t\t<\/cite>\n\t\t\t\t\t\t<\/footer>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"flex__item  \n\t\t\t\t\t\t\t\t\">\n\t\t\t\t\t<div class=\"img-round\">\n\t\t\t\t\t\t<div class=\"round__inner\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Intro-310x181.jpg\" \n\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Intro.jpg 2x, \n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/11\/Intro-310x181.jpg 1x\" \n\t\t\t\t\t\t\talt=\"CX Expert Support Intro Adrian\" loading=\"lazy\" \/>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small no-pad padding-bottom\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>What the new website means for users<\/h2>\n<p>HAMBURG WASSER now has a modern website that loads quickly and meets the requirements of the target group. The company can communicate its brand essence in a more targeted manner and present itself as a modern and innovative employer. This makes the website an important business card for attracting applicants. The content management system makes it easy to add content and build pages. The use of the backend for editors has been greatly simplified.<\/p>\n<p>The website is designed to be sustainable and allows for agile further development: New requirements can be integrated into the backend and content management without fundamental changes.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--white\">\n\n\t<div class=\"container container--small no-pad padding-bottom\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h2>Conclusion<\/h2>\n<p>The new website of HAMBURG WASSER, the Hamburg-based service provider for water and wastewater, appeals to various target groups &#8211; private individuals and companies alike. It provides detailed information on water quality, environmental protection and services, but also shows the Group&#8217;s portfolio and presents it as an employer for potential new employees. The corporate identity was implemented to convey the brand essence, and the website is technically up-to-date.<\/p>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--image-text-box  bg--white left\">\n\n\t<div class=\"container container--small padding-top--big padding-bottom--big\">\n\n\t\t<div class=\"flex flex--wrap\">\n\n\t\t\t<div class=\"flex__item one-half portrait2-one-whole js-fade js-fade-up\">\n\n\t\t\t\t\n\t\t\t\t\t<div class=\"object-fit-con js-fade-up js-fade\" \n\t\t\t\t\t>\n\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser-620x383.webp\" \n\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1400w,\n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1200w,\n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 1000w,\n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser.webp 800w,\n\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/crossteaser-hamburg-wasser-620x383.webp 620w\" \n\t\t\t\t\t\t\tsizes=\"(min-width:801px) 800px, 94vw\" loading=\"lazy\"\n\t\t\t\t\t\t\talt=\"Hamburg Wasser Case - Crossteaser\">\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\n\t\t\t<div class=\"flex__item one-half portrait2-one-whole js-fade js-fade-up\">\n\n\t\t\t\t<div class=\"inner\">\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"block--headline\">\n\t\t\t\t\t\t\t<div class=\"left\">\n\t\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span>Accessibility at the center &#8211; Hamburg water service provider with contemporary website<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<p>Learn more about the project now<\/p>\n<p><a href=\"https:\/\/www.medienwerft.de\/referenzen\/hamburg-wasser\/\" target=\"_blank\" rel=\"noopener\"><span class=\"btn\">To the Case<\/span><\/a><\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\n\t<\/div>\n\t\n<\/div>\n\n<div class=\"block block--with-bg  bg--white\">\n\n\t<div class=\"padding-top--big padding-bottom--big relative\">\n\n\t\t\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-1600x483.jpeg\"\n\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-1920x579.jpeg 1920w,\n\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-1600x483.jpeg 1600w,\n\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-1400x422.jpeg 1400w,\n\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-1200x362.jpeg 1200w,\n\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-1000x302.jpeg 1000w,\n\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/farbenspiel-scaled-1-800x241.jpeg 800w\" class=\"object-fit-img\"\n\t\t\t\tsizes=\"100vw\" alt=\"Farbenspiel Hintergrundbild\" loading=\"lazy\" \/>\n\n\t\t\n\t\t\t\t\t<div class=\"block--headline\">\n\t\t\t\t<div class=\"container container--medium text--center  js-fade js-fade-in center\">\n\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<span>About Hamburg Wasser<\/span>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t   \n\t\t\t<div class=\"layout layout--text\">\n\t\t\n\t\t\t\t\t<div class=\"container container--small  js-fade js-fade-in\">\n\n\t\t\t\t\t<p>HAMBURG WASSER is the provider of drinking water and wastewater in Hamburg and the surrounding area. The company includes Hamburger Wasserwerke (HWW) and Hamburger Stadtentw\u00e4sserung (HSE). HAMBURG WASSER is on the one hand a service provider for citizens and on the other hand offers water management solutions for authorities, agencies as well as public and private companies. These include flood protection, operation and rehabilitation of wastewater facilities, groundwater monitoring and remediation of contaminated sites. HAMBURG WASSER provides advice on water, wastewater and energy, and also offers laboratory services such as accredited drinking water analysis. The company supplies more than two million people with drinking water every day. Around 300,000 cubic meters (300 million liters) are treated into drinking water every day, with the deepest well reaching 429 meters into the ground.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--text  bg--light\">\n\n\t<div class=\"container container--small padding-top--big no-pad\">\n\t\t\n\t\t<div class=\"\n\t\t\t\tp\"><h3>OUR CLIENTS<\/h3>\n<\/div>\n\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--clients  bg--light\">\n\n\t<div class=\"container container--small no-pad padding-bottom--big\">\n\n\t\t<div class=\"clients-by-cat__listing margin-bottom\">\n\n\t\t\t\n\t\t\t\t<div class=\"flex flexgrid--gutter flex--wrap\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-quarter sm-one-half\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/dachdecker-einkauf-sued\/\" class=\"link--logo-hover\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/referenzen_kundenliste_dachdecker_sued_800x471.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"Dachdecker S\u00fcd Referenzen Logo\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t<p><\/p>\n\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-quarter sm-one-half\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/ernstings-family\/\" class=\"link--logo-hover\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/referenzen_kundenliste_ernstingsfamily_800x471-new-1.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"Ernstings Family Referenzen Logo\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t<p><\/p>\n\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-quarter sm-one-half\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/hamburger-software\/\" class=\"link--logo-hover\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/referenzen-kundenliste-hamburger-software-800x471-test-1.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"Hamburger Software Referenzen Logo\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t<p><\/p>\n\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"flex__item one-quarter sm-one-half\">\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/references\/\" class=\"link--logo-hover\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2022\/06\/referenzen_kundenliste-landgard_800x471.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"landgard Referenzen Logo\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t\t<p><\/p>\n\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t<a href=\"\/en\/references\/\" \n\t\t\t\t\t\ttarget=\"\" class=\"link--icon\">\n\t\t\t\t\t\tWATCH ALL REFERENCES NOW\t\t\t\t\t\t<i class=\"icon-angle-right\"><\/i>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/p>\n\t\t\t\n\t\t<\/div>\n\n\t<\/div>\n\t\n<\/div>\n\n<div class=\"block block--about margin-bottom  bg--yellow\">\n\n\t<div class=\"container container--medium spacing js-fade js-fade-in\">\n\n\t\t<h3>MORE ABOUT US?<\/h3>\n<p>Find out everything you need to know about Medienwerft &#8211; experts in customer experience &amp; e-commerce IT for over 25 years &#8211; here:<\/p>\n\n\t\t\n\t\t\t<a href=\"\/en\/about-us\/\" target=\"\" class=\"btn btn--white\">\n\t\t\t\t\u00dcber uns\t\t\t<\/a>\n\n\t\t\n\t<\/div>\n\n<\/div>\n\n<div class=\"block block--teaser block--custom-teaser  bg--white\">\n\n\t<div class=\"container container--medium padding-top--big padding-bottom--big\">\n\n\t\t<div class=\"flex flexgrid--gutter flex--wrap  js-fade js-fade-in\">\n\n\t\t\n\t\t\n\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t<h3>Previous post<\/h3>\n\n\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/news\/corporate-news\/2023\/dmexco-2023\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blogbeitrag-preview-dmexco-2023-480x278.webp\"\n\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blogbeitrag-preview-dmexco-2023-800x463.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blogbeitrag-preview-dmexco-2023-620x359.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blogbeitrag-preview-dmexco-2023-620x359.webp 480w\" \n\t\t\t\t\t\t\t\t\talt=\"Blog DMEXCO 2023 - Preview\" \n\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t#MEDIENWERFT\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>We are at DMEXCO 2023!<\/h3>\n\t\t\t\t\t\t\t\t<p>Visit us at the &#8220;Digital Marketing Expo &#038; Conference&#8221; from 20 &#8211; 21 September in Cologne! Together we want to highlight the topic of digital creativity at DMEXCO. <\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\tLearn more\t\t\t\t\t\t\t<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\n\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\n\t\t\t\t\t<h3>Also interesting<\/h3>\n\n\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/news\/corporate-news\/2022\/hamburg-family-seal\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/02\/familiensiegel_beitragsbild-480x278.webp\"\n\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/02\/familiensiegel_beitragsbild-800x463.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/02\/familiensiegel_beitragsbild-620x359.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/02\/familiensiegel_beitragsbild-620x359.webp 480w\" \n\t\t\t\t\t\t\t\t\talt=\"Medienwerft Familiensiegel Herobild\" \n\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t#MEDIENWERFT\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>Hamburg family seal &#8211; Medienwerft is family-friendly<\/h3>\n\t\t\t\t\t\t\t\t<p>&#8220;Family-friendly agency&#8221; \u2013 Earlier this year, Medienwerft was awarded the Hamburg family seal by the &#8220;Hamburg Alliance for Families&#8221;.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\tLearn more\t\t\t\t\t\t\t<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t\t<div class=\"flex__item one-third md-one-half portrait-one-whole margin-bottom flex flex--column\">\n\n\t\t\t\t\t<h3>Next post<\/h3>\n\n\t\t\t\t\t<a href=\"https:\/\/www.medienwerft.de\/en\/news\/our-partners\/2023\/software-alliance\/\" class=\"flex1 flex flex--column\">\n\t\t\t\t\t\t<span class=\"teaser__image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span><img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blog-preview-software-allianz-480x278.webp\"\n\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blog-preview-software-allianz-800x463.webp 800w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blog-preview-software-allianz-620x359.webp 620w,\n\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/blog-preview-software-allianz-620x359.webp 480w\" \n\t\t\t\t\t\t\t\t\talt=\"Softwareallianz- Blogbeitrag -Preview\" \n\t\t\t\t\t\t\t\t\tsizes=\"(min:1201px) 480w, (max-width:640px) and (min-width:1200px) 46vw, 96vw\" loading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<div class=\"teaser__inner flex flex--column flex1\">\n\t\t\t\t\t\t\t<div class=\"flex1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"teaser__subtitle\">\n\t\t\t\t\t\t\t\t\t\t#OUR PARTNERS\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<h3>Medienwerft goes SWAD &#8211; we are part of the software alliance<\/h3>\n\t\t\t\t\t\t\t\t<p>Finally, we are able to announce it: We are part of the Software Alliance of Germany, a network of nationwide partners in e-commerce.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div><span class=\"btn btn--ghost\">\n\t\t\t\t\t\t\tLearn more\t\t\t\t\t\t\t<\/span><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\n\t\t<\/div>\n\n\t<\/div>\n\t\n<\/div>\n\n<div class=\"block block--contact \">\n\n\t<div class=\"section section--contact\">\n\t\t<div class=\"flex flex--wrap bg--light\">\n\t\t\t<div class=\"flex__item one-half lg-one-whole flex__image\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-800x529.jpg\" \n\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1400x925.jpg 1400w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1200x793.jpg 1200w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-1000x661.jpg 1000w,\n\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/08\/Kontaktblock_1920x1269-1-800x529.jpg 800w\"\n\t\t\t\t\talt=\"Kontaktblock \" \n\t\t\t\t\tsizes=\"(min-width:801px) 50vw, 100vw\" loading=\"lazy\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"flex__item one-half lg-one-whole flex__content flex flex--middle\">\n\n\t\t\t\t<div class=\"one-whole\">\n\t\t\t\t\t<div class=\"inner\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h3>CONTACT<\/h3>\n<blockquote><p>\u201eWhat can we achieve? How can we progress? How can we operate better in the market? If you\u2019re looking for outstanding digital solutions for a particular challenge, talk to us about it. After all, you know that successful relationships always begin with the first conversation.\u201c<\/p><\/blockquote>\n\n\t\t\t\t\t\t<div class=\"grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"grid__item\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/soenke_new_business-200x200.jpg\" \n\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/soenke_new_business-e1677571980113.jpg 2x,\n\t\t\t\t\t\t\t\t\t\t\t\thttps:\/\/www.medienwerft.de\/wp-content\/uploads\/2021\/10\/soenke_new_business-200x200.jpg 1x\"\n\t\t\t\t\t\t\t\t\t\talt=\"S\u00f6nke Baumann\" \n\t\t\t\t\t\t\t\t\t\twidth=\"398\"\n\t\t\t\t\t\t\t\t\t\theight=\"398\" \n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\" \/>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"grid__item\">\n\t\t\t\t\t\t\t<p>New Business<br \/>\n<strong>S\u00d6NKE BAUMANN<\/strong><\/p>\n<p>Tel: +49 40 \/ 31 77 99-0<br \/>\nEmail: <a href=\"mailto:info@medienwerft.de\">info@medienwerft.de<\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The provider of drinking water and wastewater for Hamburg and the surrounding area has modernized its website. As a public agency and service provider for all citizens, the accessibility of the online offering was the focus of the redesign and programming.<\/p>\n","protected":false},"author":31,"featured_media":41037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"categories":[295],"tags":[478,264],"service-kategorie":[],"class_list":["post-41010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-our-clients","tag-hamburg-wasser","tag-sap-commerce-en"],"acf":[],"taxonomy_info":{"category":[{"value":295,"label":"#OUR CLIENTS"}],"post_tag":[{"value":478,"label":"HAMBURG WASSER"},{"value":264,"label":"SAP Commerce"}]},"featured_image_src_large":["https:\/\/www.medienwerft.de\/wp-content\/uploads\/2023\/08\/heroimage-hamburg-wasser.webp",2560,896,false],"author_info":{"display_name":"Sophie Weegmann","author_link":"https:\/\/www.medienwerft.de\/en\/author\/sophie\/"},"comment_info":0,"category_info":[{"term_id":295,"name":"#OUR CLIENTS","slug":"our-clients","term_group":0,"term_taxonomy_id":295,"taxonomy":"category","description":"Medienwerft without customers would be like an online store without product search - incomplete. Whenever we have completed a new project or implemented an exciting customer request, you will find it here.","parent":436,"count":59,"filter":"raw","cat_ID":295,"category_count":59,"category_description":"Medienwerft without customers would be like an online store without product search - incomplete. Whenever we have completed a new project or implemented an exciting customer request, you will find it here.","cat_name":"#OUR CLIENTS","category_nicename":"our-clients","category_parent":436}],"tag_info":[{"term_id":478,"name":"HAMBURG WASSER","slug":"hamburg-wasser","term_group":0,"term_taxonomy_id":478,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":264,"name":"SAP Commerce","slug":"sap-commerce-en","term_group":0,"term_taxonomy_id":264,"taxonomy":"post_tag","description":"","parent":0,"count":15,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts\/41010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/comments?post=41010"}],"version-history":[{"count":7,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts\/41010\/revisions"}],"predecessor-version":[{"id":80620,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/posts\/41010\/revisions\/80620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media\/41037"}],"wp:attachment":[{"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/media?parent=41010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/categories?post=41010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/tags?post=41010"},{"taxonomy":"service-kategorie","embeddable":true,"href":"https:\/\/www.medienwerft.de\/en\/wp-json\/wp\/v2\/service-kategorie?post=41010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}