PageSourceSearch

https://both-design.de/

html both-design.de collected 2026-10-07 05:13:39 UTC 33,692 bytes, 351 lines download raw bytes

1<!DOCTYPE html>
2<html style="font-size: 16px;" lang="de-DE"><head>
3    <meta name="viewport" content="width=device-width, initial-scale=1.0">
4    <meta charset="utf-8">
5    <meta name="keywords" content="Grafikdesign, Editorial-Design, Webdesign, Marketingberatung, Printprodukte, Osnabrück">
6    <meta name="description" content="Both-Design - Grafikdesign Osnabrück ✓ Grafikdesign, ✓ Editorial Design, ✓ Webdesign  ✓ Beratung. Ihre kompetente externe Marketingmitarbeiterin!">
7    <title>Grafikdesign &amp; Webdesign | Both-Design | Osnabrück</title>
8    <link rel="stylesheet" href="both_design.css" media="screen">
9<link rel="stylesheet" href="Both-Design-1.css" media="screen">
10    
10<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
10
11    
11<script class="u-script" type="text/javascript" src="both_design.js" defer=""></script>
11
12    <link id="u-theme-google-font" rel="stylesheet" href="fonts.css">
13    <link id="u-page-google-font" rel="stylesheet" href="Both-Design-fonts.css">
14    
15    
16    
17    
18    
19    
20    
21    
22    
23    
24    
25    
26    
26<script type="application/ld+json">{
27		"@context": "http://schema.org",
28		"@type": "Organization",
29		"name": "Site18",
30		"logo": "images/Bildschirmfoto2020-11-28um12.24.15.png"
31}</script>
31
32    <meta name="theme-color" content="#a02350">
33    <meta property="og:title" content="Grafikdesign &amp; Webdesign | Both-Design | Osnabrück">
34    <meta property="og:description" content="Both-Design - Grafikdesign Osnabrück ✓ Grafikdesign, ✓ Editorial Design, ✓ Webdesign  ✓ Beratung. Ihre kompetente externe Marketingmitarbeiterin!">
35    <meta property="og:type" content="website">
36  <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
37  <body data-home-page="Both-Design.html" data-home-page-title="Both-Design" class="u-body u-gradient u-xl-mode" data-lang="de" style="background-image: linear-gradient(white, #f2f2f2);"><header class="u-align-center u-clearfix u-header u-sticky u-white u-header" id="sec-a060"><div class="u-clearfix u-sheet u-sheet-1">
38        <a href="Both-Design.html" class="u-enable-responsive u-image u-logo u-image-1" data-image-width="1094" data-image-height="208" title="Start">
39          <img src="images/Bildschirmfoto2020-11-28um12.24.15.png" class="u-logo-image u-logo-image-1" data-image-width="206.5947">
40        </a>
41        <nav class="u-align-left u-menu u-menu-hamburger u-nav-spacing-25 u-offcanvas-shift u-menu-1" data-responsive-from="XL">
42          <div class="menu-collapse">
43            <a class="u-button-style u-custom-top-bottom-menu-spacing u-nav-link u-text-palette-1-dark-1 u-white" href="#" style="font-size: calc(1em + 10px); background-image: none; padding: 5px 14px;">
44              <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-d83c"></use></svg>
45              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" id="svg-d83c"><path d="m464.883 64.267h-417.766c-25.98 0-47.117 21.136-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.013-21.137-47.149-47.117-47.149z"></path><path d="m464.883 208.867h-417.766c-25.98 0-47.117 21.136-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.013-21.137-47.149-47.117-47.149z"></path><path d="m464.883 353.467h-417.766c-25.98 0-47.117 21.137-47.117 47.149 0 25.98 21.137 47.117 47.117 47.117h417.766c25.98 0 47.117-21.137 47.117-47.117 0-26.012-21.137-47.149-47.117-47.149z"></path></svg>
46            </a>
47          </div>
48          <div class="u-custom-menu u-nav-container">
49            <ul class="u-nav u-spacing-25 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Both-Design.html" style="padding: 10px 0px;">Both-Design</a>
50</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Grafikdesign.html" style="padding: 10px 0px;">Grafikdesign</a>
51</li><li class="u-nav-item">
51<a class="u-button-style u-nav-link" href="Editorial-Design.html" style="padding: 10px 0px;">Editorial-Design</a>
52</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Webdesign.html" style="padding: 10px 0px;">Webdesign</a>
53</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Auftraggeber.html" style="padding: 10px 0px;">Auftraggeber</a>
54</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Kontakt.html" style="padding: 10px 0px;">Kontakt</a>
55</li></ul>
56          </div>
57          <div class="u-custom-menu u-nav-container-collapse">
58            <div class="u-align-center u-container-style u-inner-container-layout u-opacity u-opacity-95 u-palette-1-dark-1 u-sidenav u-sidenav-1" data-offcanvas-width="273">
59              <div class="u-inner-container-layout u-sidenav-overflow">
60                <div class="u-menu-close u-menu-close-1"></div>
61                <ul class="u-align-center u-custom-font u-expanded-width u-nav u-popupmenu-items u-spacing-20 u-text-active-black u-text-hover-grey-5 u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Both-Design.html">Both-Design</a>
62</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Grafikdesign.html">Grafikdesign</a>
63</li><li class="u-nav-item">
63<a class="u-button-style u-nav-link" href="Editorial-Design.html">Editorial-Design</a>
64</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Webdesign.html">Webdesign</a>
65</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Auftraggeber.html">Auftraggeber</a>
66</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Kontakt.html">Kontakt</a>
67</li></ul>
68              </div>
69            </div>
70            <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
71          </div>
72        </nav>
73        <a href="tel:0540130739" class="u-btn u-button-style u-custom-font u-enable-responsive u-hidden-xs u-none u-text-grey-80 u-text-hover-grey-80 u-btn-1">
74          <span class="u-text-grey-70"> KONTAKT&nbsp;</span><span class="u-icon"><svg class="u-svg-content" viewBox="0 0 405.333 405.333" x="0px" y="0px" style="width: 1em; height: 1em;"><path d="M373.333,266.88c-25.003,0-49.493-3.904-72.704-11.563c-11.328-3.904-24.192-0.896-31.637,6.699l-46.016,34.752    c-52.8-28.181-86.592-61.952-114.389-114.368l33.813-44.928c8.512-8.512,11.563-20.971,7.915-32.64    C142.592,81.472,138.667,56.96,138.667,32c0-17.643-14.357-32-32-32H32C14.357,0,0,14.357,0,32    c0,205.845,167.488,373.333,373.333,373.333c17.643,0,32-14.357,32-32V298.88C405.333,281.237,390.976,266.88,373.333,266.88z"></path></svg></span>&nbsp;05401 30739
75        </a>
76      </div></header>
77    <section class="u-align-right-lg u-align-right-md u-align-right-sm u-align-right-xs u-clearfix u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xs u-image u-shading lazyload u-section-1" id="carousel_3f08" data-image-width="3000" data-image-height="1601" data-bg="url(&quot;images/Titel3_092740.jpg&quot;)">
78      <div class="u-clearfix u-sheet u-sheet-1">
79        <div class="u-container-style u-group u-shape-rectangle u-group-1">
80          <div class="u-container-layout u-valign-bottom u-container-layout-1">
81            <h1 class="u-align-left u-hidden-xl u-text u-text-1">
82              <span style="font-weight: 700;">Hie</span>
83              <span style="font-weight: 700;">r kommt Verstärkung Ihr Marketing.</span>
84            </h1>
85            <h2 class="u-align-left u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xs u-text u-text-grey-80 u-text-2">Hier kommt Verstärkung für Ihr Marketing</h2>
86            <h1 class="u-align-left u-text u-text-3">
87              <a href="Grafikdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-1">Grafikdesign</a>
88              <br>
89              <a href="Editorial-Design.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-2">Editorial-Design</a>
90              <a href="Webdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-3">
91                <br>
92                <span style="padding: 0px; font-weight: 400;">Webd<span style="font-weight: 400;">esign</span>
93                </span>
94              </a>
95              <span class="u-text-body-color" style="font-weight: 400;">
96                <br>SEO
97              </span>
98            </h1>
99            <a href="Both-Design.html#sec-c4df" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-4" data-animation-name="pulse" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="">
100              <span style="font-size: 1.25rem;">Renate Both</span>
101              <br>
102              <span style="font-weight: 400;">Diplom-Designerin</span>
103              <br>&nbsp;<span class="u-icon"><svg class="u-svg-content" viewBox="0 0 451.847 451.847" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751   c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0   c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path>
104</g></svg></span>&nbsp;<br><span class="u-icon"></span>
105            </a>
106          </div>
107        </div>
108      </div>
109    </section>
110    <section class="u-align-right-lg u-align-right-md u-align-right-sm u-align-right-xs u-clearfix u-hidden-sm u-hidden-xl u-hidden-xs u-image lazyload u-section-2" id="carousel_84fd" data-image-width="1600" data-image-height="854" data-bg="url(&quot;images/Titel3.png&quot;)">
111      <div class="u-clearfix u-sheet u-sheet-1">
112        <div class="u-container-style u-group u-shape-rectangle u-group-1">
113          <div class="u-container-layout u-container-layout-1">
114            <h2 class="u-align-left u-hidden-xl u-text u-text-1">
115              <span style="font-weight: 700;">Hier kommt Verstärkung für Ihr Marketing</span>
116            </h2>
117            <h1 class="u-align-left u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xs u-text u-text-2">Hier kommt Verstärkung für Ihr Marketing</h1>
118            <h1 class="u-align-left u-text u-text-3">
119              <a href="Grafikdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-1">Grafikdesign</a>
120              <br>
121              <a href="Editorial-Design.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-2">Editorial-Design</a>
122              <a href="Webdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-3">
123                <br>
124                <span style="padding: 0px; font-weight: 400;">Webdesign</span>
125              </a>
126              <span style="font-weight: 400;">
127                <br>SEO
128              </span>
129            </h1>
130            <a href="Both-Design.html#sec-c4df" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-4" data-animation-name="pulse" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="">
131              <span style="font-size: 1.25rem;">Renate Both</span>
132              <br>
133              <span style="font-weight: normal;">Diplom-Designerin</span>
134              <br>&nbsp;<span class="u-icon"><svg class="u-svg-content" viewBox="0 0 451.847 451.847" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751   c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0   c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path>
135</g></svg></span>&nbsp;<br>
136            </a>
137          </div>
138        </div>
139      </div>
140    </section>
141    <section class="u-align-right-lg u-align-right-md u-align-right-sm u-align-right-xs u-clearfix u-hidden-lg u-hidden-md u-hidden-xl u-hidden-xs u-image lazyload u-section-3" id="carousel_7e65" data-image-width="1600" data-image-height="854" data-bg="url(&quot;images/Titel3.png&quot;)">
142      <div class="u-clearfix u-sheet u-sheet-1">
143        <div class="u-container-style u-group u-shape-rectangle u-group-1">
144          <div class="u-container-layout u-container-layout-1">
145            <h2 class="u-align-left u-hidden-xl u-text u-text-1">
146              <span style="font-weight: 700;">Hier kommt Verstärkung für Ihr Marketing</span>
147            </h2>
148            <h1 class="u-align-left u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xs u-text u-text-2">Hier kommt Verstärkung für Ihr Marketing</h1>
149            <h1 class="u-align-left u-text u-text-3">
150              <a href="Grafikdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-1">Grafikdesign</a>
151              <br>
152              <a href="Editorial-Design.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-2">Editorial-Design</a>
153              <a href="Webdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-3">
154                <br>
155                <span style="padding: 0px; font-weight: 400;">Webdesign</span>
156              </a>
157              <span style="font-weight: 400;">
158                <br>SEO
159              </span>
160            </h1>
161            <a href="Both-Design.html#sec-c4df" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-4" data-animation-name="pulse" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="">
162              <span style="font-size: 1.25rem;">Renate Both</span>
163              <br>
164              <span style="font-weight: normal;">Diplom-Designerin</span>
165              <br>&nbsp;<span class="u-icon"><svg class="u-svg-content" viewBox="0 0 451.847 451.847" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751   c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0   c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path>
166</g></svg></span>&nbsp;<br>
167            </a>
168          </div>
169        </div>
170      </div>
171    </section>
172    <section class="u-align-right-lg u-align-right-md u-align-right-sm u-align-right-xs u-clearfix u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xl u-image lazyload u-section-4" id="carousel_e617" data-bg="url(&quot;images/Both-Design3.png&quot;)">
173      <div class="u-clearfix u-sheet u-valign-top-sm u-valign-top-xs u-sheet-1">
174        <div class="u-container-style u-group u-shape-rectangle u-group-1">
175          <div class="u-container-layout u-container-layout-1">
176            <h2 class="u-align-left u-hidden-xl u-text u-text-1">
177              <span style="font-weight: 700;">Hier kommt Verstärkung für Ihr Marketing</span>
178            </h2>
179            <h1 class="u-align-left u-hidden-lg u-hidden-md u-hidden-sm u-hidden-xs u-text u-text-2">Hier kommt Verstärkung für Ihr Marketing</h1>
180            <h1 class="u-align-left u-text u-text-3">
181              <a href="Grafikdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-1">Grafikdesign</a>
182              <br>
183              <a href="Editorial-Design.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-2">Editorial-Desig<span style="font-weight: 400;">n</span>
184              </a>
185              <a href="Webdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-3">
186                <br>
187                <span style="padding: 0px; font-weight: 400;">Webdesign</span>
188              </a>
189              <span style="font-weight: 400;">
190                <br>SEO
191              </span>
192            </h1>
193            <a href="Both-Design.html#sec-c4df" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-4" data-animation-name="pulse" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="">
194              <span style="font-size: 1rem;">Renate Both</span>
195              <br>
196              <span style="font-weight: normal;">Diplom-Designerin</span>
197              <br>&nbsp;<span class="u-icon"><svg class="u-svg-content" viewBox="0 0 451.847 451.847" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751   c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0   c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z"></path>
198</g></svg></span>&nbsp;<br>
199            </a>
200          </div>
201        </div>
202      </div>
203    </section>
204    <section class="u-clearfix u-palette-2-base u-section-5" id="sec-c4df">
205      <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
206        <h3 class="u-align-center u-text u-text-1">Guten Tag, ich bin Renate Both.</h3>
207        <p class="u-align-center u-large-text u-text u-text-font u-text-variant u-text-2">Als Diplom-Grafikdesignerin und Fachkauffrau für Marketing entwickle, gestalte und betreue ich Mediendesign-Projekte für Unternehmen aus den verschiedensten Branchen in, um und über Osnabrück hinaus. Ganz nach meiner Devise: stets effizient, aktuell und am Puls der Zeit. Denn das Einzige, worauf Sie sich im digitalen Zeitalter verlassen können, ist die Veränderung.</p>
208      </div>
209    </section>
210    <section class="u-align-left u-clearfix u-typography-Normal--Introduction u-white u-section-6" src="" id="carousel_3f78">
211      <div class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
212        <h2 class="u-align-center u-text u-text-1">Entwickeln. Gestalten. Betreuen.</h2>
213        <h6 class="u-align-center u-text u-text-2">Mediendesign-Projekte</h6>
214        <div class="u-expanded-width u-list u-list-1">
215          <div class="u-repeater u-repeater-1">
216            <div class="u-align-center u-border-1 u-border-grey-15 u-container-style u-list-item u-repeater-item u-white u-list-item-1">
217              <div class="u-container-layout u-similar-container u-valign-top-sm u-valign-top-xs u-container-layout-1">
218                <img alt="" class="u-expanded-width u-image u-image-default lazyload u-image-1" data-src="images/Grafikdesign2.jpg">
219                <h3 class="u-text u-text-body-color u-text-3">Grafikdesign</h3>
220                <p class="u-text u-text-4">Sie planen eine Werbeaktion, Ausstellung oder Präsentation&nbsp;und benötigen eine erfahrene und fachkundige Grafikdesignerin für das Layout /&nbsp; die Projektleitung / Druckdaten / Druckbetreuung bis zur termingerechten Lieferung frei Haus?</p>
221                <a href="Grafikdesign.html" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-1" data-animation-name="slideIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="Up">Grafikdesign-Leistungen</a>
222              </div>
223            </div>
224            <div class="u-align-center u-border-1 u-border-grey-15 u-container-style u-list-item u-repeater-item u-video-cover u-white">
225              <div class="u-container-layout u-similar-container u-valign-top-sm u-valign-top-xs u-container-layout-2">
226                <img alt="" class="u-expanded-width u-image u-image-default lazyload u-image-2" data-src="images/Editorial
226-Design.jpg">
227                <h3 class="u-text u-text-body-color u-text-5">Editorial-Design</h3>
228                <p class="u-text u-text-6">Ihr Vereinsheft / Mitarbeiterheft / Programmheft oder Kundenmagazin benötigt ein Relaunch und Sie suchen eine Grafikdesignerin für die komplette Umsetzung von Layout / Projektleitung / Druckdaten / Druckbetreuung / E-Paper und Druckanlieferung?</p>
229                <a href="Editorial-Design.html" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-2" data-animation-name="slideIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="Up">Editorial-Design-Leistungen</a>
230              </div>
231            </div>
232            <div class="u-align-center u-border-1 u-border-grey-15 u-container-style u-list-item u-repeater-item u-video-cover u-white">
233              <div class="u-container-layout u-similar-container u-valign-top-sm u-valign-top-xs u-container-layout-3">
234                <img alt="" class="u-expanded-width u-image u-image-default lazyload u-image-3" data-src="images/Webdesign.jpg">
235                <h3 class="u-text u-text-body-color u-text-7">Webdesign&amp;SEO</h3>
236                <p class="u-text u-text-8">Sie benötigen eine moderne Website, die SEO-optimiert ist, responsiv für Smartphone, günstig im Hosting und die Sie bei Bedarf auch eigenständig pflegen können? Sie suchen eine fachkundige Grafikerin, die Ihre Internetseite für Google optimiert?</p>
237                <a href="Webdesign.html" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-3" data-animation-name="slideIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="Up">Webdesign-Leistungen</a>
238              </div>
239            </div>
240          </div>
241        </div>
242      </div>
243    </section>
244    <section class="u-clearfix u-palette-2-base u-section-7" id="carousel_47cb">
245      <div class="u-clearfix u-sheet u-sheet-1">
246        <div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
247          <div class="u-layout">
248            <div class="u-layout-row">
249              <div class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-container-style u-layout-cell u-left-cell u-size-60 u-layout-cell-1">
250                <div class="u-container-layout u-valign-top-xs u-container-layout-1">
251                  <h2 class="u-align-center-xs u-text u-text-1">Welches Mediendesign soll ich für Sie entwickeln?</h2>
252                  <h4 class="u-align-center-xs u-text u-text-2">
253                    <span style="font-size: 1.25rem;">Schreiben Sie mir oder rufen Sie mich einfach an.</span>
254                    <br>
255                    <span style="font-size: 1.25rem;">
256                      <span style="font-weight: 400;">Ich freue mich auf Ihre Anfrage!</span>
257                      <br>
258                      <br>Renate Both&nbsp; 
259                    </span><span class="u-icon"><svg class="u-svg-content" viewBox="0 0 480.56 480.56" x="0px" y="0px" style="width: 1em; height: 1em;"><g><g><path d="M365.354,317.9c-15.7-15.5-35.3-15.5-50.9,0c-11.9,11.8-23.8,23.6-35.5,35.6c-3.2,3.3-5.9,4-9.8,1.8    c-7.7-4.2-15.9-7.6-23.3-12.2c-34.5-21.7-63.4-49.6-89-81c-12.7-15.6-24-32.3-31.9-51.1c-1.6-3.8-1.3-6.3,1.8-9.4    c11.9-11.5,23.5-23.3,35.2-35.1c16.3-16.4,16.3-35.6-0.1-52.1c-9.3-9.4-18.6-18.6-27.9-28c-9.6-9.6-19.1-19.3-28.8-28.8    c-15.7-15.3-35.3-15.3-50.9,0.1c-12,11.8-23.5,23.9-35.7,35.5c-11.3,10.7-17,23.8-18.2,39.1c-1.9,24.9,4.2,48.4,12.8,71.3    c17.6,47.4,44.4,89.5,76.9,128.1c43.9,52.2,96.3,93.5,157.6,123.3c27.6,13.4,56.2,23.7,87.3,25.4c21.4,1.2,40-4.2,54.9-20.9    c10.2-11.4,21.7-21.8,32.5-32.7c16-16.2,16.1-35.8,0.2-51.8C403.554,355.9,384.454,336.9,365.354,317.9z"></path><path d="M346.254,238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89c-25.7-25.7-58.2-41.9-94-46.9l-5.2,37.1    c27.7,3.9,52.9,16.4,72.8,36.3C329.454,188.2,341.754,212,346.254,238.2z"></path><path d="M403.954,77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2,37.1c51.4,7.2,98,30.5,134.8,67.2c34.9,34.9,57.8,79,66.1,127.5    l36.9-6.3C470.854,169.3,444.354,118.3,403.954,77.8z"></path>
260</g>
261</g></svg></span>
262                    <span style="font-size: 1.25rem;">&nbsp; 05401 30739<br>
263                    </span><span class="u-icon"><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" style="width: 1em; height: 1em;"><g><g><path d="M467,80.609H45c-24.813,0-45,20.187-45,45v260.782c0,24.813,20.187,45,45,45h422c24.813,0,45-20.187,45-45V125.609    C512,100.796,491.813,80.609,467,80.609z M461.127,110.609l-6.006,5.001L273.854,266.551c-10.346,8.614-25.364,8.614-35.708,0    L56.879,115.61l-6.006-5.001H461.127z M30,132.267L177.692,255.25L30,353.543V132.267z M467,401.391H45    c-7.248,0-13.31-5.168-14.699-12.011l171.445-114.101l17.204,14.326c10.734,8.938,23.893,13.407,37.051,13.407    c13.158,0,26.316-4.469,37.051-13.407l17.204-14.326l171.444,114.1C480.31,396.224,474.248,401.391,467,401.391z M482,353.543    l-147.692-98.292L482,132.267V353.543z"></path>
264</g>
265</g></svg></span>
266                    <span style="font-size: 1.25rem;">&nbsp; [email protected]</span>
267                  </h4>
268                </div>
269              </div>
270            </div>
271          </div>
272        </div>
273      </div>
274    </section>
275    <section class="u-align-center u-clearfix u-white u-section-8" id="sec-24df">
276      <div class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
277        <img alt="" class="u-align-center u-image u-image-default lazyload u-image-1" data-href="Both-Design.html" data-src="images/logo.png">
278        <h3 class="u-align-center-xs u-text u-text-1">Ihre One-Woman-Mediendesign-Agentur in,&nbsp;um und über Osnabrück hinaus!</h3>
279      </div>
280    </section>
281    <style class="u-overlap-style">.u-overlap:not(.u-sticky-scroll) .u-header {
282background-color: #ffffff !important
283}</style>
284    
285    
286    
287    
288    
289    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-4f1f"><div class="u-clearfix u-sheet u-sheet-1">
290        <div class="u-clearfix u-expanded-width-lg u-expanded-width-xl u-layout-wrap u-layout-wrap-1">
291          <div class="u-layout">
292            <div class="u-layout-row">
293              <div class="u-container-style u-layout-cell u-size-14-sm u-size-14-xs u-size-15-lg u-size-15-xl u-size-60-md u-layout-cell-1">
294                <div class="u-container-layout u-valign-top-lg u-valign-top-xl u-container-layout-1">
295                  <p class="u-small-text u-text u-text-variant u-text-1">
296                    <span style="font-weight: 400;">
297                      <span style="font-weight: 700;">
298                        <a href="Both-Design.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-1">Both-Design</a>
299                      </span>
300                      <br>
301                    </span>Renate Both<br>
302                    <span style="font-weight: 400;">Patkenheide 7<br>49124 Georgsmarienhütte
303                    </span>
304                    <br>
305                  </p>
306                </div>
307              </div>
308              <div class="u-container-style u-layout-cell u-size-15-lg u-size-15-xl u-size-16-sm u-size-16-xs u-size-60-md u-layout-cell-2">
309                <div class="u-container-layout u-valign-top-sm u-valign-top-xs u-container-layout-2">
310                  <p class="u-align-left-md u-align-left-sm u-align-left-xs u-small-text u-text u-text-variant u-text-2">
311                    <span style="font-weight: 700;">Kontakt</span>
312                    <br>Telefon: 05401 30739<br><span class="u-icon"></span><span class="u-icon"><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" style="width: 1em; height: 1em;"><g><g><path d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106    C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z     M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787    L338.213,256L482,112.212V399.787z"></path>
313</g>
314</g></svg></span>&nbsp;[email protected]<br><span class="u-icon"><svg class="u-svg-content" viewBox="0 0 512.418 512.418" style="width: 1em; height: 1em;"><path d="m437.335 75.082c-100.1-100.102-262.136-100.118-362.252 0-100.103 100.102-100.118 262.136 0 362.253 100.1 100.102 262.136 100.117 362.252 0 100.103-100.102 100.117-262.136 0-362.253zm-10.706 325.739c-11.968-10.702-24.77-20.173-38.264-28.335 8.919-30.809 14.203-64.712 15.452-99.954h75.309c-3.405 47.503-21.657 92.064-52.497 128.289zm-393.338-128.289h75.309c1.249 35.242 6.533 69.145 15.452 99.954-13.494 8.162-26.296 17.633-38.264 28.335-30.84-36.225-49.091-80.786-52.497-128.289zm52.498-160.936c11.968 10.702 24.77 20.173 38.264 28.335-8.919 30.809-14.203 64.712-15.452 99.954h-75.31c3.406-47.502 21.657-92.063 52.498-128.289zm154.097 31.709c-26.622-1.904-52.291-8.461-76.088-19.278 13.84-35.639 39.354-78.384 76.088-88.977zm0 32.708v63.873h-98.625c1.13-29.812 5.354-58.439 12.379-84.632 27.043 11.822 56.127 18.882 86.246 20.759zm0 96.519v63.873c-30.119 1.877-59.203 8.937-86.246 20.759-7.025-26.193-11.249-54.82-12.379-84.632zm0 96.581v108.254c-36.732-10.593-62.246-53.333-76.088-88.976 23.797-10.817 49.466-17.374 76.088-19.278zm32.646 0c26.622 1.904 52.291 8.461 76.088 19.278-13.841 35.64-39.354 78.383-76.088 88.976zm0-32.708v-63.873h98.625c-1.13 29.812-5.354 58.439-12.379 84.632-27.043-11.822-56.127-18.882-86.246-20.759zm0-96.519v-63.873c30.119-1.877 59.203-8.937 86.246-20.759 7.025 26.193 11.249 54.82 12.379 84.632zm0-96.581v-108.254c36.734 10.593 62.248 53.338 76.088 88.977-23.797 10.816-49.466 17.373-76.088 19.277zm73.32-91.957c20.895 9.15 40.389 21.557 57.864 36.951-8.318 7.334-17.095 13.984-26.26 19.931-8.139-20.152-18.536-39.736-31.604-56.882zm-210.891 56.882c-9.165-5.947-17.941-12.597-26.26-19.931 17.475-15.394 36.969-27.801 57.864-36.951-13.068 17.148-23.465 36.732-31.604 56.882zm.001 295.958c8.138 20.151 18.537 39.736 31.604 56.882-20.895-9.15-40.389-21.557-57.864-36.951 8.318-7.334 17.095-13.984 26.26-19.931zm242.494 0c9.165 5.947 17.942 12.597 26.26 19.93-17.475 15.394-36.969 27.801-57.864 36.951 13.067-17.144 23.465-36.729 31.604-56.881zm26.362-164.302c-1.249-35.242-6.533-69.146-15.452-99.954 13.494-8.162 26.295-17.633 38.264-28.335 30.84 36.225 49.091 80.786 52.497 128.289z"></path></svg></span>&nbsp;www.both-design.de
315                  </p>
316                </div>
317              </div>
318              <div class="u-container-style u-layout-cell u-size-15 u-size-60-md u-layout-cell-3">
319                <div class="u-container-layout u-container-layout-3">
320                  <p class="u-align-left-md u-align-left-sm u-align-left-xs u-small-text u-text u-text-variant u-text-3">
321                    <span style="font-weight: 700;">Leistungen</span>
322                    <br>
323                    <a href="Grafikdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-2">Grafikdesign Osnabrück</a>
324                    <br>
325                    <a href="Editorial-Design.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-3">Editorial-Design Osnabrück</a>
326                    <br>
327                    <a href="Webdesign.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-4">Webdesign Osnabrück</a>
328                  </p>
329                </div>
330              </div>
331              <div class="u-container-style u-layout-cell u-size-15 u-size-60-md u-layout-cell-4">
332                <div class="u-container-layout u-valign-top-lg u-valign-top-xl u-container-layout-4">
333                  <p class="u-align-left-md u-align-left-sm u-align-left-xs u-small-text u-text u-text-variant u-text-4">
334                    <span style="font-weight: 700;">Rechtliche Angaben</span>
335                    <br>
336                    <a href="Impressum.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-5">Impressum</a>
337                    <br>
338                    <a href="Datenschutz.html" class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-body-alt-color u-btn-6">Datenschutz</a>
339                    <br>© Both-Design 2004-2023<br>
340                  </p>
341                </div>
342              </div>
343            </div>
344          </div>
345        </div>
346      </div></footer><span style="height: 48px; width: 48px; margin-left: 0px; margin-right: auto; margin-top: 0px; background-image: none; right: 60px; bottom: 35px;" class="u-back-to-top u-icon u-icon-rectangle u-opacity u-opacity-85 u-palette-1-base u-radius-3 u-spacing-2" data-href="#">
347        <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use></svg>
348        <svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path></svg>
349    </span>
350  
351</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.