PageSourceSearch

https://www.top21.sh/das-unternehmen/ueber-uns.html

html top21.sh collected 2026-10-08 21:19:00 UTC 72,518 bytes, 2,402 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4
5      <meta charset="UTF-8">
6    <title>Über uns - Top 21 Systemhaus GmbH Stuttgart</title>
7    <base href="https://www.top21.sh/">
8
9          <meta name="robots" content="index,follow">
10      <meta name="description" content="Die Top 21 Systemhaus GmbH, gegründet 2002, ist Ihr zuverlässiger IT-Dienstleister aus Stuttgart.">
11      <meta name="generator" content="Contao Open Source CMS">
12    
13    
14    <meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no,viewport-fit=cover">
15        <link rel="stylesheet" href="/assets/css/icons.min.css,rocksolid-slider.min.css,default-skin.min.css,cook...-f36c2872.css">        
15<script src="/assets/js/jquery.min.js,rocksolid-slider.min.js,modernizr.min.js-c7cdd56e.js"></script>
15<meta http-equiv="X-Frame-Options" content="sameorigin">
16
17
18<link rel="icon" type="image/png" href="/files/images/favicons/all/favicon-96x96.png" sizes="96x96" />
19<link rel="icon" type="image/svg+xml" href="/files/images/favicons/all/favicon.svg" />
20<link rel="shortcut icon" href="/files/images/favicons/all/favicon.ico" />
21<link rel="apple-touch-icon" sizes="180x180" href="/files/images/favicons/all/apple-touch-icon.png" />
22<meta name="apple-mobile-web-app-title" content="Top 21 Systemhaus GmbH" />
23<link rel="manifest" href="/files/images/favicons/all/site.webmanifest" crossorigin="use-credentials" />
24  
25
26<script src="bundles/contaocookiebar/scripts/cookiebar.min.js?v=1f0a2a41"></script>
26
27</head>
28<body id="top" class="tao-no-sidebar tao-fullwidth">
29
30  
31	
32	<div class="page">
33
34					<header class="page-header">
35				
36<div class="header-bar">
37	<div class="header-bar-inner"><ul class="icon-links ce_rsce_tao_icon_links header-links">
38			<li>
39			<a href="tel:+497112172520" data-icon="&#xe0e7;" target="_blank" rel="noopener">
40				<span class="icon-links-label">+49 711 217252-0</span>
41			</a>
42		</li>
43			<li>
44			<a href="mailto:[email protected]" data-icon="&#xe0cd;">
45				<span class="icon-links-label">[email protected]</span>
46			</a>
47		</li>
48	</ul>
49<ul class="icon-links ce_rsce_tao_icon_links header-links -right -secondary">
50			<li>
51			<a href="https://www.linkedin.com/company/top-21-systemhaus-gmbh" data-icon="&#xe0b6;" style=" background-color: #0077b5" target="_blank" rel="noopener">
52				<span class="icon-links-label">LinkedIn</span>
53			</a>
54		</li>
55			<li>
56			<a href="https://www.xing.com/companies/top21systemhausgmbh" data-icon="&#xe14b;" style=" background-color: #0077b5" target="_blank" rel="noopener">
57				<span class="icon-links-label">XING</span>
58			</a>
59		</li>
60	</ul>
61
62</div>
63</div>
64<div class="header-navigation">
65	<div class="header-navigation-inner">
66<!-- indexer::stop -->
67<h1 class="ce_rsce_tao_logo logo">
68	<a href="">
69								
70
71<img src="/assets/images/1/top21_logo_Top21Systemhaus-4s7m3terfe2ac47.svg" width="426" height="150" alt="Top 21 Systemhaus GmbH Stuttgart" title="Top21 Systemhaus Logo">
72
73			</a>
74</h1>
75<!-- indexer::continue -->
76
77<!-- indexer::stop -->
78<nav class="mod_rocksolid_mega_menu main-navigation block" id="main-navigation">
79
80  
81  <a href="/das-unternehmen/ueber-uns.html#skipNavigation78" class="invisible">Navigation überspringen</a>
82
83  <ul class="level_1">
84
85	
86				
87		<li class="">
88
89							<a href="/startseite.html" title="Startseite" class="" itemprop="url"><span itemprop="name">Startseite</span>
90			
91			
92							</a>
93			
94			
95		</li>
96
97	
98				
99		<li class="forward trail submenu">
100
101							<strong class="forward trail submenu" aria-haspopup="true" itemprop="name">Das Unternehmen			
102			
103							</strong>
104			
105			<ul class="level_2">
106
107	
108				
109		<li class="active">
110
111							<strong class="active" itemprop="name">Über uns			
112			
113							</strong>
114			
115			
116		</li>
117
118	
119				
120		<li class="sibling">
121
122							<a href="/das-unternehmen/aktuelles.html" title="Aktuelles" class="sibling" itemprop="url"><span itemprop="name">Aktuelles</span>
123			
124			
125							</a>
126			
127			
128		</li>
129
130	
131				
132		<li class="sibling">
133
134							<a href="/das-unternehmen/karriere.html" title="Karriere" class="sibling" itemprop="url"><span itemprop="name">Karriere</span>
135			
136			
137							</a>
138			
139			
140		</li>
141
142	
143				
144		<li class="sibling">
145
146							<a href="/green-it.html" title="Green IT" class="sibling" itemprop="url"><span itemprop="name">Green IT</span>
147			
148			
149							</a>
150			
151			
152		</li>
153
154	
155				
156		<li class="sibling">
157
158							<a href="/das-unternehmen/partner.html" title="Partner" class="sibling" itemprop="url"><span itemprop="name">Partner</span>
159			
160			
161							</a>
162			
163			
164		</li>
165
166	
167				
168		<li class="sibling">
169
170							<a href="/das-unternehmen/datenschutz-dsgvo.html" title="Datenschutz" class="sibling" itemprop="url"><span itemprop="name">Datenschutz · DSGVO</span>
171			
172			
173							</a>
174			
175			
176		</li>
177
178	
179				
180		<li class="sibling">
181
182							<a href="/das-unternehmen/zertifizierungen.html" title="Zertifizierungen" class="sibling" itemprop="url"><span itemprop="name">Zertifizierungen</span>
183			
184			
185							</a>
186			
187			
188		</li>
189
190	
191				
192		<li class="sibling">
193
194							<a href="/das-unternehmen/soziales-engagement.html" title="Soziales Engagement" class="sibling" itemprop="url"><span itemprop="name">Soziales Engagement</span>
195			
196			
197							</a>
198			
199			
200		</li>
201
202	
203</ul>
204
205		</li>
206
207	
208				
209		<li class="submenu">
210
211							<a href="/die-geschaeftsbereiche.html" title="Die Geschäftsbereiche" class="submenu" aria-haspopup="true" itemprop="url"><span itemprop="name">Die Geschäftsbereiche</span>
212			
213			
214							</a>
215			
216			<ul class="level_2">
217
218	
219				
220		<li class="">
221
222							<a href="/die-geschaeftsbereiche/server-clients.html" title="Server + Clients" class="" itemprop="url"><span itemprop="name">Server + Clients</span>
223			
224			
225							</a>
226			
227			
228		</li>
229
230	
231				
232		<li class="">
233
234							<a href="/die-geschaeftsbereiche/cloud-loesungen.html" title="Cloud-Lösungen" class="" itemprop="url"><span itemprop="name">Cloud-Lösungen</span>
235			
236			
237							</a>
238			
239			
240		</li>
241
242	
243				
244		<li class="">
245
246							<a href="/die-geschaeftsbereiche/it-sicherheit.html" title="IT-Sicherheit" class="" itemprop="url"><span itemprop="name">IT-Sicherheit</span>
247			
248			
249							</a>
250			
251			
252		</li>
253
254	
255				
256		<li class="">
257
258							<a href="/die-geschaeftsbereiche/it-beratung-consulting.html" title="IT-Beratung/-Consulting" class="" itemprop="url"><span itemprop="name">IT-Beratung/-Consulting</span>
259			
260			
261							</a>
262			
263			
264		</li>
265
266	
267				
268		<li class="">
269
270							<a href="/die-geschaeftsbereiche/it-support.html" title="IT-Support" class="" itemprop="url"><span itemprop="name">IT-Support</span>
271			
272			
273							</a>
274			
275			
276		</li>
277
278	
279</ul>
280
281		</li>
282
283	
284				
285		<li class="">
286
287							<a href="/die-kunden.html" title="Die Kunden" class="" itemprop="url"><span itemprop="name">Die Kunden</span>
288			
289			
290							</a>
291			
292			
293		</li>
294
295	
296				
297		<li class="">
298
299							<a href="/kontakt.html" title="Kontakt" class="" itemprop="url"><span itemprop="name">Kontakt</span>
300			
301			
302							</a>
303			
304			
305		</li>
306
307	
308</ul>
309
310  <span id="skipNavigation78" class="invisible"></span>
311
312</nav>
313<!-- indexer::continue -->
314
315<!-- indexer::stop -->
316<form action="/suche.html" method="get" class="ce_rsce_tao_nav_search main-navigation-search">
317	<input type="search" name="keywords" placeholder="Suchen" />
318	<button type="submit">Suchen</button>
319</form>
320<!-- indexer::continue -->
321
322</div>
323</div>
324<div class="main-navigation-mobile">
325<!-- indexer::stop -->
326<form action="/suche.html" method="get" class="ce_rsce_tao_nav_search main-navigation-mobile-search">
327	<input type="search" name="keywords" placeholder="Suchen" />
328	<button type="submit">Suchen</button>
329</form>
330<!-- indexer::continue -->
331
332<!-- indexer::stop -->
333<nav class="mod_navigation block">
334
335  
336  <a href="/das-unternehmen/ueber-uns.html#skipNavigation11" class="invisible">Navigation überspringen</a>
337
338  
339<ul class="level_1">
340            <li><a href="/startseite.html" title="Startseite">Startseite</a></li>
341                <li class="forward trail submenu"><strong class="forward trail submenu" aria-haspopup="true">Das Unternehmen</strong>
342<ul class="level_2">
343            <li class="active"><strong class="active">Über uns</strong></li>
344                <li class="sibling"><a href="/das-unternehmen/aktuelles.html" title="Aktuelles" class="sibling">Aktuelles</a></li>
345                <li class="sibling"><a href="/das-unternehmen/karriere.html" title="Karriere" class="sibling">Karriere</a></li>
346                <li class="sibling"><a href="/green-it.html" title="Green IT" class="sibling">Green IT</a></li>
347                <li class="sibling"><a href="/das-unternehmen/partner.html" title="Partner" class="sibling">Partner</a></li>
348                <li class="sibling"><a href="/das-unternehmen/datenschutz-dsgvo.html" title="Datenschutz" class="sibling">Datenschutz · DSGVO</a></li>
349                <li class="sibling"><a href="/das-unternehmen/zertifizierungen.html" title="Zertifizierungen" class="sibling">Zertifizierungen</a></li>
350                <li class="sibling"><a href="/das-unternehmen/soziales-engagement.html" title="Soziales Engagement" class="sibling">Soziales Engagement</a></li>
351      </ul>
352</li>
353                <li class="submenu"><a href="/die-geschaeftsbereiche.html" title="Die Geschäftsbereiche" class="submenu" aria-haspopup="true">Die Geschäftsbereiche</a>
354<ul class="level_2">
355            <li><a href="/die-geschaeftsbereiche/server-clients.html" title="Server + Clients">Server + Clients</a></li>
356                <li><a href="/die-geschaeftsbereiche/cloud-loesungen.html" title="Cloud-Lösungen">Cloud-Lösungen</a></li>
357                <li><a href="/die-geschaeftsbereiche/it-sicherheit.html" title="IT-Sicherheit">IT-Sicherheit</a></li>
358                <li><a href="/die-geschaeftsbereiche/it-beratung-consulting.html" title="IT-Beratung/-Consulting">IT-Beratung/-Consulting</a></li>
359                <li><a href="/die-geschaeftsbereiche/it-support.html" title="IT-Support">IT-Support</a></li>
360      </ul>
361</li>
362                <li><a href="/die-kunden.html" title="Die Kunden">Die Kunden</a></li>
363                <li><a href="/kontakt.html" title="Kontakt">Kontakt</a></li>
364      </ul>
365
366  <span id="skipNavigation11" class="invisible"></span>
367
368</nav>
369<!-- indexer::continue -->
370<ul class="icon-links ce_rsce_tao_icon_links main-navigation-mobile-icons">
371			<li>
372			<a href="https://www.linkedin.com/company/top-21-systemhaus-gmbh" data-icon="&#xe0b6;">
373				<span class="icon-links-label">LinkedIn</span>
374			</a>
375		</li>
376			<li>
377			<a href="https://www.xing.com/companies/top21systemhausgmbh" data-icon="&#xe14b;">
378				<span class="icon-links-label">XING</span>
379			</a>
380		</li>
381	</ul>
382
383</div>			</header>
384		
385		
386  
387<div id="Tagline">
388  <div class="inside">
389    
390<div class="tagline">
391<div class="tagline-inner">
392
393  <div class="mod_article block" id="article-185">
394    
395          
396<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start -background-parallax -color-inverted -medium" style=" ">
397
398			<div class="centered-wrapper-background" style="background-image: url(&quot;/assets/images/b/top21_slider_ueberuns_1960x600-9n5pjgtyxbvtj4t.png&quot;);background-position: 50% 0;" data-image-url="/assets/images/b/top21_slider_ueberuns_1960x600-9n5pjgtyxbvtj4t.png"></div>
399	
400	<div class="centered-wrapper-inner -fullwidth">
401</div>
402</div>
403    
404      </div>
405
406
407</div>
408</div>  </div>
409</div>
410
411		<div class="content-wrapper">
412
413			<main role="main" class="main-content">
414
415				<style>
416	/* for both */
417	
418	/* bfsg */
419	.bfsg .bfsg-content:before,
420	.contao-cookiebar .cc-inner:before{
421		content: "";
422		
423	    		    height: 100px;
424	    	    
425	    display: block;
426	    margin: -23px -23px 0 -23px;
427	    padding: 1em;
428	    		    background-color: #ffffff;
429	    	    
430	    		    /*background-image: url(/files/images/logos/top21_logo_Top21Systemhaus.svg);*/
431		    /*background-image: url(/files/images/logos/top21_logo_Top21Systemhaus.svg);*/
432		
433	    border-bottom:3px solid #3d3c3f;
434	    
435	    /*$backgroundImg= / $logoImg=/files/images/logos/top21_logo_Top21Systemhaus.svg*/	    
436	    		    background-image: url(/files/images/logos/top21_logo_Top21Systemhaus.svg);
437		    background-repeat: no-repeat;
438		    background-size: auto calc(100% - 60px);
439		    background-position: center center;
440	    	}
441
442	.bfsg .modal,
443	.cc-active .cc-inner {
444		border: 3px solid #3d3c3f;
445		border-radius: 1em;
446	    box-shadow: 0 0 10px #000;		font-size: 14px;
447	}
448
449	/* cookiebar */
450	.cc-active .cc-inner {
451		font-size: 14px;
452	}
453	.cc-active .cc-inner .cc-head {
454		margin-top: 1em;
455		hyphens: auto;
456	    text-align: justify;
457	}
458	.cc-active .cc-inner .cc-inner-custom {
459		background: #0472b8;
460		margin: -23px -23px 0 -23px;
461		padding: 23px;
462		text-align: center;
463	}
464	.cc-active .cc-inner .cc-inner-custom img {
465		width:50%;
466		height:auto;
467	}
468	.cc-inner button,
469	.cc-detail-btn,
470	.cc-detail-btn-details {
471		box-shadow:none;
472		text-shadow:none;
473		margin: 0;
474	}
475	.cc-detail-btn:focus, .cc-detail-btn-details:focus {
476		background:transparent;
477	}
478	.cc-info>a+a:before {
479	    display: inline-block;
480	    content: "·";
481	    margin-right: 5px;
482	}
483</style>
484
485<style>
486	.opener-btn {
487		border-radius:50%; 
488				    background: #117DBF !important;
489	    		width: 4em; 
490		height: 4em; 
491		overflow:hidden; 
492		padding:.5em;
493		box-shadow: 0px 5px 10px #000;
494		
495		position: fixed;
496		bottom: 1em;
497		z-index: 100;
498	}
499	.opener-btn svg {
500		transform: scale(1.25);
501	}
502	.opener-btn.mod_cookiebar_opener {
503		left: 1em;
504	}
505	.opener-btn.mod_bfsg_opener {
506		right: 1em;
507		bottom: 1em;
508	}
509	.opener-btn.mod_bfsg_opener.active {
510		background: #399d32 !important;
511	}
512	.opener-btn svg .st0 {
513				    fill: #FFFFFF !important;
514	    	}
515
516</style>
517
518<style>
519	
520	.bfsg {
521		position: fixed;
522	    top: 0;
523	    left: 0;
524	    right: 0;
525	    bottom: 0;
526	    z-index: 100;
527	    
528	    display:none;
529	    
530	    padding: 15px;
531		z-index: 150;
532	}
533	
534	.bfsg.visible {
535		display: flex;
536		align-items: center;
537		justify-content: center;
538	}
539	
540	.bfsg .modal {
541		/*min-width:50%;*/
542		/*margin:0 auto;*/
543		/*padding: 3em 2em;*/
544		border: 3px solid #3d3c3f;
545	    border-radius: 1em;
546	    /*box-shadow: 0 0 10px #000;*/
547		
548		/*position: absolute;*/
549		/*top: 50%; left: 50%;*/
550		/*transform: translate(-50%,-50%);*/
551		
552		max-height: 100%;
553		width: 750px;
554		max-width: 750px;
555
556		overflow-x: hidden;
557		overflow-y: auto;
558	}
559	.bfsg .modal .bfsg-content {
560		padding: 23px;
561	}
562	.bfsg label {
563		font-size: 1em;
564		line-height: 2em;
565		border: 1px solid #ddd;
566		border-radius: 10px;
567		padding: 10px;
568		font-size: 1.25em;
569	}
570	.bfsg label.checkbox {
571	    cursor: pointer;
572	}
573	.bfsg label.checkbox:hover {
574	    background: #eee;
575	}
576	.bfsg label input {
577		display:none;
578	}
579	.bfsg label span {
580		margin-left: 2em;
581	}
582	.bfsg label.font-size button,
583	.bfsg label.speak button {
584		margin-top: 0;
585		font-size: .75em;
586	}
587
588	.bfsg nav ul {
589		margin:0;
590		padding: 0;
591		text-align: center;
592	}
593	.bfsg nav ul li {
594		display: inline-block;
595	}
596	.bfsg nav ul li+li:before {
597	    display: inline-block;
598	    content: "·";
599	    color: #a2a2a2;
600	    /*margin-right: 5px;*/
601	}
602	.bfsg nav ul li a {
603		font-size: .813rem;
604	    color: #a2a2a2;
605	    text-decoration: none;
606	}
607	.bfsg nav ul li a:hover {
608		color: #717171;
609		text-decoration: underline;
610	}
611	
612	.bfsg input {
613		position: relative;
614	    display: block;
615	    padding: 8px 13px 8px 0;
616	    line-height: 1.2rem;
617	    padding: 8px 13px 8px 45px;
618	    cursor: pointer;
619	}
620	.bfsg input+.switcher {
621	    position: relative;
622	    border: 1px solid #9c9b99;
623	    border-radius: 1em;
624	    height: calc(2em - 5px);
625	    width: 3em;
626	    display: inline-block;
627	    float: right;
628	    margin-top: .25em;
629	}
630	.bfsg input:checked+.switcher {
631		border-color: #399d32;
632		background: #dcf3db;
633	}
634	.bfsg input+.switcher .knob {
635	    position: absolute;
636	    background: #9c9b99;
637	    border-radius: .5em;
638	    display: block;
639	    width: 1em;
640	    height: 1em;
641	    margin: 5px;
642	}
643    .bfsg input:checked+.switcher .knob {
644		background: #399d32;
645		right: 0;
646	}
647	
648
649	/* BFSG */
650	body.high-line-height{
651		line-height: 3em;
652	}
653	
654	body.no-img *:not(.bfsg *) {
655		background-image: none;
656	}
657	body.no-img .centered-wrapper-background,
658	body.no-img img:not(.logo img) {
659		opacity: 0;
660	}
661	body.no-img img.replaced {
662		display:none;
663	}
664	
665	body.high-contrast .page{
666		/*background:#fff;*/
667		/*filter: grayscale(1) contrast(10) brightness(1);*/
668		/*filter: grayscale(1);*/
669	}
670	body.high-contrast .page *:not(.bfsg *,.mod_bfsg_opener,.mod_bfsg_opener *,.mod_cookiebar_opener.icon),
671	body.high-contrast .page *:not(.bfsg *,.mod_bfsg_opener,.mod_bfsg_opener *,.mod_cookiebar_opener.icon){
672				    background: #ffffff !important;
673	    				    color: #000000 !important;
674	    	}
675	
676	/*body.high-contrast *:not(.main-navigation-mobile-open),*/
677	/*body.high-contrast *:not(.main-navigation-mobile-open):before,*/
678	/*body.high-contrast *:not(.main-navigation-mobile-open):after*/
679	/*{*/
680	/*	background-color: #fff !important;*/
681	/*	color:#000 !important;*/
682	/*}*/
683	
684	body.high-contrast .button,
685	body.high-contrast .footer-top-link{
686		border:1px solid #000;
687	}
688	body.high-contrast .mod_bfsg_opener svg path {
689		fill: #000;
690	}
691
692	body.font-bold * {
693		font-weight:bold !important;
694	}
695	
696	body.font-standard * {
697				    font-family: Arial, Helvetica, sans-serif !important;
698	    	}
699	
700	.image-replacer {
701		border: 1px solid #ccc;
702		padding:1em;
703	}
704	
705</style>
706
707<script type="text/javascript">
708	$(document).ready(function(){
709		
710		// bfsg-trigger
711		$('.bfsg-trigger').click(function(e){
712			e.preventDefault();
713			handleModal(true);
714		});
715		
716		$('.mod_bfsg_opener').click(function(e){
717			e.preventDefault();
718			handleModal(true);
719		});
720		$('.bfsg-close-button').click(function(){
721			handleModal(false);
722		});
723		$('.bfsg-reset-button').click(function(){
724			resetAll();
725		});
726		
727		/*
728		text to speech
729		*/
730		stopSpeakingText();
731		$('.read-page-stop').hide();
732		$('.read-page-start').click(function(e){
733			e.preventDefault()
734			startSpeakingText();
735			$('.mod_bfsg_opener').addClass('active');
736			$('.read-page-start').hide();
737			$('.read-page-pause').show();
738			$('.read-page-stop').show();
739		});
740		$('.read-page-pause').click(function(e){
741			e.preventDefault()
742			pauseSpeakingText();
743			$('.mod_bfsg_opener').removeClass('active');
744			$('.read-page-start').show();
745		});
746		$('.read-page-stop').click(function(e){
747			e.preventDefault()
748			stopSpeakingText();
749			$('.mod_bfsg_opener').removeClass('active');
750			$('.read-page-pause').hide();
751			$('.read-page-stop').hide();
752			$('.read-page-start').show();
753		});
754		if ('speechSynthesis' in window) {
755			// everything OK
756		}else{
757			$('#speakLabel').hide();
758		}
759		
760		// shortcuts
761		$(document).on('keydown', function(e){
762			console.log(e);
763			
764			// if(e.key.toLowerCase() === 'u' && e.ctrlKey && e.altKey){
765			// if(e.key.toLowerCase() === 'u' && e.ctrlKey && e.shiftKey){
766			// if(e.key.toLowerCase() === 'u' && e.ctrlKey){
767			if(e.key.toLowerCase() === 'h' && e.ctrlKey && e.shiftKey){
768				console.log(e.key);
769			}
770		});
771		
772		// load from localStorage
773		const settingsString = localStorage.getItem('bfsg');
774		const settings = JSON.parse(settingsString);
775		deActivateOpener();
776
777		for(i in settings){
778			if(i === 'fontSize'){
779				$('#fontSize').val(settings[i]);
780				setBFSG(i, settings[i]);
781				$('button.font-size-value').text(settings[i]);
782			}else{
783				$('#'+i).prop('checked',settings[i]);
784				setBFSG(i, settings[i])
785			}
786		}
787
788		$('.setting').change(function(e){
789			const inputType = this.type;
790
791			if(inputType == 'number'){
792				/* for select */
793				setBFSG(this.id, this.value);
794			}else{
795				/* for checkbox */
796				const checked = $(this).is(':checked'); 
797				setBFSG(this.id, checked);
798				
799				if(checked){
800					$(this).parent().addClass('checked');
801				}else{
802					$(this).parent().removeClass('checked');
803				}
804			}
805			
806			setStorageObject();
807		});
808		
809		$('.bfsg button.set').click(function(){
810			if($(this).hasClass('plus')){
811				handlePlusMinus(1)
812			}else{
813				handlePlusMinus(-1)
814			}
815		});
816	});
817	
818	const setBFSG = (id, val) => {
819		
820		switch(id) {
821			case 'fontSize':
822				$('body').css('font-size',(1+((val-1)/10))+'em');
823				break;
824			case 'lineHeight':
825				if(val === true){
826					$('body').addClass('high-line-height');
827				}else{
828					$('body').removeClass('high-line-height');
829				}
830				break;
831			case 'noImg':
832				if(val === true){
833					$('body').addClass('no-img');
834					$("label[for='noImg']").parent().addClass('active');
835					hideImages();
836				}else{
837					$('body').removeClass('no-img');
838					$("label[for='noImg']").parent().removeClass('active');
839					showImages();
840				}
841				break;
842			case 'highContrast':
843				if(val === true){
844					$('body').addClass('high-contrast');
845				}else{
846					$('body').removeClass('high-contrast');
847				}
848				break;
849			case 'standardFonts':
850				if(val === true){
851					$('body').addClass('font-standard');
852				}else{
853					$('body').removeClass('font-standard');
854				}
855				break;
856			case 'boldFonts':
857				if(val === true){
858					$('body').addClass('font-bold');
859				}else{
860					$('body').removeClass('font-bold');
861				}
862				break;
863		}
864		
865	}
866	
867	const setStorageObject = () => {
868		const storageObject = {
869			fontSize: $('#fontSize').val(),
870			lineHeight: $('#lineHeight').is(":checked"),
871			noImg: $('#noImg').is(":checked"),
872			highContrast: $('#highContrast').is(":checked"),
873			standardFonts: $('#standardFonts').is(":checked"),
874			boldFonts: $('#boldFonts').is(":checked"),
875			noAnimations: $('#noAnimations').is(":checked"),
876		}
877
878		const storageString = JSON.stringify(storageObject);
879		localStorage.setItem('bfsg',storageString);
880		
881		deActivateOpener();
882	}
883	
884	const handleModal = (open) => {
885		if(open){
886			// $('.bfsg').show());
887			$('.bfsg').addClass('visible');
888		}else{
889			// $('.bfsg').hide();
890			$('.bfsg').removeClass('visible');
891		}
892	}
893	
894	const resetAll = () => {
895		$('#fontSize').val(1).trigger('change');
896		$('.font-size-value').text(1);
897		$('.bfsg input.setting').prop('checked',false).trigger('change');
898	}
899	
900	const hideImages = () => {
901		$('img').not('.logo img').each(
902			function(){
903				$(this).after('<div class="image-replacer" style="width:'+$(this).width()+'px;height:'+$(this).height()+'px;">'+this.alt+'</div>')
904				$(this).addClass('replaced');
905			}	
906		)
907	}
908	const showImages = () => {
909		$('img').removeClass('replaced');
910		$('.image-replacer').remove();
911	}
912	
913	const handlePlusMinus = (amount) => {
914		const initialAmount = parseInt($('#fontSize').val());
915		if(amount > 0 || initialAmount > 1){
916			newAmount = initialAmount + amount;
917			$('#fontSize').val(initialAmount + amount);
918		}
919		$('#fontSize').val(newAmount);
920		setBFSG('fontSize', newAmount);
921		$('button.font-size-value').text(newAmount);
922		
923		setStorageObject();
924	}
925	
926	const deActivateOpener = () => {
927		const settingsString = localStorage.getItem('bfsg');
928		const storageObject = JSON.parse(settingsString);
929		
930		let hasSettings = false;
931		for(i in storageObject){
932			if(storageObject[i] === true || storageObject[i] > 1) hasSettings = true;
933		}
934		if(hasSettings){
935			$('.mod_bfsg_opener').addClass('active');
936		}else{
937			$('.mod_bfsg_opener').removeClass('active');
938		}
939	}
940	
941	// read contents
942	const startSpeakingText = () => {
943		
944	    if ('speechSynthesis' in window) {
945	    	
946	    	synth = window.speechSynthesis;
947	    	if(synth.paused){
948	    		synth.resume();
949	    		return;
950	    	}
951	    	
952			text = $('.main-content .mod_article').text();
953		
954	        const utterance = new SpeechSynthesisUtterance(text);
955	        const systemLanguage = navigator.language || 'de-DE';
956	        utterance.lang = systemLanguage;
957            // utterance.pitch = 0;
958            // utterance.rate = 0.1;
959            
960	        const voices = window.speechSynthesis.getVoices();
961	        const systemVoice = voices.find(voice => voice.lang === systemLanguage || voice.lang.includes(navigator.language+'-'));
962	        if (systemVoice) {
963	            utterance.voice = systemVoice;
964	        }
965
966	        window.speechSynthesis.speak(utterance);
967	    } else {
968	        console.error('Speech synthesis is not available in this browser.');
969	        $('.read-page-start').hide();
970	    }
971	}
972	const pauseSpeakingText = () => {
973		const synth = window.speechSynthesis;
974		synth.pause();
975	}
976	const resumeSpeakingText = () => {
977		const synth = window.speechSynthesis;
978		synth.resume();
979	}
980	const stopSpeakingText = () => {
981		const synth = window.speechSynthesis;
982		synth.cancel();
983	}
984</script>
984
985
986
987
988<style>
989
990/*put your styles here*/
991
992</style>
993<div class="opener-btn mod_cookiebar_opener icon block">
994	<a href="javascript:;" class="ccb-trigger" title="Datenschutzeinstellungen öffnen" rel="noreferrer noopener">
995		<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 720 720">
996		  <defs>
997		    <style>
998		      .st0 {
999		        fill: #ffffff;
1000		        fill-rule: evenodd;
1001		      }
1002		    </style>
1003		  </defs>
1004		  <path class="st0" d="M483.2,263.4c26.9,0,48.7-21.8,48.7-48.7s-21.8-48.7-48.7-48.7-48.7,21.8-48.7,48.7,21.8,48.7,48.7,48.7Z"></path>
1005		  <path class="st0" d="M614.8,194.4c-14.7,0-26.6,11.9-26.6,26.6s11.9,26.6,26.6,26.6,26.6-11.9,26.6-26.6-11.9-26.6-26.6-26.6Z"></path>
1006		  <path class="st0" d="M416.8,139.7c13.5,0,24.5-11,24.5-24.5s-11-24.5-24.5-24.5-24.5,11-24.5,24.5,11,24.5,24.5,24.5Z"></path>
1007		  <path class="st0" d="M522.4,116.2c9.6,0,17.3-7.8,17.3-17.3s-7.8-17.3-17.3-17.3-17.3,7.8-17.3,17.3,7.8,17.3,17.3,17.3Z"></path>
1008		  <path class="st0" d="M474.5,447.3c-16.9,0-30.5-13.7-30.5-30.5s13.7-30.5,30.5-30.5,30.5,13.7,30.5,30.5-13.7,30.5-30.5,30.5h0ZM356.2,602.9c-19.9,0-36.1-16.1-36.1-36.1s16.1-36.1,36.1-36.1,36.1,16.1,36.1,36.1-16.1,36.1-36.1,36.1h0ZM312.2,411c0-14.1,11.5-25.6,25.6-25.6s25.6,11.5,25.6,25.6-11.5,25.6-25.6,25.6-25.6-11.5-25.6-25.6h0ZM275.4,214.8c0-14.3,11.6-26,26-26s26,11.6,26,26-11.6,26-26,26-26-11.6-26-26h0ZM210.5,386.2c-35.9,0-64.9-29.1-64.9-64.9s29.1-64.9,64.9-64.9,64.9,29.1,64.9,64.9-29.1,64.9-64.9,64.9h0ZM203.3,517.7c-19.1,0-34.6-15.5-34.6-34.6s15.5-34.6,34.6-34.6,34.6,15.5,34.6,34.6-15.5,34.6-34.6,34.6h0ZM587.7,358.1c-33.2-3.4-61.1-24.6-74-54-2-4.6-7.1-7-11.9-5.6-9.9,2.7-20.5,3.8-31.4,2.9-44.6-3.5-80.4-39.9-83.4-84.6-.6-9,.2-17.8,2.1-26.1,1.2-5.1-2-10.2-7-11.7-22.9-6.7-40.3-26.3-43.7-50.4-.7-5.1-5.3-8.7-10.4-8.5-138.6,5.1-249.4,119.2-249.4,259,0,143,116.2,259.2,259.2,259.2,143.2,0,259.2-116.1,259.2-259.2s0-7.8-.3-11.6c-.2-5-4.1-9-9-9.5Z"></path>
1009		</svg>
1010	</a>
1011</div>
1012
1013<div class="opener-btn mod_bfsg_opener">
1014	<a href="#" rel="noreferrer noopener">
1015		<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 720 720">
1016		  <defs>
1017		    <style>
1018		      .st0 {
1019		        fill: #ffffff;
1020		        fill-rule: evenodd;
1021		      }
1022		    </style>
1023		  </defs>
1024		  <path class="st0" d="M360,247.3c24.4,0,44.1-19.8,44.1-44.1s-19.7-44.2-44.1-44.2-44.2,19.8-44.2,44.2c0,24.3,19.8,44.1,44.2,44.1Z"></path>
1025		  <path class="st0" d="M529,268.1h0c-2.3-11.7-13.6-19.4-25.4-17.1l-77.4,15c-43.8,8.5-88.8,8.5-132.5,0l-77.4-15c-11.7-2.3-23.1,5.4-25.4,17.1h0c-2.3,11.7,5.4,23.1,17.1,25.4l97.1,18.9v117.9s-19.8,56.6-19.8,56.6l-15.9,45.4c-3.9,11.3,2,23.6,13.3,27.5,11.2,3.9,23.6-2,27.5-13.3l19.1-54.6,17.9-51.1c1.9-5.5,7-9.1,12.8-9.1s10.9,3.7,12.8,9.1l17.9,51.1,19.1,54.6c3.9,11.3,16.3,17.2,27.5,13.3,11.3-3.9,17.2-16.2,13.3-27.5l-14.9-42.7-20.7-59.3v-117.9s97.1-18.9,97.1-18.9c11.7-2.3,19.4-13.6,17.1-25.4Z"></path>
1026		  <path class="st0" d="M546.8,546.8c-24.3,24.3-52.5,43.3-84,56.6-32.6,13.8-67.2,20.8-102.8,20.8s-70.2-7-102.8-20.8c-31.5-13.3-59.7-32.3-84-56.6s-43.3-52.5-56.6-84c-13.8-32.6-20.8-67.2-20.8-102.8s7-70.2,20.8-102.8c13.3-31.5,32.3-59.7,56.6-84,24.3-24.3,52.5-43.3,84-56.6,32.6-13.8,67.2-20.8,102.8-20.8s70.2,7,102.8,20.8c31.5,13.3,59.7,32.3,84,56.6,24.3,24.3,43.3,52.5,56.
10266,84,13.8,32.6,20.8,67.2,20.8,102.8s-7,70.2-20.8,102.8c-13.3,31.5-32.3,59.7-56.6,84h0ZM360,60c-165.4,0-300,134.6-300,300s134.6,300,300,300,300-134.6,300-300S525.4,60,360,60Z"></path>
1027		</svg>
1028	</a>
1029</div>
1030
1031<section class="bfsg ce_rsce_oneo_bfsg" style="background-color: rgba(0,0,0,.5) !important">
1032	<div class="modal" style="background-color:#fff !important;">
1033
1034		<div class="bfsg-content">
1035							<h2>
1036					Barrierefreiheits-Manager				</h2>
1037				
1038			<div class="settings grid">
1039				<label for="fontSize" data-icon="+" class="font-size">
1040					Schriftgröße
1041					
1042					<input id="fontSize" name="fontSize" type="number" class="setting" value="1" min="1" />
1043					<span class="right">
1044						<button data-icon="−" class="set minus"></button>
1045						<button class="font-size-value -tertiary">1</button>
1046						<button data-icon="+" class="set plus"></button>
1047					</span>
1048				</label>
1049				
1050				<label for="lineHeight" data-icon="" class="checkbox">
1051					Zeilenabstand erhöhen
1052					
1053					<input id="lineHeight" name="lineHeight" type="checkbox" class="setting" />
1054					<div class="switcher"><span class="knob"></span></div>
1055				</label>
1056				
1057				<label for="noImg" data-icon="" class="checkbox">
1058					Bilder verbergen
1059					
1060					<input id="noImg" name="noImg" type="checkbox" class="setting" />
1061					<div class="switcher"><span class="knob"></span></div>
1062				</label>
1063				
1064				<label for="highContrast" data-icon="" class="checkbox">
1065					Hochkontrast
1066					
1067					<input id="highContrast" name="highContrast" type="checkbox" class="setting" />
1068					<div class="switcher"><span class="knob"></span></div>
1069				</label>
1070				
1071				<label for="standardFonts" data-icon="" class="checkbox">
1072					Standardschriften
1073					
1074					<input id="standardFonts" name="standardFonts" type="checkbox" class="setting" />
1075					<div class="switcher"><span class="knob"></span></div>
1076				</label>
1077				
1078				<label for="boldFonts" data-icon="" class="checkbox">
1079					Fett-Schreibung
1080					
1081					<input id="boldFonts" name="boldFonts" type="checkbox" class="setting" />
1082					<div class="switcher"><span class="knob"></span></div>
1083				</label>
1084				
1085				<label for="speak" data-icon="" class="font-size" id="speakLabel">
1086					Webseite vorlesen
1087					
1088					<input id="speak" name="speak" type="checkbox" class="setting" />
1089					<span class="right">
1090						<button data-icon="▶"  class="read-page read-page-start"></button>
1091						<button data-icon=""  class="read-page read-page-pause"></button>
1092						<button data-icon="■"  class="read-page read-page-stop"></button>
1093					</span>
1094				</label>
1095			</div>
1096			
1097			<div>
1098				<button class="bfsg-close-button -primary" data-icon="×">
1099					schließen
1100					
1101				</button>
1102				<button class="bfsg-reset-button -primary right" data-icon="">
1103					zurücksetzen
1104					
1105				</button>
1106			</div>
1107			
1108						<nav class="linklist">
1109				<ul>
1110										<li>
1111						<a href="/datenschutzerklaerung.html" title="Datenschutzerklärung">Datenschutzerklärung</a>					</li>
1112										<li>
1113						<a href="/impressum-top21systemhausgmbh.html" title="Impressum">Impressum</a>					</li>
1114									</ul>
1115			</nav>
1116					</div>
1117	</div>
1118
1119</section>
1120
1121
1122
1123  <div class="mod_article block" id="article-178">
1124    
1125          
1126<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start " style=" ">
1127
1128	
1129	<div class="centered-wrapper-inner">
1130
1131
1132
1133                        
1134    <h1 class="content-headline">Über uns</h1>
1135
1136    
1137
1138
1139
1140
1141
1142                        
1143    <h2 class="content-headline">Mehr als IT - das ist die Top 21 Systemhaus GmbH</h2>
1144
1145    
1146
1147
1148<div class="rs-columns ce_rs_columns_start">
1149
1150	<div class="rs-column -large-col-2-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">
1151
1152
1153        <div class="content-text">            
1154                            
1155    
1156                        <div class="rte">
1157            <p>Die Top 21 Systemhaus GmbH, gegründet 2002, ist Ihr zuverlässiger IT-Dienstleister aus Stuttgart. <br><br>Wir sind als branchenübergreifender Ansprechpartner für Klein- und Mittelstandsu
1157nternehmen bis ca. 500 Mitarbeitern da, um sämtliche Fragen zur Informationstechnik zu lösen.</p>
1158        </div>
1159    
1160            </div>
1161
1162
1163
1164</div><div class="rs-column -large-col-2-1 -large-last -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last">
1165
1166
1167        <div class="content-text">            
1168                            
1169    
1170                        <div class="rte">
1171            <p>Hierbei ist uns eine enge Zusammenarbeit bei der Ausarbeitung der IT-Lösungen sehr wichtig, damit wir diese genau auf die Anforderungen Ihres Unternehmens anpassen können. Unsere IT-Serviceleistungen erstrecken sich hierbei von der Beratung über den Vertrieb von Hard- und Software bis hin zu genau auf Ihr Unternehmen abgestimmten IT-Komplettlösungen. Darüber hinaus bieten wir Ihnen verschiedene Services zur IT-Sicherheit sowie zum umfassenden Bereich des Cloud Computing.</p>
1172<p>Zur Rubrik: <strong><a href="/die-geschaeftsbereiche.html">Die Geschäftsbereiche</a></strong></p>
1173        </div>
1174    
1175            </div>
1176
1177
1178
1179</div></div>
1180<section class="counter-boxes does-repeat ce_rsce_oneo_counter_boxes">
1181
1182	
1183					<section class="counter-boxes-item rs-column -large-col-4-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row" data-icon="&#x2302;">
1184		
1185							<p class="is-animated -counter " data-animation-duration="500">24</p>
1186										<h3>Jahre am Markt</h3>
1187			
1188					</section>
1189		
1190	
1191					<section class="counter-boxes-item rs-column -large-col-4-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last" data-icon="&#xe139;">
1192		
1193							<p class="is-animated -counter " data-animation-duration="800">152</p>
1194										<h3>Kunden</h3>
1195			
1196					</section>
1197		
1198	
1199					<section class="counter-boxes-item rs-column -large-col-4-1 -large-first-row -medium-col-2-1 -medium-first -small-col-1-1 -small-first -small-last" data-icon="&#xe04d;">
1200		
1201							<p class="is-animated -counter " data-animation-duration="1100">10830</p>
1202										<h3>Cappuccinos</h3>
1203			
1204					</section>
1205		
1206	
1207					<section class="counter-boxes-item rs-column -large-col-4-1 -large-last -large-first-row -medium-col-2-1 -medium-last -small-col-1-1 -small-first -small-last" data-icon="&#xe0fd;">
1208		
1209							<p class="is-animated -counter " data-animation-duration="1400">6952920</p>
1210										<h3>Pinball Highscore</h3>
1211			
1212					</section>
1213		
1214	
1215</section>
1216			<hr class="-hr-shadow ce_rsce_tao_separator">
1217	
1218</div>
1219</div>
1220<div class="mod_rocksolid_slider block">
1221
1222			
1223	
1224	
1225	
1226		
1227		
1228		
1229		
1230		<div data-rsts-type="image" title="Office 05">
1231			
1232
1233<img src="/files/images/slider/top21_slider_1960x600_Office_05.png" width="1960" height="600" alt="Office 05" title="Office 05">
1234
1235					</div>
1236
1237		
1238	
1239		
1240		
1241		
1242		
1243		<div data-rsts-type="image" title="Office 08">
1244			
1245
1246<img src="/files/images/slider/top21_slider_1960x600_Office_08.png" width="1960" height="600" alt="Office 08" title="Office 08">
1247
1248					</div>
1249
1250		
1251	
1252		
1253		
1254		
1255		
1256		<div data-rsts-type="image" title="Office 02">
1257			
1258
1259<img src="/files/images/slider/top21_slider_1960x600_Office_02.png" width="1960" height="600" alt="Office 02" title="Office 02">
1260
1261					</div>
1262
1263		
1264	
1265		
1266		
1267		
1268		
1269		<div data-rsts-type="image" title="Office 06">
1270			
1271
1272<img src="/files/images/slider/top21_slider_1960x600_Office_06.png" width="1960" height="600" alt="Office 06" title="Office 06">
1273
1274					</div>
1275
1276		
1277	
1278		
1279		
1280		
1281		
1282		<div data-rsts-type="image" title="Office 01">
1283			
1284
1285<img src="/files/images/slider/top21_slider_1960x600_Office_01.png" width="1960" height="600" alt="Office 01" title="Office 01">
1286
1287					</div>
1288
1289		
1290	
1291		
1292		
1293		
1294		
1295		<div data-rsts-type="image" title="Office 07">
1296			
1297
1298<img src="/files/images/slider/top21_slider_1960x600_Office_07.png" width="1960" height="600" alt="Office 07" title="Office 07">
1299
1300					</div>
1301
1302		
1303	
1304	
1305	
1306</div>
1307
1308<script>
1309(function() {
1310
1311var sliderElement = [].slice.call(document.getElementsByClassName('mod_rocksolid_slider'), -1 )[0];
1312
1313if (window.jQuery && jQuery.fn.rstSlider) {
1314	init();
1315}
1316else {
1317	document.addEventListener('DOMContentLoaded', init);
1318}
1319
1320function init() {
1321
1322	var $ = jQuery;
1323	var slider = $(sliderElement);
1324
1325		slider.find('video[data-rsts-background], [data-rsts-type=video] video').each(function() {
1326		// Disable mejs for videos
1327		this.player = true;
1328	});
1329	
1330	slider.rstSlider({"type":"slide","direction":"x","navType":"bullets","scaleMode":"fit","imagePosition":"center","centerContent":false,"random":true,"loop":true,"videoAutoplay":false,"autoplayProgress":false,"pauseAutoplayOnHover":true,"keyboard":true,"captions":false,"controls":true,"thumbControls":false,"combineNavItems":true,"autoplay":2500,"visibleAreaAlign":0.5,"gapSize":"0%"});
1331
1332		// Fix missing lightbox links
1333	$(function() {
1334
1335		if (!$.fn.colorbox) {
1336			return;
1337		}
1338
1339		var lightboxConfig = {
1340						loop: false,
1341			rel: function() {
1342				return $(this).attr('data-lightbox');
1343			},
1344			maxWidth: '95%',
1345			maxHeight: '95%'
1346					};
1347
1348		
1349		var update = function(links) {
1350						links.colorbox(lightboxConfig);
1351		};
1352
1353		slider.on('rsts-slidestart rsts-slidestop', function(event) {
1354			update(slider.find('a[data-lightbox]'));
1355		});
1356
1357		update(slider.find('a[data-lightbox]'));
1358
1359	});
1360	
1361}
1362
1363})();
1364</script>
1364
1365
1366<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start -background-parallax" style=" ">
1367
1368			<div class="centered-wrapper-background" style="background-image: url(&quot;/assets/images/7/top21_bg_linien_rz_03-2bz0xqt7ndsj2cz.png&quot;);" data-image-url="/assets/images/7/top21_bg_linien_rz_03-2bz0xqt7ndsj2cz.png"></div>
1369	
1370	<div class="centered-wrapper-inner">
1371
1372
1373
1374                        
1375    <h1 class="content-headline">Das Team</h1>
1376
1377    
1378
1379
1380<section class="team-boxes ce_rsce_tao_team_boxes">
1381
1382	
1383	
1384		<div class="team-boxes-item rs-column -large-col-3-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">
1385
1386												<div class="image-wrapper">
1387						
1388
1389<img src="/files/images/team/top21_team_FrankLaich.png" width="1425" height="950" alt="Frank Laich" title="Frank Laich">
1390
1391													<div class="hover-image">
1392								
1393
1394<img src="/files/images/team/top21_team_FrankLaich_web_Schrift.png" width="1417" height="945" alt="">
1395
1396							</div>
1397											</div>
1398							
1399							<h3>Frank Laich</h3>
1400										<h4>Geschäftsführer</h4>
1401						
1402										
1403			
1404		</div>
1405
1406	
1407		<div class="team-boxes-item rs-column -large-col-3-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last">
1408
1409												<div class="image-wrapper">
1410						
1411
1412<img src="/files/images/team/top21_team_FrankSchaefer.png" width="1425" height="950" alt="Frank Schäfer" title="Frank Schäfer">
1413
1414													<div class="hover-image">
1415								
1416
1417<img src="/files/images/team/top21_team_FrankSchaefer_web_Schrift.png" width="1417" height="945" alt="">
1418
1419							</div>
1420											</div>
1421							
1422							<h3>Frank O. Schäfer</h3>
1423										<h4>kaufm. Leiter, Prokurist</h4>
1424						
1425										
1426			
1427		</div>
1428
1429	
1430		<div class="team-boxes-item rs-column -large-col-3-1 -large-last -large-first-row -medium-col-2-1 -medium-first -small-col-1-1 -small-first -small-last">
1431
1432												<div class="image-wrapper">
1433						
1434
1435<img src="/files/images/team/top21_team_OliverWegener.png" width="1425" height="950" alt="Oliver Wegener" title="Oliver Wegener">
1436
1437													<div class="hover-image">
1438								
1439
1440<img src="/files/images/team/top21_team_OliverWegener_web_Schrift.png" width="1417" height="945" alt="">
1441
1442							</div>
1443											</div>
1444							
1445							<h3>Oliver Wegener</h3>
1446										<h4>techn. Leiter, Prokurist</h4>
1447						
1448										
1449			
1450		</div>
1451
1452	
1453		<div class="team-boxes-item rs-column -large-col-3-1 -large-first -medium-col-2-1 -medium-last -small-col-1-1 -small-first -small-last">
1454
1455												<div class="image-wrapper">
1456						
1457
1458<img src="/files/images/team/top21_team_KerstinHezel.png" width="1425" height="950" alt="Kerstin Hezel" title="Kerstin Hezel">
1459
1460													<div class="hover-image">
1461								
1462
1463<img src="/files/images/team/top21_team_KerstinHezel_web_Schrift.png" width="1417" height="945" alt="">
1464
1465							</div>
1466											</div>
1467							
1468							<h3>Kerstin Hezel</h3>
1469										<h4>Office Managerin</h4>
1470						
1471										
1472			
1473		</div>
1474
1475	
1476		<div class="team-boxes-item rs-column -large-col-3-1 -medium-col-2-1 -medium-first -small-col-1-1 -small-first -small-last">
1477
1478												<div class="image-wrapper">
1479						
1480
1481<img src="/files/images/team/top21_team_NicoleZimmermann.png" width="1425" height="950" alt="Nicole Zimmermann" title="Nicole Zimmermann">
1482
1483													<div class="hover-image">
1484								
1485
1486<img src="/files/images/team/top21_team_NicoleZimmermann_web_Schrift.png" width="1417" height="945" alt="">
1487
1488							</div>
1489											</div>
1490							
1491							<h3>Nicole Zimmermann</h3>
1492										<h4>Qualitätsmanagement</h4>
1493						
1494										
1495			
1496		</div>
1497
1498	
1499</section>
1500<section class="team-boxes ce_rsce_tao_team_boxes">
1501
1502	
1503	
1504		<div class="team-boxes-item rs-column -large-col-3-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">
1505
1506												<div class="image-wrapper">
1507						
1508
1509<img src="/files/images/team/top21_team_PatrikKesic.png" width="1425" height="950" alt="Patrik Kesic" title="Patrik Kesic">
1510
1511													<div class="hover-image">
1512								
1513
1514<img src="/files/images/team/top21_team_PatrikKesic_web_Schrift.png" width="1417" height="945" alt="">
1515
1516							</div>
1517											</div>
1518							
1519							<h3>Patrik Kesic</h3>
1520										<h4>Leitung Support</h4>
1521						
1522										
1523			
1524		</div>
1525
1526	
1527		<div class="team-boxes-item rs-column -large-col-3-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last">
1528
1529												<div class="image-wrapper">
1530						
1531
1532<img src="/files/images/team/top21_team_TomMueller.png" width="1425" height="950" alt="Tom Müller" title="Tom Müller">
1533
1534													<div class="hover-image">
1535								
1536
1537<img src="/files/images/team/top21_team_TomMueller_web_Schrift.png" width="1417" height="945" alt="">
1538
1539							</div>
1540											</div>
1541							
1542							<h3>Tom Müller</h3>
1543										<h4>Support</h4>
1544						
1545										
1546			
1547		</div>
1548
1549	
1550</section>
1551<section class="team-boxes ce_rsce_tao_team_boxes">
1552
1553	
1554	
1555		<div class="team-boxes-item rs-column -large-col-3-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">
1556
1557												<div class="image-wrapper">
1558						
1559
1560<img src="/files/images/team/top21_team_BarbaraHuebner.png" width="1425" height="950" alt="Barbara Hübner" title="Barbara Hübner">
1561
1562													<div class="hover-image">
1563								
1564
1565<img src="/files/images/team/top21_team_BarbaraHuebner_web_Schrift.png" width="1417" height="945" alt="">
1566
1567							</div>
1568											</div>
1569							
1570							<h3>Barbara Hübner</h3>
1571										<h4>Leitung Entwicklung</h4>
1572						
1573										
1574			
1575		</div>
1576
1577	
1578		<div class="team-boxes-item rs-column -large-col-3-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last">
1579
1580												<div class="image-wrapper">
1581						
1582
1583<img src="/files/images/team/top21_team_Anonymous_m-web.png" width="1605" height="1070" alt="Anonym" title="Anonym">
1584
1585													<div class="hover-image">
1586								
1587
1588<img src="/files/images/team/top21_team_MikeSteinemann_web_Schrift.png" width="1417" height="945" alt="">
1589
1590							</div>
1591											</div>
1592							
1593							<h3>Mike Steinemann</h3>
1594										<h4>Entwicklung</h4>
1595						
1596										
1597			
1598		</div>
1599
1600	
1601		<div class="team-boxes-item rs-column -large-col-3-1 -large-last -large-first-row -medium-col-2-1 -medium-first -small-col-1-1 -small-first -small-last">
1602
1603												<div class="image-wrapper">
1604						
1605
1606<img src="/files/images/team/top21_team_Anonymous_m3a-web.png" width="1425" height="950" alt="Anonymous m3a" title="Anonymous m3a">
1607
1608													<div class="hover-image">
1609								
1610
1611<img src="/files/images/team/top21_team_MarkusDoebele_web_Schrift.png" width="1417" height="945" alt="">
1612
1613							</div>
1614											</div>
1615							
1616							<h3>Markus Döbele</h3>
1617										<h4>Entwicklung</h4>
1618						
1619										
1620			
1621		</div>
1622
1623	
1624</section>
1625<section class="team-boxes ce_rsce_tao_team_boxes">
1626
1627	
1628	
1629		<div class="team-boxes-item rs-column -large-col-3-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">
1630
1631												<div class="image-wrapper">
1632						
1633
1634<img src="/files/images/team/top21_team_MarijanVulinovic.png" width="1425" height="950" alt="Marijan Vulinovic" title="Marijan Vulinovic">
1635
1636													<div class="hover-image">
1637								
1638
1639<img src="/files/images/team/top21_team_MarijanVulinovic_web_Schrift.png" width="1417" height="945" alt="">
1640
1641							</div>
1642											</div>
1643							
1644							<h3>Marijan Vulinovic</h3>
1645										<h4>Key Ac­count Manager</h4>
1646						
1647										
1648			
1649		</div>
1650
1651	
1652		<div class="team-boxes-item rs-column -large-col-3-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last">
1653
1654												<div class="image-wrapper">
1655						
1656
1657<img src="/files/images/team/top21_team_DetlefKnott.png" width="1425" height="950" alt="Detlef Knott" title="Detlef Knott">
1658
1659													<div class="hover-image">
1660								
1661
1662<img src="/files/images/team/top21_team_DetlefKnott_web_Schrift.png" width="1417" height="945" alt="">
1663
1664							</div>
1665											</div>
1666							
1667							<h3>Detlef Knott</h3>
1668										<h4>Vertrieb</h4>
1669						
1670										
1671			
1672		</div>
1673
1674	
1675</section>
1676			<hr class="-hr-shadow ce_rsce_tao_separator">
1677	
1678</div>
1679</div>
1680
1681<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start -background-parallax -medium" style=" ">
1682
1683			<div class="centered-wrapper-background" style="background-image: url(&quot;/assets/images/v/top21_slider_1960x600_Office_03-tvjenzc3xb0cnv2.png&quot;);" data-image-url="/assets/images/v/top21_slider_1960x600_Office_03-tvjenzc3xb0cnv2.png"></div>
1684	
1685	<div class="centered-wrapper-inner">
1686</div>
1687</div>
1688
1689<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start -background-parallax" style=" ">
1690
1691			<div class="centered-wrapper-background" style="background-image: url(&quot;/assets/images/7/top21_bg_linien_rz_03-2bz0xqt7ndsj2cz.png&quot;);" data-image-url="/assets/images/7/top21_bg_linien_rz_03-2bz0xqt7ndsj2cz.png"></div>
1692	
1693	<div class="centered-wrapper-inner">
1694
1695<div class="headline-box  ce_rsce_tao_headline_box">
1696				<h2 class="-medium  -bold" style="">Timeline</h2>
1697			</div>
1698<div class="timeline ce_rsce_oneo_timeline">
1699
1700	
1701		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1702
1703							<h3>2002</h3>
1704			
1705			<div class="timeline-item-text">
1706
1707									<h4>Firmengründung</h4>
1708				
1709				
1710				<p>Die Solseit GmbH ist gemeinsame Vertriebsgesellschaft des Bechtle Verlag &amp; Druck Esslingen und der TOP21 GmbH. Ziel des Unternehmens ist die Vermarktung und Implementierung der solseit-Produkte (Web-CMS, Redaktionssystem, …)</p>
1711			</div>
1712
1713		</section>
1714
1715	
1716		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1717
1718							<h3>2006</h3>
1719			
1720			<div class="timeline-item-text">
1721
1722									<h4>Umzug</h4>
1723				
1724				
1725				<p>Von Esslingen geht es in unsere Räumlichkeiten in der Libanonstraße in Stuttgart.</p>
1726			</div>
1727
1728		</section>
1729
1730	
1731		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1732
1733							<h3>2007</h3>
1734			
1735			<div class="timeline-item-text">
1736
1737									<h4>Neues Rechenzentrum</h4>
1738				
1739				
1740				<p>Verlegung unseres Rechenzentrums von Frankfurt nach Stuttgart</p>
1741			</div>
1742
1743		</section>
1744
1745	
1746		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1747
1748							<h3>2009</h3>
1749			
1750			<div class="timeline-item-text">
1751
1752									<h4>Umfirmierung</h4>
1753				
1754				
1755				<p>Die Top 21 Systemhaus GmbH hat das langfristige Ziel die bestehenden Kunden vollumfänglich als Systemhaus zu betreuen.</p>
1756			</div>
1757
1758		</section>
1759
1760	
1761		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1762
1763							<h3>2009</h3>
1764			
1765			<div class="timeline-item-text">
1766
1767									<h4>Umzug</h4>
1768				
1769				
1770				<p>Bezug unserer Räumlichkeiten in der Tübinger Straße in Stuttgart</p>
1771			</div>
1772
1773		</section>
1774
1775	
1776		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1777
1778							<h3>2011</h3>
1779			
1780			<div class="timeline-item-text">
1781
1782									<h4>Integration und Outsourcing</h4>
1783				
1784				
1785				<p>Vollständige Übernahme der IT-Abteilung der TOP21 GmbH</p>
1786			</div>
1787
1788		</section>
1789
1790	
1791		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1792
1793							<h3>2012</h3>
1794			
1795			<div class="timeline-item-text">
1796
1797									<h4>ENX Netzwerk</h4>
1798				
1799				
1800				<p>Für unsere Kunden aus der Automobilindustrie bieten wir nun einen Zugang zum ENX Netzwerk</p>
1801			</div>
1802
1803		</section>
1804
1805	
1806		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1807
1808							<h3>2013</h3>
1809			
1810			<div class="timeline-item-text">
1811
1812									<h4>ISO Zertifizierung</h4>
1813				
1814				
1815				<p>Die ISO 9001 ist die meist verbreitete und bedeutendste Norm im Qualitätsmanagement (QM).</p>
1816<p>Die ISO 27001 ist die international führende Norm für Informationssicherheits-Managementsysteme.</p>
1817			</div>
1818
1819		</section>
1820
1821	
1822		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1823
1824							<h3>2013</h3>
1825			
1826			<div class="timeline-item-text">
1827
1828									<h4>RIPE Mitgliedschaft</h4>
1829				
1830				
1831				
1832			</div>
1833
1834		</section>
1835
1836	
1837		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1838
1839							<h3>2015</h3>
1840			
1841			<div class="timeline-item-text">
1842
1843									<h4>Publishing Solutions</h4>
1844				
1845				
1846				<p>Übernahme des Geschäftsbereichs der Bertsch Innovation GmbH</p>
1847			</div>
1848
1849		</section>
1850
1851	
1852		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1853
1854							<h3>2017</h3>
1855			
1856			<div class="timeline-item-text">
1857
1858									<h4>Management Buyout</h4>
1859				
1860				
1861				<p>Vollständige Übernahme der GmbH durch Frank Laich</p>
1862			</div>
1863
1864		</section>
1865
1866	
1867		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1868
1869							<h3>2019</h3>
1870			
1871			<div class="timeline-item-text">
1872
1873									<h4>Umzug</h4>
1874				
1875				
1876				<p>Bezug unserer Räumlichkeiten in der Rosensteinstraße in Stuttgart</p>
1877			</div>
1878
1879		</section>
1880
1881	
1882		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1883
1884							<h3>2020</h3>
1885			
1886			<div class="timeline-item-text">
1887
1888									<h4>Relaunch Solseit</h4>
1889				
1890				
1891				<p>Neuauflage unserer Homepage solseit-redaktion.de</p>
1892			</div>
1893
1894		</section>
1895
1896	
1897		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1898
1899							<h3>2021</h3>
1900			
1901			<div class="timeline-item-text">
1902
1903									<h4>Relaunch Top 21</h4>
1904				
1905				
1906				<p>Neuauflage unserer Homepage top21.sh</p>
1907			</div>
1908
1909		</section>
1910
1911	
1912		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1913
1914							<h3>2022</h3>
1915			
1916			<div class="timeline-item-text">
1917
1918									<h4>Firmenjubiläum</h4>
1919				
1920				
1921				<p>20-jähriges Jubiläum</p>
1922			</div>
1923
1924		</section>
1925
1926	
1927		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1928
1929							<h3>2023</h3>
1930			
1931			<div class="timeline-item-text">
1932
1933									<h4>Solseit Collect</h4>
1934				
1935				
1936				<p>Ein neues Produkt ergänzt unser Portfolio</p>
1937			</div>
1938
1939		</section>
1940
1941	
1942		<section class="timeline-item is-animated does-repeat" data-icon="&#xe05f;">
1943
1944							<h3>2024</h3>
1945			
1946			<div class="timeline-item-text">
1947
1948									<h4>GREAT PLACE TO WORK</h4>
1949				
1950				
1951				<p>Wir wurden durch Great Place To Work zertifiziert und gehören damit zu den besten Arbeitgebern.</p>
1952			</div>
1953
1954		</section>
1955
1956	
1957</div>
1958			<hr class="-hr-shadow ce_rsce_tao_separator">
1959	
1960</div>
1961</div>
1962
1963<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start -background-parallax -color-inverted" style=" ">
1964
1965			<div class="centered-wrapper-background" style="background-color: #005290;background-image: url(&quot;/assets/images/j/top21_slider_1960x600_Office_00-k7m9ex94262f4m7.png&quot;);" data-image-url="/assets/images/j/top21_slider_1960x600_Office_00-k7m9ex94262f4m7.png"></div>
1966	
1967	<div class="centered-wrapper-inner -fullwidth">
1968
1969<div class="headline-box  ce_rsce_tao_headline_box">
1970				<h2 class="  -bold" style="color: #FFFFFF;">Komm auch Du in unser Team!</h2>
1971				<h3 class="" style="color: #FFFFFF;">Wir haben freie Stellen</h3>
1972				<a class="headline-box-link -quaternary" href="/das-unternehmen/karriere.html">
1973			Jetzt bewerben		</a>
1974	</div>
1975</div>
1976</div>
1977    
1978      </div>
1979
1980
1981				
1982			</main>
1983
1984			
1985		</div>
1986
1987		
1988					<footer class="page-footer">
1989				
1990<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start  -border-top -border-bottom" style=" ">
1991
1992	
1993	<div class="centered-wrapper-inner">
1994
1995<!-- indexer::stop -->
1996<nav class="mod_navigation footer-navigation block">
1997
1998  
1999  <a href="/das-unternehmen/ueber-uns.html#skipNavigation53" class="invisible">Navigation überspringen</a>
2000
2001  
2002<ul class="level_1">
2003            <li><a href="/startseite.html" title="Startseite">Startseite</a></li>
2004                <li class="forward trail"><strong class="forward trail">Das Unternehmen</strong></li>
2005                <li><a href="/die-geschaeftsbereiche.html" title="Die Geschäftsbereiche">Die Geschäftsbereiche</a></li>
2006                <li><a href="/die-kunden.html" title="Die Kunden">Die Kunden</a></li>
2007                <li><a href="/kontakt.html" title="Kontakt">Kontakt</a></li>
2008      </ul>
2009
2010  <span id="skipNavigation53" class="invisible"></span>
2011
2012</nav>
2013<!-- indexer::continue -->
2014<ul class="icon-links ce_rsce_tao_icon_links footer-icon-links">
2015			<li>
2016			<a href="https://www.linkedin.com/company/top-21-systemhaus-gmbh" data-icon="&#xe0b6;" style=" background-color: #3b5998" target="_blank" rel="noopener">
2017				<span class="icon-links-label">LinkedIN</span>
2018			</a>
2019		</li>
2020			<li>
2021			<a href="https://www.xing.com/companies/top21systemhausgmbh" data-icon="&#xe14b;" style=" background-color: #3b5998" target="_blank" rel="noopener">
2022				<span class="icon-links-label">XING</span>
2023			</a>
2024		</li>
2025	</ul>
2026</div>
2027</div>
2028
2029<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start footer-bar " style=" ">
2030
2031	
2032	<div class="centered-wrapper-inner">
2033<div class="rs-columns ce_rs_columns_start">
2034
2035	<div class="rs-column -large-col-4-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row">	<h3>
2036		Service-Seiten	</h3>
2037<ul class="icon-links ce_rsce_tao_icon_links">
2038			<li>
2039			<a href="/die-geschaeftsbereiche/it-support.html">
2040				<span class="icon-links-label">IT-Support</span>
2041			</a>
2042		</li>
2043			<li>
2044			<a href="/das-unternehmen/karriere.html">
2045				<span class="icon-links-label">Karriere</span>
2046			</a>
2047		</li>
2048			<li>
2049			<a href="/das-unternehmen/soziales-engagement.html">
2050				<span class="icon-links-label">Soziales Engagement</span>
2051			</a>
2052		</li>
2053			<li>
2054			<a href="/datenschutzerklaerung.html">
2055				<span class="icon-links-label">Datenschutzerklärung</span>
2056			</a>
2057		</li>
2058			<li>
2059			<a href="/datenschutz-manager.html">
2060				<span class="icon-links-label">Datenschutz-Manager</span>
2061			</a>
2062		</li>
2063			<li>
2064			<a href="/barrierefreiheitserklaerung.html">
2065				<span class="icon-links-label">Barrierefreiheitserklärung</span>
2066			</a>
2067		</li>
2068			<li>
2069			<a href="/barrierefreiheits-manager.html">
2070				<span class="icon-links-label">Barrierefreiheits-Manager</span>
2071			</a>
2072		</li>
2073	</ul>
2074</div><div class="ce_rs_column_start  rs-column -large-col-4-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last">
2075
2076	
2077
2078
2079        <div class="no-border no-blur content-image">                                    
2080    <h3>Mitgliedschaften</h3>
2081
2082            
2083                                <figure>
2084                                                                <a target="_blank" href="https://www.ripe.net/" rel="noreferrer noopener">                                                                                    <img src="/assets/images/z/top21_logo_RIPENCCMember-yed19dqqvzpv5sb.svg" alt="RIPE NCC Member" title="RIPE NCC Member" width="200" height="68">
2085            
2086                                        
2087            </a>
2088                    
2089                                        </figure>
2090            </div>
2091
2092
2093
2094
2095
2096
2097        <div class="no-border no-blur content-image">            
2098                                <figure>
2099                                                                <a target="_blank" href="https://www.allianz-fuer-cybersicherheit.de/" rel="noreferrer noopener">                                                                                    <img src="/assets/images/q/top21_CyberSicherheit-tbnntj36nw3hexp.svg" alt="Allianz fuer Cyber-Sicherheit" title="Allianz fuer Cyber-Sicherheit" width="200" height="68">
2100            
2101                                        
2102            </a>
2103                    
2104                                        </figure>
2105            </div>
2106
2107
2108
2109</div>
2110<div class="ce_rs_column_start  rs-column -large-col-4-1 -large-first-row -medium-col-2-1 -medium-first -small-col-1-1 -small-first -small-last">
2111
2112	
2113
2114
2115        <div class="no-border no-blur content-image">                                    
2116    <h3>Zertifizierungen</h3>
2117
2118            
2119                                <figure>
2120                                                                <a href="/das-unternehmen/zertifizierungen.html">                                                                                    <img src="/assets/images/w/top21_varISO_9001_logo-33j83ftfk63m8nm.svg" alt="ISO Zertifizierung 9001" title="ISO Zertifizierung 9001" width="200" height="68">
2121            
2122                                        
2123            </a>
2124                    
2125                                        </figure>
2126            </div>
2127
2128
2129
2130
2131
2132
2133        <div class="no-border no-blur content-image">            
2134                                <figure>
2135                                                                <a href="/das-unternehmen/zertifizierungen.html">                                                                                    <img src="/assets/images/p/top21_varISO_27001_logo-b8fqgtych2kb41r.svg" alt="ISO Zertifizierung 27001" title="ISO Zertifizierung 27001" width="200" height="68">
2136            
2137                                        
2138            </a>
2139                    
2140                                        </figure>
2141            </div>
2142
2143
2144
2145</div>
2146<div class="rs-column -large-col-4-1 -large-last -large-first-row -medium-col-2-1 -medium-last -small-col-1-1 -small-first -small-last">
2147<!-- indexer::stop -->
2148<div class="mod_newslist footer-news footer-news block">
2149
2150            <h3>Aktuelles</h3>
2151      
2152  
2153      <div class="news-footer-item arc_2 ">
2154			<time datetime="2026-10-01T14:06:00+02:00">
2155			<b>01.</b>
2156			Okt		</time>
2157		<a href="/das-unternehmen/aktuelles/aktuelles-details/mittagspause-mit-wasen-flair.html" title="Den Artikel lesen: Mittagspause mit Wasen-Flair">Mittagspause mit Wasen-Flair</a></div>
2158<div class="news-footer-item arc_2 ">
2159			<time datetime="2026-09-15T09:30:00+02:00">
2160			<b>15.</b>
2161			Sep		</time>
2162		<a href="/das-unternehmen/aktuelles/aktuelles-details/solseit-collect-die-plattform-fuer-vereinsnachrichten-und-regionale-beitraege.html" title="Den Artikel lesen: Solseit 
2162Collect – Die Plattform für Vereinsnachrichten und regionale Beiträge">Solseit Collect – Die Plattform für Vereinsnachrichten und regionale Beiträge</a></div>
2163<div class="news-footer-item arc_2 ">
2164			<time datetime="2026-08-20T13:01:00+02:00">
2165			<b>20.</b>
2166			Aug		</time>
2167		<a href="/das-unternehmen/aktuelles/aktuelles-details/solseit-redaktion-solseit-collect-zwei-marken-ein-starkes-ziel.html" title="Den Artikel lesen: Solseit Redaktion &amp; Solseit Collect – zwei Marken, ein starkes Ziel">Solseit Redaktion & Solseit Collect – zwei Marken, ein starkes Ziel</a></div>
2168      
2169
2170</div>
2171<!-- indexer::continue -->
2172</div></div>
2173</div>
2174</div>
2175  
2176
2177<div class="centered-wrapper ce_rsce_tao_centered_wrapper_start text-white  -border-top" style="background-color: #3e3e40; ">
2178
2179	
2180	<div class="centered-wrapper-inner">
2181
2182<!-- indexer::stop -->
2183<p class="footer-copyright ce_rsce_tao_footer_copyright">
2184	© Copyright 2026 · Top 21 Systemhaus GmbH | Alle Rechte vorbehalten	</p>
2185<!-- indexer::continue -->
2186
2187<!-- indexer::stop -->
2188<nav class="mod_customnav footer-links block">
2189
2190  
2191  <a href="/das-unternehmen/ueber-uns.html#skipNavigation91" class="invisible">Navigation überspringen</a>
2192
2193  
2194<ul class="level_1">
2195            <li><a href="/suche.html" title="Suche">Suche</a></li>
2196                <li><a href="/sitemap-132.html" title="Sitemap">Sitemap</a></li>
2197                <li><a href="/datenschutzerklaerung.html" title="Datenschutzerklärung">Datenschutzerklärung</a></li>
2198                <li><a href="/impressum-top21systemhausgmbh.html" title="Impressum">Impressum</a></li>
2199                <li><a href="/barrierefreiheitserklaerung.html" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a></li>
2200      </ul>
2201
2202  <span id="skipNavigation91" class="invisible"></span>
2203
2204</nav>
2205<!-- indexer::continue -->
2206</div>
2207</div>
2208
2209<!-- indexer::stop -->
2210<a href="das-unternehmen/ueber-uns.html#top" class="footer-top-link ce_rsce_tao_footer_top">
2211		<span>Nach</span> <span>oben</span>
2212</a>
2213<!-- indexer::continue -->
2214			</footer>
2215		
2216	</div>
2217
2218	
2219
2220  
2221<script src="/assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script>
vendor: 1 bytes, line 2221
2221
2222<script>
2223  jQuery(function($) {
2224    $(document).accordion({
2225      // Put custom options here
2226      heightStyle: 'content',
2227      header: '.toggler',
2228      collapsible: true,
2229      create: function(event, ui) {
2230        ui.header.addClass('active');
2231        $('.toggler').attr('tabindex', 0);
2232      },
2233      activate: function(event, ui) {
2234        ui.newHeader.addClass('active');
2235        ui.oldHeader.removeClass('active');
2236        $('.toggler').attr('tabindex', 0);
2237      }
2238    });
2239  });
2240</script>
2240
2241
2242<script src="/assets/colorbox/js/colorbox.min.js?v=1.6.4.2"></script>
vendor: 1 bytes, line 2242
2242
2243<script>
2244  jQuery(function($) {
2245    $('a[data-lightbox]').map(function() {
2246      $(this).colorbox({
2247        // Put custom options here
2248        loop: false,
2249        rel: $(this).attr('data-lightbox'),
2250        maxWidth: '95%',
2251        maxHeight: '95%'
2252      });
2253    });
2254  });
2255</script>
2255
2256
2257<script src="/assets/tablesorter/js/tablesorter.min.js?v=2.31.3.1"></script>
vendor: 1 bytes, line 2257
2257
2258<script>
2259  jQuery(function($) {
2260    $('.ce_table .sortable').each(function(i, table) {
2261      var attr = $(table).attr('data-sort-default'),
2262          opts = {}, s;
2263
2264      if (attr) {
2265        s = attr.split('|');
2266        opts = { sortList: [[s[0], s[1] == 'desc' | 0]] };
2267      }
2268
2269      $(table).tablesorter(opts);
2270    });
2271  });
2272</script>
2272
2273
2274<script src="/files/tao/js/script.js"></script>
2274
2275  
2275<script type="application/ld+json">
2276{
2277    "@context": "https:\/\/schema.org",
2278    "@graph": [
2279        {
2280            "@type": "WebPage"
2281        },
2282        {
2283            "@id": "#\/schema\/image\/c331e7be-033f-11ed-9af3-00505687e85e",
2284            "@type": "ImageObject",
2285            "contentUrl": "\/assets\/images\/z\/top21_logo_RIPENCCMember-yed19dqqvzpv5sb.svg",
2286            "name": "RIPE NCC Member"
2287        },
2288        {
2289            "@id": "#\/schema\/image\/aa61365c-033e-11ed-9af3-00505687e85e",
2290            "@type": "ImageObject",
2291            "contentUrl": "\/assets\/images\/q\/top21_CyberSicherheit-tbnntj36nw3hexp.svg",
2292            "name": "Allianz fuer Cyber-Sicherheit"
2293        },
2294        {
2295            "@id": "#\/schema\/image\/ddf0f77f-033b-11ed-9af3-00505687e85e",
2296            "@type": "ImageObject",
2297            "contentUrl": "\/assets\/images\/w\/top21_varISO_9001_logo-33j83ftfk63m8nm.svg",
2298            "name": "ISO Zertifizierung 9001"
2299        },
2300        {
2301            "@id": "#\/schema\/image\/4deea986-033c-11ed-9af3-00505687e85e",
2302            "@type": "ImageObject",
2303            "contentUrl": "\/assets\/images\/p\/top21_varISO_27001_logo-b8fqgtych2kb41r.svg",
2304            "name": "ISO Zertifizierung 27001"
2305        }
2306    ]
2307}
2308</script>
vendor: 1 bytes, line 2308
2308
2309<script type="application/ld+json">
2310{
2311    "@context": "https:\/\/schema.contao.org",
2312    "@graph": [
2313        {
2314            "@type": "Page",
2315            "fePreview": false,
2316            "groups": [],
2317            "noSearch": false,
2318            "pageId": 112,
2319            "protected": false,
2320            "title": "Über uns"
2321        }
2322    ]
2323}
2324</script>
2324
2325<!-- indexer::stop -->
2326<div  class="contao-cookiebar cc-wrap cookiebar_default_deny cc-middle cc-blocked" role="complementary" aria-describedby="cookiebar-desc" data-nosnippet>
2327    <div class="cc-inner" aria-live="assertive" role="alert">
2328        <div id="cookiebar-desc" class="cc-head">
2329                            <h2><strong>Datenschutz-Manager</strong></h2>
2330<p>Wir verwenden Cookies, um die Nutzung aller Funktionen auf unserer Website zu ermöglichen. Dazu zählen Cookies, die für den Betrieb der Seite notwendig sind, sowie solche, die zu anonymen Statistikzwecken, für Komforteinstellungen oder zur Anzeige personalisierter Inhalte genutzt werden. Sie können selbst entscheiden, welche Kategorien Sie zulassen möchten. Bitte beachten Sie, dass auf Basis Ihrer Einstellungen womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen. Weitere Informationen und eine Auflistung der von uns benutzten Cookies finden Sie in unseren <a class="cc-hide-focus" href="/datenschutzerklaerung.html">Datenschutzerklärung</a> (insb. Cookies).</p>                    </div>
2331
2332        <div class="cc-groups">
2333                                                <div class="cc-group">
2334                                                    <input type="checkbox" name="group[]" id="g1" value="1" data-toggle-cookies disabled checked>
2335                                                <label for="g1" class="group">Essenziell</label>
2336                        <button class="cc-detail-btn cc-focus" data-toggle-group aria-expanded="false" aria-controls="cg1">
2337                            <span>Details einblenden<span class="cc-invisible"> für Essenziell</span></span>
2338                            <span>Details ausblenden<span class="cc-invisible"> für Essenziell</span></span>
2339                        </button>
2340                        <div id="cg1" class="cc-cookies toggle-group">
2341                                                                                        <div class="cc-cookie">
2342                                    <input type="checkbox" name="cookie[]" id="c2" value="2" disabled checked>
2343                                    <label for="c2" class="cookie">Contao HTTPS CSRF Token</label>
2344                                    <p>Schützt vor Cross-Site-Request-Forgery Angriffen.</p>                                                                            <div class="cc-cookie-info">
2345                                                                                                                                        <div><span>Speicherdauer:</span> Dieses Cookie bleibt nur für die aktuelle Browsersitzung bestehen.</div>
2346                                                                                                                                </div>
2347                                                                                                        </div>
2348                                                            <div class="cc-cookie">
2349                                    <input type="checkbox" name="cookie[]" id="c3" value="3" disabled checked>
2350                                    <label for="c3" class="cookie">PHP SESSION ID</label>
2351                                    <p>Speichert die aktuelle PHP-Session.</p>                                                                            <div class="cc-cookie-info">
2352                                                                                                                                        <div><span>Speicherdauer:</span> Dieses Cookie bleibt nur für die aktuelle Browsersitzung bestehen.</div>
2353                                                                                                                                </div>
2354                                                                                                        </div>
2355                                                    </div>
2356                    </div>
2357                                    <div class="cc-group">
2358                                                    <input type="checkbox" name="group[]" id="g3" value="3" data-toggle-cookies>
2359                                                <label for="g3" class="group">Medien</label>
2360                        <button class="cc-detail-btn cc-focus" data-toggle-group aria-expanded="false" aria-controls="cg3">
2361                            <span>Details einblenden<span class="cc-invisible"> für Medien</span></span>
2362                            <span>Details ausblenden<span class="cc-invisible"> für Medien</span></span>
2363                        </button>
2364                        <div id="cg3" class="cc-cookies toggle-group">
2365                                                                                        <div class="cc-cookie">
2366                                    <input type="checkbox" name="cookie[]" id="c5" value="5">
2367                                    <label for="c5" class="cookie">Open Street Maps</label>
2368                                                                                                                                            </div>
2369                                                    </div>
2370                    </div>
2371                                    <div class="cc-group">
2372                                                    <input type="checkbox" name="group[]" id="g2" value="2" data-toggle-cookies>
2373                                                <label for="g2" class="group">Analytics</label>
2374                        <button class="cc-detail-btn cc-focus" data-toggle-group aria-expanded="false" aria-controls="cg2">
2375                            <span>Details einblenden<span class="cc-invisible"> für Analytics</span></span>
2376                            <span>Details ausblenden<span class="cc-invisible"> für Analytics</span></span>
2377                        </button>
2378                        <div id="cg2" class="cc-cookies toggle-group">
2379                                                                                        <div class="cc-cookie">
2380                                    <input type="checkbox" name="cookie[]" id="c4" value="4">
2381                                    <label for="c4" class="cookie">Matomo Analytics</label>
2382                                                                                                                                            </div>
2383                                                    </div>
2384                    </div>
2385                                    </div>
2386
2387        <div class="cc-footer highlight">
2388                                <button class="cc-btn cc-focus save" data-save>Auswahl speichern</button>
2389                <button class="cc-btn cc-focus success" data-accept-all>Alle akzeptieren</button>
2390                <button class="cc-btn cc-focus deny" data-deny-all>Alle ablehnen</button>
2391        </div>
2392
2393        <div class="cc-info">
2394                                                                <a class="cc-focus" href="https://www.top21.sh/datenschutzerklaerung.html">Datenschutzerklärung</a>
2395                                    <a class="cc-focus" href="https://www.top21.sh/impressum-top21systemhausgmbh.html">Impressum</a>
2396                                    </div>
2397    </div>
2398</div>
2399<!-- indexer::continue -->
2400<script>var cookiebar = new ContaoCookiebar({configId:1,pageId:97,hideOnInit:0,blocking:1,focusTrap:1,version:1,lifetime:63072000,consentLog:0,token:'ccb_contao_token',doNotTrack:0,currentPageId:112,excludedPageIds:[103,101,121],cookies:{"5":{"id":5,"type":"iframe","checked":true,"token":null,"resources":[],"priority":0,"scripts":[],"iframeType":"openstreetmap"},"4":{"id":4,"type":"matomo","checked":true,"token":null,"resources":[],"priority":0,"scripts":[{"script":"var _paq = window._paq = window._paq || []; _paq.push(['disableCookies']);\n_paq.push(['trackPageView']);\n_paq.push(['enableLinkTracking']); (function() { var u='https:\/\/matomo.24hoster.com\/'; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', 1]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text\/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);})();","position":3,"mode":1}]}},configs:[],disableTracking:0,texts:{acceptAndDisplay:'tl_cookiebar.acceptAndDisplayLabel'}});</script>
2400
2401</body>
2402</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.