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="" 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=""> 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="" 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="" 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=""> 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=""> 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("/assets/images/b/top21_slider_ueberuns_1960x600-9n5pjgtyxbvtj4t.png");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="⌂"> 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=""> 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=""> 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=""> 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("/assets/images/7/top21_bg_linien_rz_03-2bz0xqt7ndsj2cz.png");" 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("/assets/images/v/top21_slider_1960x600_Office_03-tvjenzc3xb0cnv2.png");" 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("/assets/images/7/top21_bg_linien_rz_03-2bz0xqt7ndsj2cz.png");" 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=""> 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 & 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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=""> 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("/assets/images/j/top21_slider_1960x600_Office_00-k7m9ex94262f4m7.png");" 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="" 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="" 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 & 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.