{"id":29239,"date":"2026-09-01T09:37:58","date_gmt":"2026-09-01T08:37:58","guid":{"rendered":"https:\/\/dev.seo-marketing.koeln\/reference-tbl\/"},"modified":"2026-10-23T10:30:30","modified_gmt":"2026-10-23T09:30:30","slug":"reference-tbl","status":"publish","type":"page","link":"https:\/\/seo-marketing.koeln\/en\/reference-tbl\/","title":{"rendered":"Technische Betriebe Leverkusen"},"content":{"rendered":"\n<style>.smk-case{--brand:#3f51b5;--ink:#111833;color:var(--ink);font-family:\"Plus Jakarta Sans\",sans-serif;font-size:18px;line-height:1.6;background:#fff;width:100%}.smk-case *{box-sizing:border-box}.smk-case h1,.smk-case h2,.smk-case h3{font-family:Lato,sans-serif;color:#2c2c2c;line-height:1.15;margin:0 0 20px}.smk-case h1{font-size:50px;font-weight:900}.smk-case h2{font-size:40px;font-weight:900;max-width:900px}.smk-case h3{font-size:23px;font-weight:800}.smk-case p{margin:0 0 20px}.smk-case a{color:var(--brand)}.smk-case a:focus-visible{outline:3px solid #e91e63;outline-offset:5px}.smk-case img{max-width:100%;height:auto;display:block}.smk-case .shell{max-width:1200px;margin:auto;padding:0 32px}.smk-case section{padding:85px 0;scroll-margin-top:120px}.smk-case .hero{background:linear-gradient(135deg,#f7f8fc,#fff);padding-top:38px;padding-bottom:64px}.smk-case .crumb{font-size:14px;margin-bottom:38px}.smk-case .eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#3f51b5;margin-bottom:18px;display:block}.smk-case .hero-grid,.smk-case .split{display:grid;grid-template-columns:1.08fr 1fr;gap:54px;align-items:center}.smk-case .tagline{font-size:35px;margin:0 0 24px}.smk-case .tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.smk-case .tags span{padding:6px 12px;border:1px solid #dfe3ef;border-radius:30px;background:#fff;font-size:13px;font-weight:600}.smk-case .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.smk-case .btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border-radius:20px;background:linear-gradient(90deg,#3f51b5 0%,#f2295b 80%);font-size:18px;font-weight:500;color:white;text-decoration:none;line-height:1.4}.smk-case .btn.secondary{background:transparent;border:1px solid #3f51b5;color:#3f51b5;font-size:16px;font-weight:600}.smk-case .browser{background:white;border:1px solid #e2e5ef;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #19234012}.smk-case .bar{padding:12px 16px;background:#f0f2f7;font-size:12px;color:#687084;display:flex;align-items:center;gap:6px}.smk-case .bar i{width:7px;height:7px;border-radius:50%;background:#c4cada}.smk-case .bar span{margin-left:12px}.smk-case .browser img{width:100%;aspect-ratio:1.55;object-fit:cover;object-position:top}.smk-case figcaption{font-size:12px;color:#646d80;margin-top:12px}.smk-case figure{margin:0}.smk-case .signature{display:flex;gap:22px;align-items:center;margin-top:26px;font-size:14px}.smk-case .signature img{width:95px;max-height:64px;object-fit:contain}.smk-case .signature p{margin:0}.smk-case .facts{padding:28px 0;border-block:1px solid #e6e8f0}.smk-case .fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.smk-case .fact-grid small{display:block;font-size:11px;letter-spacing:1.4px;color:#6a7183;margin-bottom:7px}.smk-case .fact-grid strong{font-family:Lato,sans-serif;font-size:19px;color:#2c2c2c}.smk-case .jump{padding:22px 0;border-bottom:1px solid #e6e8f0}.smk-case .jump .shell{display:flex;gap:28px;flex-wrap:wrap}.smk-case .jump a{font-size:14px;font-weight:600;text-decoration:none}.smk-case .intro{max-width:840px;margin-bottom:36px}.smk-case .soft{background:#f7f8fc}.smk-case .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.smk-case .card{padding:30px;border:1px solid #e2e5ef;border-radius:18px;background:white}.smk-case .card p{font-size:16px;margin:0}.smk-case .num{display:block;color:#3f51b5;font-size:14px;font-weight:800;margin-bottom:25px}.smk-case .aside{background:#f4f5fc;border-radius:20px;padding:34px}.smk-case ul{padding:0;list-style:none;margin:0}.smk-case li{padding:16px 0;border-bottom:1px solid #dde2f0}.smk-case li:last-child{border:0}.smk-case li strong{display:block;color:#2c2c2c;font-family:Lato,sans-serif;font-size:21px;margin-bottom:5px}.smk-case li span{font-size:16px}.smk-case .work-image{border-radius:20px;background:#f4f5fa;padding:24px}.smk-case .work-image img{max-height:520px;width:100%;object-fit:contain}.smk-case .proof-card .rank{font-family:Lato,sans-serif;font-size:66px;line-height:1;font-weight:900;color:#3f51b5;margin:18px 0}.smk-case .proof-card .rank small{font-size:16px;display:block;color:#677086;font-family:\"Plus Jakarta Sans\",sans-serif;font-weight:500;margin-top:12px}.smk-case .serp{display:grid;gap:7px;margin-top:24px}.smk-case .serp span{height:9px;background:#edf0f6;border-radius:5px;width:90%}.smk-case .serp span:first-child{height:16px;background:linear-gradient(90deg,#3f51b5,#7989dd);width:100%}.smk-case .source{font-size:12px;color:#626b7e;margin-top:20px}.smk-case .cta{background:linear-gradient(135deg,#3f51b5 0%,#2c2c2c 100%);text-align:center}.smk-case .cta .eyebrow,.smk-case .cta h2,.smk-case .cta p{color:white}.smk-case .cta h2{font-size:45px;font-weight:800;margin:0 auto 24px;max-width:800px}.smk-case .cta p{max-width:750px;margin:0 auto 30px}.smk-case .proof-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.smk-case .proof-links a{font-size:14px;border-bottom:1px solid #a8b3df;text-decoration:none}.smk-case .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.smk-case .flow>div{border-top:3px solid #3f51b5;padding:23px 0}.smk-case .flow p{font-size:16px}.smk-case .flow small{display:block;color:#3f51b5;font-weight:700;margin-bottom:14px;font-size:12px}\n@media(max-width:900px){.smk-case .hero-grid,.smk-case .split{grid-template-columns:1fr;gap:32px}.smk-case .cards{grid-template-columns:repeat(2,1fr)}.smk-case .fact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.smk-case{font-size:16px}.smk-case .shell{padding:0 22px}.smk-case section{padding:54px 0}.smk-case .hero{padding-top:25px}.smk-case h1{font-size:40px;overflow-wrap:anywhere}.smk-case h2{font-size:30px}.smk-case h3{font-size:21px}.smk-case .tagline{font-size:28px}.smk-case .cards,.smk-case .flow{grid-template-columns:1fr}.smk-case .card{padding:25px}.smk-case .fact-grid{gap:24px 16px}.smk-case .fact-grid strong{font-size:17px}.smk-case .cta h2{font-size:32px}.smk-case .jump .shell{gap:12px 22px}.smk-case .btn{font-size:16px}.smk-case .aside{padding:25px}.smk-case .crumb{margin-bottom:28px}.smk-case .work-image{padding:12px}}\n<\/style><style id=\"smk-case-interactions\">\/* Button states match the existing reference overview (Elementor page 24101). *\/\n.smk-case a{transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}\n.smk-case a:not(.btn):hover,.smk-case a:not(.btn):focus-visible{color:#e91e63;text-decoration:underline;text-underline-offset:4px}\n.smk-case .btn{font-family:\"Plus Jakarta Sans\",sans-serif;font-size:18px;font-weight:500;line-height:1;border:0;border-radius:20px;padding:12px 24px;min-height:0;box-shadow:0 0 10px rgba(0,0,0,.5);transition:all .3s;text-decoration:none}\n.smk-case .btn:hover,.smk-case .btn:focus-visible{background-color:#3f51b5;color:#fff;text-decoration:none}\n.smk-case .btn.secondary{background:transparent;color:#111833;font-family:Inter,sans-serif;font-size:16px;font-weight:600;border:1px solid #2c2c2c}\n.smk-case .btn.secondary:hover,.smk-case .btn.secondary:focus-visible{background:#f1f1f1;color:#000;border-color:#2c2c2c}\n.smk-case .cta .btn{background:#3f51b5;color:#fff;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;padding:20px 36px;box-shadow:0 10px 25px rgba(78,88,200,.3)}\n.smk-case .cta .btn:hover,.smk-case .cta .btn:focus-visible{background:#e91e63;color:#fff}\n.smk-case .browser img{aspect-ratio:auto;object-fit:contain}\n@media(max-width:900px){.smk-case .btn:not(.secondary){font-size:15px}.smk-case .cta .btn{font-size:1.05rem}}\n@media(prefers-reduced-motion:reduce){.smk-case a{transition:none}}\n<\/style><div class=\"smk-case\"><section id=\"projekt\" class=\"hero\"><div class=\"shell\"><nav class=\"crumb\" aria-label=\"Breadcrumb\"><a href=\"https:\/\/seo-marketing.koeln\/en\/references\/\">Case studies<\/a> &nbsp; \/ &nbsp; Technische Betriebe Leverkusen<\/nav><div class=\"hero-grid\"><div><span class=\"eyebrow\">CASE STUDY \u00b7 PUBLIC SERVICES<\/span><h1>Technische Betriebe Leverkusen<\/h1><h2 class=\"tagline\">Municipal services.<br>Accessible online.<\/h2><p>For more than six years, we supported Technische Betriebe Leverkusen A\u00f6R in developing its digital presence. The collaboration included two website relaunches, ongoing support and print materials.<\/p><div class=\"tags\"><span>Web design<\/span><span>Relaunch<\/span><span>Website maintenance<\/span><span>Print materials<\/span><span>Hosting<\/span><\/div><div class=\"actions\"><a class=\"btn\" href=\"#ausgangslage\">Explore the project \u2193<\/a><a class=\"btn secondary\" href=\"https:\/\/www.tbl-leverkusen.de\/\" target=\"_blank\" rel=\"noopener\">View the website \u2197<\/a><\/div><\/div><div><figure><div class=\"browser\"><div class=\"bar\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><span>www.tbl-leverkusen.de<\/span><\/div><img decoding=\"async\" src=\"https:\/\/seo-marketing.koeln\/wp-content\/uploads\/2025\/07\/Bildschirmfoto-2025-07-07-um-10.51.49-scaled-1.png\" alt=\"Technische Betriebe Leverkusen \u2013 project website\" loading=\"eager\"><\/div><figcaption>A view of the website from our project documentation.<\/figcaption><\/figure><div class=\"signature\"><img decoding=\"async\" src=\"https:\/\/seo-marketing.gmbh\/wp-content\/uploads\/2025\/07\/tbl_logo_2024.svg\" alt=\"Technische Betriebe Leverkusen Logo\" loading=\"lazy\"><p><strong>Technische Betriebe Leverkusen<\/strong><br>Web design &#038; support<\/p><\/div><\/div><\/div><\/div><\/section><section id=\"projektdaten\" class=\"facts\"><div class=\"shell\"><div class=\"fact-grid\"><div><small>INDUSTRY<\/small><strong>Public services<\/strong><\/div><div><small>FOCUS<\/small><strong>Web design &#038; support<\/strong><\/div><div><small>MARKET<\/small><strong>Leverkusen<\/strong><\/div><div><small>PROJECT<\/small><strong>Two website relaunches<\/strong><\/div><\/div><\/div><\/section><nav class=\"jump\" aria-label=\"In this case study\"><div class=\"shell\"><a href=\"#ausgangslage\">Starting point<\/a><a href=\"#leistungen\">Our services<\/a><a href=\"#einblicke\">Project insights<\/a><a href=\"#zusammenarbeit\">Collaboration<\/a><\/div><\/nav><section id=\"ausgangslage\" class=\"\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">01 \/ STARTING POINT<\/span><h2>Many services. Clear guidance.<\/h2><p>Residents look for specific information. A municipal service provider\u2019s website needs to make a broad range of services easy to understand and access.<\/p><\/div><div class=\"split\"><div><h3>Consider people\u2019s everyday needs.<\/h3><p>For TBL, the task was to bring different municipal services together in a clear structure. Information needed to be as accessible on a smartphone as on a desktop.<\/p><p>Two complete website relaunches were delivered during the long-term collaboration. Responsive design, practical navigation and ongoing technical support formed the foundation.<\/p><\/div><aside class=\"aside\"><h3>What matters in this project<\/h3><ul><li><strong>Structure the services<\/strong><span>Organise the broad offer into clear sections.<\/span><\/li><li><strong>Consider mobile users<\/strong><span>Adapt content and navigation to different screen sizes.<\/span><\/li><li><strong>Keep the presence consistent<\/strong><span>Connect digital design and print materials through the corporate identity.<\/span><\/li><\/ul><\/aside><\/div><\/div><\/section><section id=\"leistungen\" class=\"soft\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">02 \/ OUR WORK<\/span><h2>Long-term support across several areas.<\/h2><p>The collaboration covered the website, technical tasks and selected print materials.<\/p><\/div><div class=\"cards\"><article class=\"card\"><span class=\"num\">01<\/span><h3>Two relaunches<\/h3><p>Plan and deliver two complete website renewals during our support.<\/p><\/article><article class=\"card\"><span class=\"num\">02<\/span><h3>Responsive web design<\/h3><p>Practical design for smartphones, tablets and desktops.<\/p><\/article><article class=\"card\"><span class=\"num\">03<\/span><h3>Information structure<\/h3><p>Present a wide range of services clearly for residents.<\/p><\/article><article class=\"card\"><span class=\"num\">04<\/span><h3>Care &#038; maintenance<\/h3><p>Ongoing website support and technical updates.<\/p><\/article><article class=\"card\"><span class=\"num\">05<\/span><h3>Domain &#038; hosting<\/h3><p>Technical support for the website, including its domain and hosting.<\/p><\/article><article class=\"card\"><span class=\"num\">06<\/span><h3>Print materials<\/h3><p>Design business cards and other materials in line with the corporate identity.<\/p><\/article><\/div><\/div><\/section><section id=\"einblicke\" class=\"\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">03 \/ PROJECT INSIGHTS<\/span><h2>Two relaunches. One public-service remit.<\/h2><p>The documented website views show the focus of our work: presenting municipal services clearly across different devices.<\/p><\/div><div class=\"split\"><figure class=\"work-image\"><img decoding=\"async\" src=\"https:\/\/seo-marketing.koeln\/wp-content\/uploads\/2025\/07\/TBL_Mobile_Webseite_.png\" alt=\"Technische Betriebe Leverkusen \u2013 mobile website from our collaboration\" loading=\"lazy\"><figcaption>Mobile view from the TBL project documentation.<\/figcaption><\/figure><div><ul><li><strong>More than six years of collaboration<\/strong><span>Continuous support for the digital presence.<\/span><\/li><li><strong>Two complete relaunches<\/strong><span>The website was comprehensively renewed twice during our collaboration.<\/span><\/li><li><strong>Digital and print<\/strong><span>Web design and print materials followed the same brand identity.<\/span><\/li><\/ul><div class=\"actions\"><a class=\"btn secondary\" href=\"https:\/\/www.tbl-leverkusen.de\/\" target=\"_blank\" rel=\"noopener\">View the project website \u2197<\/a><\/div><\/div><\/div><\/div><\/section><section id=\"zusammenarbeit\" class=\"soft\"><div class=\"shell\"><div class=\"intro\"><span class=\"eyebrow\">04 \/ COLLABORATION<\/span><h2>A website supported in daily use.<\/h2><p>For municipal websites, the work continues after a relaunch. Content and technology need support throughout the project phases.<\/p><\/div><div class=\"flow\"><div><small>01<\/small><h3>Structure<\/h3><p>Organise services and information clearly.<\/p><\/div><div><small>02<\/small><h3>Design<\/h3><p>Deliver navigation and presentation for different devices.<\/p><\/div><div><small>03<\/small><h3>Support<\/h3><p>Provide website maintenance, technical updates and complementary materials.<\/p><\/div><\/div><\/div><\/section><section id=\"kontakt\" class=\"cta\"><div class=\"shell\"><span class=\"eyebrow\">YOUR PROJECT<\/span><h2>What should your digital presence achieve?<\/h2><p>Whether you need a new website, local visibility or ongoing optimisation, we\u2019ll discuss your starting point and the steps that suit your business.<\/p><a class=\"btn\" href=\"https:\/\/calendly.com\/smk-seo-support\" target=\"_blank\" rel=\"noopener\">Discuss your project \u2014 no obligation<\/a><\/div><\/section><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Case studies &nbsp; \/ &nbsp; Technische Betriebe Leverkusen CASE STUDY \u00b7 PUBLIC SERVICES Technische Betriebe Leverkusen Municipal services.Accessible online. For more than six years, we supported Technische Betriebe Leverkusen A\u00f6R in developing its digital presence. The collaboration included two website relaunches, ongoing support and print materials. Web designRelaunchWebsite maintenancePrint materialsHosting Explore the project \u2193View the [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":28932,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"kunden-branche":[349],"class_list":["post-29239","page","type-page","status-publish","has-post-thumbnail","hentry","kunden-branche-services"],"_links":{"self":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages\/29239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/comments?post=29239"}],"version-history":[{"count":11,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages\/29239\/revisions"}],"predecessor-version":[{"id":990260,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/pages\/29239\/revisions\/990260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/media\/28932"}],"wp:attachment":[{"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/media?parent=29239"}],"wp:term":[{"taxonomy":"kunden-branche","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/en\/wp-json\/wp\/v2\/kunden-branche?post=29239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}