1<!DOCTYPE html> 2<!--[if lte IE 9]> <html class="no-js lt-ie10" lang="de" dir="ltr" class="no-js"> <![endif]--> 3<!--[if gt IE 9]> <!--><html class="no-js" lang="de" dir="ltr" class="no-js"> <!--<![endif]--> 4<head> 5 <meta charset="utf-8"> 6 7<!-- 8 Technical development by "Gosign GmbH", www.gosign.de, Weltweit in KI-Infrastruktur und Enterprise CMS-Lösungen 9 10 This website is powered by TYPO3 - inspiring people to share! 11 TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. 12 TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners. 13 Information and contribution at https://typo3.org/ 14--> 15 16 17<title>News: Otto Speetzen Elektrotechnik GmbH</title> 18<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"> 19<meta name="generator" content="TYPO3 CMS"> 20<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 21<meta name="revisit-after" content="10 days"> 22<meta name="google-site-verification" content="hx3PiS4NZBATXW04SvJWwrBRRjlMtsnSFFJTkO-W7Qs"> 23 24 25<link rel="stylesheet" href="/_assets/92db012218060e7f76033bd8d7dfb53e/css/flipbook.style.css?1791133468" media="all"> 26<link rel="stylesheet" href="/_assets/92db012218060e7f76033bd8d7dfb53e/css/font-awesome.css?1791133468" media="all"> 27<link rel="stylesheet" href="/typo3temp/assets/compressed/merged-e7bfd9df20e805eb610312c71d066faa-d0270ece3538e8a8e8100baee845ca71.css?1791202123" media="all"> 28 29 30 31 32 33
34<script nonce=''> 35 window.dataLayer = window.dataLayer || []; 36 function gtag(){dataLayer.push(arguments);} 37 38 gtag('consent', 'default', { 39 'ad_storage': 'denied', 40 'ad_user_data': 'denied', 41 'ad_personalization': 'denied', 42 'analytics_storage': 'denied' 43 }); 44 </script>
44 45
46<script id="om-cookie-consent" type="application/json">{"group-1":{"cookie-1":{"header":["<!-- Google Tag Manager -->\r\n\r\n\r\n
46<script>\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag() {\r\n dataLayer.push(arguments);\r\n }\r\n gtag(\"consent\", \"default\", {\r\n ad_storage: \"granted\",\r\n ad_user_data: \"granted\", \r\n ad_personalization: \"granted\",\r\n analytics_storage: \"granted\",\r\n functionality_storage: \"granted\",\r\n personalization_storage: \"granted\",\r\n security_storage: \"granted\",\r\n wait_for_update: 200,\r\n });\r\n gtag(\"set\", \"ads_data_redaction\", true);\r\n gtag(\"set\", \"url_passthrough\", true);\r\n<\/script>\r\n\r\n\r\n\r\n
46<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n})(window,document,'script','dataLayer','GTM-MXSV252');<\/script>\r\n\r\n\r\n<!-- End Google Tag Manager -->\r\n\r\n<!-- Google Analytics Opt-Out Function -->\r\n
46<script>\r\nfunction gaOptout() {\r\n document.cookie = 'ga-opt-out=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=\/';\r\n document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=\/';\r\n window[disableStr] = true;\r\n}\r\n<\/script>\r\n<!-- Google Analytics Opt-Out Function -->"]}}}</script>
46 47<link rel="shortcut icon" href="/fileadmin/user_upload/speetzen-favicon.ico" type="image/x-icon"> 48<style type="text/css"> 49 @media only screen and (min-width:960px) { 50 .header .logo_container img { 51 52 53 54 55 } 56 } 57</style><style type="text/css"> 58 59 60 .jobApplicationForm:after{ 61 background-color: #4a4a4a; 62 } 63 64 .color1 { 65 color: #990019; 66 } 67 68 .companycolor1 { 69 color: #990019 !important; 70 } 71 .color1_background { 72 background-color: #990019; 73 } 74 75 .color1_border { 76 border-color: #990019; 77 } 78 79 .color2_border { 80 border-color: #4a4a4a; 81 } 82 83 .color2 { 84 color: #4a4a4a; 85 } 86 .companycolor2 { 87 color: #4a4a4a !important; 88 } 89 90 .color2_background { 91 background-color: #4a4a4a; 92 } 93 94 ul li a,a ,h1,h2,h3,h4,h5,h6, dt{ 95 color: #990019; 96 } 97 98 ul li a:hover,a:hover ,.footer.container .f_Content .fdetail a:hover, dd{ 99 color: #4a4a4a; 100 } 101 102 dl dd { 103 text-transform: initial; 104 } 105 106 .footerSocial a:hover .fa { 107 color: #990019; 108 } 109 110 .scrollToTop { 111 background-color: #990019; 112 } 113 114 #main .slick-slider-pages .maincolumns.row .csc-textpic-text a { 115 background-color: #4a4a4a; 116 } 117 118 #main .slick-slider-pages .maincolumns.row .csc-header.csc-header-n1, 119 #main .slick-slider-pages .maincolumns.row .csc-textpic-text 120 121 #main .maincolumns.row .row.homeNavigation .csc-textpic.csc-textpic-center.csc-textpic-above { 122 background-color: #990019; 123 } 124 #main .go_local .localInner .gridLeft .suchen input:hover{ 125 background-color: #4a4a4a; 126 } 127 /* .go_local .gridLeft .styledSelect:after, .location_list .gridLeft .styledSelect:after{ 128 background-color: #4a4a4a; 129 border-color:#990019; 130 } */ 131 132 /* .tx_goeducationandjobs .styledSelect:after{ 133 border-color:#fff; 134 background-color: #990019; 135 } */ 136 137 .go_local .options li:hover, .location_list .options li:hover{ 138 background-color: #4a4a4a; 139 } 140 141 .go_local .localInner .gridLeft .suchen input:hover , 142 .go_project_teasers .all_teasers .projectListDetails .singleProTitle a:hover{ 143 color: #4a4a4a; 144 } 145 146 #main .gobutton_button a { 147 background-color: #4a4a4a; 148 } 149 150 #main .gobutton_button a:hover, 151 .go_news_listView .go_news .news_teaser .teaser_link:hover { 152 background-color: #990019; 153 } 154 155 a:hover, a:focus { 156 color: #4a4a4a; 157 } 158 159 .go_local .options li:hover{ 160 background-color: #4a4a4a; 161 } 162 163 .main-company #contactForm input.powermail_submit:hover{ 164 background-color: #990019; 165 color: #fff; 166 } 167 .go_local, 168 #main .go_local .localInner .gridLeft:after { 169 background-color: #990019; 170 } 171 172 #contactForm input.powermail_submit{ 173 color: #990019; 174 } 175 176 #main .maincolumns.row ul#side-nav li li a:hover{ 177 color: #4a4a4a; 178 } 179 180 #main .maincolumns.row ul#side-nav li a{ 181 color: #990019; 182 } 183 184 .go_news_listView .go_news .news_teaser .teaser_title:hover{ 185 color: #4a4a4a; 186 } 187 188 189 #main .slick-slider-pages .maincolumns.row .csc-header.csc-header-n1:after, 190 #main .slick-slider-pages .maincolumns.row .csc-textpic-text:after, 191 .go_companyInfo .CI_imageLine .clearLine{ 192 background-color: #990019; 193 } 194 195 #main .current-page-title{ 196 background-color: #990019; 197 } 198 199 #main .maincolumns.row ul#side-nav li.active:before, 200 #main .maincolumns.row.withLeftContent .small-8.columns .page-title{ 201 color: #990019; 202 } 203 204 #main .maincolumns.row.withLeftContent .small-8.columns .clearLine:after{ 205 background-color: #4a4a4a; 206 } 207 208 .project_module .options li:hover, 209 .tx_goeducationandjobs .options li:hover, 210 #main .tx_goeducationandjobs .accordion .linkAccr a:hover{ 211 background-color: #990019; 212 } 213 214 .location_list .listing_comp .listing_detail .cLink { 215 background-color: #4a4a4a; 216 } 217 218 .location_list .listing_comp .listing_detail .cLink a:hover{ 219 color: #990019; 220 } 221 222 .location_list .listing_comp .listing_detail .cLink{ 223 border-color:#990019; 224 } 225 226 #main .maincolumns.row.withLeftContent .small-8.columns .description { 227 border-color:#4a4a4a; 228 } 229 230 #main .maincolumns.row ul#side-nav li li.active:before{ 231 color: #4a4a4a; 232 } 233 234 .tx_goeducationandjobs .accordion h3:hover , 235 .tx_goeducationandjobs .accordion .linkAccr a:hover { 236 background-color: #990019; 237 color: #fff; 238 } 239 240 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap input, 241 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap textarea,
242 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap.input-focus input, 243 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap.input-focus textarea, 244 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap label.powermail_label, 245 .maincolumns.row div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html a, 246 select { 247 color: #990019; 248 } 249 250 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap .powermail_submit { 251 color:#fff; 252 } 253 254 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap.input-focus label.powermail_label, 255 .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap.input-has-value label.powermail_label{ 256 color: #4a4a4a; 257 } 258 259 .tx_goeducationandjobs .accordion h3.active, 260 .tx_goeducationandjobs .accordion .linkAccr a, 261 #main .tx_goeducationandjobs .accordion h3.active, 262 #main .tx_goeducationandjobs .accordion .linkAccr a { 263 background-color: #4a4a4a; 264 } 265 266 #main .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap.input-focus input, 267 #main .maincolumns.row .row.row_33_66.coloredTextContent #contactForm div.powermail_fieldwrap.input-focus textarea{ 268 border-color: #4a4a4a; 269 } 270 271 #main .go_news_listView .go_news .news_teaser .teaser_title:hover{ 272 color: #4a4a4a; 273 } 274 .header .header_content .top_nav li span{ 275 background-color:#990019; 276 } 277 #main .go_news_listView .go_news .newsInner .news_teaser .teaser_link:hover { 278 background-color: transparent; 279 } 280 #main .go_news_listView .go_news .news_teaser .teaser_title { 281 color: #990019; 282 } 283 284 .go_local .styledSelect { 285 color: #990019; 286 } 287 288 #main .maincolumns.row .row.row_33_66.coloredTextContent .InnerRow h1.csc-firstHeader { 289 color: #990019; 290 } 291 292 /* #main .HeadLineDescTeaser:after, */ 293 nav#mNav .top_nav.mobile li.active, 294 #main .maincolumns.row.withLeftContent .gobutton_button a { 295 background-color: #990019; 296 } 297 #mNav nav#mNav .top_nav.mobile .mobileNav span:before{ 298 color: #990019 !important; 299 } 300 #mNav #indexSearch .tx-indexedsearch-searchbox{ 301 border:1px solid #990019; 302 } 303 #mNav #indexSearch .submitBlock:after, 304 nav#mNav .top_nav.mobile .mobileNav span:before{ 305 color: #990019 !important; 306 } 307 #main .go_project_module .linkButton a:hover { 308 /* background-color: #4a4a4a; */ 309 } 310 #main .go_project_module h2.tHeader { 311 color: #990019; 312 } 313 .header .header_content .top_nav li:hover a{ 314 //color: #990019; 315 } 316 #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns h2.colorredheadline, 317 #main .maincolumns.row.withLeftContent.newsNewTemplate .small-8.columns h2.colorredheadline, 318 #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .theFacts .theFactsIn .factHeadline, 319 #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .csc-default h1.csc-firstHeader, 320 #main .maincolumns.row.withLeftContent.newsNewTemplate .small-8.columns h1.csc-firstHeader, 321 #main .maincolumns.row h2.colorredheadline { 322 color: #990019; 323 } 324 #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .theClient .theClientIn .clientDesc p{ 325 color: #000; 326 } 327 .colorredheadline { 328 color: #990019; 329 } 330 .latest_news_teaser .go_news .newListDetails { 331 border-color: {color2} 332 } 333 #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns section.gobutton_button a{ 334 background-color:#990019; 335 } 336 #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns section.gobutton_button a:hover{ 337 background-color:#990019; 338 } 339 .go_companyInfo .group_field.CI_Description p{ 340 color: #990019; 341 } 342 343 #main .tx_goproject_proejctslist .go_project_module h1.tHeader, 344 .main-company #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .locationanddate h4, 345 .main-company #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .locationanddate h4:before, 346 .main-company #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .locationanddate h4, 347 .main-company #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .locationanddate h4:before, 348 .main-company #main .maincolumns.row.withLeftContent.projectsNewTemplate .small-8.columns .textOver { 349 color: #990019; 350 } 351 352 #main .location_list .listing_comp .listing_detail .detail_inner .cTitle p, 353 #main .location_list .listing_comp .listing_detail .detail_inner strong{ 354 color: #990019; 355 } 356 #main .tx_goproject_proejctslist .go_project_module h2.tHeader{ 357 color: #990019; 358 } 359 360 #main .go_news_listView .go_news .newsInner .news_teaser .teaser_link:hover 361 362 #css_preloader:before { 363 background-color: #4a4a4a; 364 } 365 366 #css_preloader:after{ 367 background-color: #990019; 368 } 369 .jobForm .jobsContentData #contactForm input[type="submit"]{ 370 color: #990019; 371 background-color:#fff; 372 } 373 374 .jobForm .jobsBtnBlockOuter .linkBtnBlock .linkJobsBtn1 a, 375 .jobForm .jobsBtnBlockOuter .linkBtnBlock .linkJobsBtn2 a, 376 .jobLinkBlock a { 377 background-color: #990019; 378 } 379 380 #contactForm .powermail_fieldwrap_file input + label { 381 background-color: #990019; 382 } 383
384 #contactForm .powermail_fieldwrap_file input:focus + label { 385 background-color: #4a4a4a; 386 } 387 388 #contactForm .powermail_fieldwrap_file input + label span, 389 #contactForm .powermail_fieldwrap_file input + label i { 390 color: #fff; 391 } 392 393 div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html span label, 394 div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html span label a { 395 color: #990019; 396 } 397 398 #contactForm .powermail_fieldwrap_type_check .checkbox input[type="checkbox"], #contactForm .powermail_fieldwrap_type_radio .radio input[type="radio"]{ 399 border: 3px solid #990019 !important; 400 } 401 402 #contactForm .powermail_fieldwrap_type_check .checkbox input[type="checkbox"]:checked, #contactForm .powermail_fieldwrap_type_radio .radio input[type="radio"]:checked { 403 background-color: #990019; 404 } 405 406 #contactForm .powermail_fieldwrap_file .powermail_fieldwrap_file_inner .powermail_file_label { 407 background-color: #990019; 408 } 409 410 #contactForm .powermail_fieldset .powermail_fieldwrap_file .powermail_fieldwrap_file_inner { 411 border: 3px dashed #990019; 412 } 413 414 .home-page:not(.main-company) div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html span label, 415 .home-page:not(.main-company) div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html span label a { 416 color: #fff; 417 } 418 419 .jobForm .jobsContentData #contactForm .powermail_fieldset-half-parent .powermail_fieldset-half .powermail_fieldwrap_file input + label span, 420 .jobForm .jobsContentData #contactForm .powermail_fieldset-half-parent .powermail_fieldset-half .powermail_fieldwrap_file input + label i, 421 .main-company #contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html a { 422 color: #990019; 423 } 424 425 .jobForm .jobsContentData #contactForm .powermail_fieldset-half-parent .powermail_fieldset-half .powermail_fieldwrap_file input:focus + label span, 426 .jobForm .jobsContentData #contactForm .powermail_fieldset-half-parent .powermail_fieldset-half .powermail_fieldwrap_file input + label:hover span { 427 color: #990019; 428 } 429 430 .main-company .jobForm .jobsContentData #contactForm .powermail_fieldset-half-parent .powermail_fieldset-half .powermail_fieldwrap_file input + label { 431 background-color: #990019; 432 } 433 434 .main-company #main .jobForm .jobsContentData .jobApplicationForm #contactForm .powermail_fieldwrap_submit input.powermail_field.powermail_submit { 435 background-color: #990019; 436 } 437 .main-company .jobForm .jobsContentData .jobApplicationForm > #contactForm h2, 438 .main-company .jobForm .jobsContentData .jobApplicationForm > .jobApplicationFormHeadline h5, 439 .main-company .jobForm .jobsContentData .jobApplicationForm > .jobApplicationFormHeadline h2 { 440 color: #990019; 441 } 442 443 .jobModuleBlockListing .nonListedJobApplication { 444 background-color: #4a4a4a; 445 } 446 447 .jobModuleBlockListing .nonListedJobApplication .jobLinkBlock a{ 448 color: #4a4a4a; 449 } 450 .jobModuleBlockListing .nonListedJobApplication .jobLinkBlock a:hover{ 451 background-color: #990019; 452 } 453 .project_module .options li:hover { 454 background-color: #4a4a4a; 455 } 456 .animBtn:hover, 457 #contactForm input.powermail_submit:hover, 458 #main .maincolumns.row.withLeftContent .gobutton_button a:hover, 459 section.gobutton_button a.button:hover, 460 .main-company #main .maincolumns.row.withLeftContent .gobutton_button a:hover, 461 #main .location_list .listing_comp .listing_detail .cLink a:hover, 462 #main .go_project_module .loadMoreRecords p:hover, 463 #main .location_list .listing_comp .listing_detail .cLink a:hover, 464 #main .maincolumns.row .row.row_33_66.coloredTextContent #contactForm .powermail_fieldwrap_file .powermail_fieldwrap_file_inner label:hover, 465 #main .maincolumns.row.withLeftContent .gobutton_button a:hover{ 466 box-shadow: -8px 8px 0 0 #4a4a4a; 467 -moz-box-shadow: -8px 8px 0 0 #4a4a4a; 468 -webkit-box-shadow: -8px 8px 0 0 #4a4a4a; 469 } 470 .latest_news_teaser .go_news .newListDetails .singleNewsTitle a:hover{ 471 color: #4a4a4a; 472 } 473 474 @keyframes css_preloader_before { 475 0% { 476 transform: translateX(0px) rotate(0deg) 477 } 478 50% { 479 transform: translateX(50px) scale(1.2) rotate(260deg); 480 background-color: #990019; 481 border-radius: 0px; 482 } 483 100% { 484 transform: translateX(0px) rotate(0deg) 485 } 486 } 487 488 @keyframes css_preloader_after { 489 0% { 490 transform: translateX(0px) 491 } 492 50% { 493 transform: translateX(-50px) scale(1.2) rotate(-260deg); 494 background-color: #4a4a4a; 495 border-radius: 0px; 496 } 497 100% { 498 transform: translateX(0px) 499 } 500 } 501 502 .location_list .no-result-found a{ 503 background-color: #4a4a4a; 504 } 505 506 .location_list .no-result-found a:hover{ 507 color: #4a4a4a; 508 border-color: #4a4a4a; 509 } 510 511 #gallery-1 .rsThumbsContainer.thumbRadio .rsNavItem { 512 background-color: #990019; 513 } 514 515 #gallery-1 .rsThumbsContainer.thumbRadio .rsNavItem.rsNavSelected{ 516 background-color: #4a4a4a; 517 } 518 .location_list .suchen input, 519 #main .location_list .listing_comp .listing_detail .cLink a{ 520 background-color: #990019; 521 } 522 .location_list .suchen input:hover{ 523 background-color: #4a4a4a; 524 } 525 .rsDefault .rsThumb.rsNavSelected { 526 border-color:#4a4a4a; 527 } 528 529 .go_local .localInner .gridLeft .selectZip input::-moz-placeholder, 530 #indexSearch .tx-indexedsearch-searchbox::-moz-placeholder, 531 .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword::-moz-placeholder{ 532 color: #990019; 533 opacity:1; 534 } 535 536 .go_local .localInner .gridLeft .selectZip input:-moz-placeholder, 537 .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword:-moz-placeholder, 538 #indexSearch .tx-indexedsearch-searchbox:-moz-placeholder{ 539 color: #990019; 540 opacity:1; 541 } 542 543 .go_local .localInner .gridLeft .selectZip input::-webkit-input-placeholder, 544 .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword::-webkit-input-placeholder, 545 #indexSearch .tx-indexedsearch-searchbox::-webkit-input-placeholder{ 546 color: #990019; 547 opacity:1; 548 } 549 550 .go_local .localInner .gridLeft .selectZip input:-ms-input-placeholder, 551 .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword:-ms-input-placeholder, 552 .#indexSearch .tx-indexedsearch-searchbox:-ms-input-placeholder { 553 color: #990019; 554 opacity:1; 555 } 556 557 .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { 558 color:#990019; 559 } 560 561 .tx-indexedsearch-searchbox-button.submit:hover { 562 background-color: #4a4a4a; 563 } 564 .tx-indexedsearch-searchbox-button.submit{ 565 background-color: #990019; 566 } 567 .tx-indexedsearch-whatis,.tx-indexedsearch-searchbox-sword.sword,
568 ul.browsebox li a, 569 .tx-indexedsearch-res a, 570 .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup, 571 .tx-indexedsearch-whatis, .tx-indexedsearch-searchbox-sword.sword, ul.browsebox li a, 572 .tx-indexedsearch-browsebox p, 573 .tx-indexedsearch-searchbox-sword.sword, 574 .tx-indexedsearch-searchbox #tx_indexedsearch table tr:first-child td:after{ 575 color: #990019; 576 } 577 578 /* .main-company #main .maincolumns.row .row.row_33_66 .InnerRow p.bodytext, */ 579 .main-company #contactForm textarea, 580 .main-company #contactForm input, 581 .main-company div#contactForm .powermail_fieldset label.powermail_label, 582 .main-company div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html label.formDatenschutzText, 583 .main-company div#contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html label.requiredFieldInfo{ 584 color: #990019; 585 } 586 587 .main-company div#contactForm .powermail_fieldset div.powermail_fieldwrap.input-focus label, 588 .main-company div#contactForm .powermail_fieldset div.powermail_fieldwrap.input-has-value label { 589 color: #4a4a4a; 590 } 591 592 .main-company #main .jobForm .jobsContentData .jobApplicationForm #contactForm div.powermail_fieldwrap.input-focus label, 593 .main-company #main .jobForm .jobsContentData .jobApplicationForm #contactForm div.powermail_fieldwrap.input-has-value label, 594 .main-company #main .jobForm .jobsContentData .jobApplicationForm #contactForm div.powermail_fieldwrap.input-focus label span, 595 .main-company #main .jobForm .jobsContentData .jobApplicationForm #contactForm div.powermail_fieldwrap.input-has-value label span { 596 color: #4a4a4a; 597 } 598 599 .main-company #contactForm input.powermail_submit { 600 background-color: #990019; 601 color:#fff; 602 } 603 .main-company #main div#contactForm .powermail_fieldset div.powermail_fieldwrap.input-focus textarea, 604 .main-company #main div#contactForm .powermail_fieldset div.powermail_fieldwrap.input-focus input { 605 border-color: #4a4a4a; 606 } 607 .header #indexSearch { 608 border-color: #4a4a4a; 609 } 610 .header #indexSearch .tx-indexedsearch-searchbox::-webkit-input-placeholder { 611 opacity:1; 612 color:#4a4a4a; 613 } 614 .tx-indexedsearch .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a 615 .header #indexSearch .tx-indexedsearch-searchbox:-moz-placeholder { 616 color:#4a4a4a; 617 opacity:1; 618 } 619 .header #indexSearch .tx-indexedsearch-searchbox::-moz-placeholder { 620 color:#4a4a4a; 621 opacity:1; 622 } 623 .header #indexSearch .tx-indexedsearch-searchbox:-ms-input-placeholder { 624 color:#4a4a4a; 625 opacity:1; 626 } 627 .header .header_content .top_nav li a, 628 .header .header_content .h_details ul.left a, 629 .header .header_content .h_details div.desc, 630 .header .header_content .h_details div.desc a, 631 #indexSearch .submitBlock:after{ 632 color:#990019; 633 } 634 .header .header_content .top_nav li a:hover{ 635 color:#4a4a4a; 636 } 637 #main .go_project_module h1.tHeader,#main .go_local .localInner .gridLeft .selectZip input{ 638 color:#990019; 639 } 640 #main .go_news .linkButton a { 641 color:#fff; 642 } 643 #main .go_news .linkButton a:hover { 644 background-color:#990019; 645 } 646 #main .go_news .newsInner .news_teaser .teaser_link{ 647 /* background-color:#4a4a4a; */ 648 } 649 650 #main .go_news_listView .go_news .newsInner .news_teaser .news_teaser_details .teaser_link:hover{ 651 color:#4a4a4a; 652 border-color:#4a4a4a 653 } 654 #main .go_news_listView .go_news .newsInner .news_teaser .teaser_details{ 655 border-color:#4a4a4a; 656 } 657 658 /* #main .go_news_listView .newsInner .news_teaser .teaser_link, 659 #main .go_news_listView .newsInner .news_teaser .link_bottom { 660 color:#990019; 661 } */ 662 663 664 #main .row .row.twoColomnLimitedWidth .columns .gobutton_button a{ 665 color: #fff; 666 background-color: #990019; 667 } 668 #main .row .parallax .row.twoColomnLimitedWidth .columns .gobutton_button a{ 669 color:#4a4a4a; 670 background-color: #fff; 671 } 672 673 674 #main nav.breadcrumbNav, 675 #main nav.breadcrumbNav .breadcrumbs { 676 border-color: #990019; 677 background-color: #990019; 678 } 679 680 #main .linkButton a:hover { 681 background-color: #990019; 682 color:#fff; 683 } 684 .main-company #main .go_project_module .linkButton a:hover{ 685 background-color: #990019; 686 } 687 #main .maincolumns.row .row.row_33_66.coloredTextContent #contactForm input.powermail_submit { 688 background-color: #990019; 689 } 690 #main .maincolumns.row blockquote { 691 box-shadow: -10px 10px 0 0 #4a4a4a; 692 -moz-box-shadow: -10px 10px 0 0 #4a4a4a; 693 -webkit-box-shadow: -10px 10px 0 0 #4a4a4a; 694 } 695 696 #main .maincolumns.row blockquote p.bodytext b i { 697 color:#4a4a4a; 698 font-size: 23px; 699 line-height: 1em; 700 } 701 .main-company #main .maincolumns.row.withLeftContent .small-8.columns .locationanddate .project-date { 702 color:#990019; 703 } 704 ul.f3-widget-paginator li a{ 705 color: #990019; 706 } 707 .project_module .styledSelect, 708 .main-company .project_module .options li, 709 .main-company .location_list .styledSelect, 710 .main-company .location_list .options li { 711 color:#990019; 712 } 713 .main-company .project_module .options, 714 .main-company .project_module .styledSelect, 715 .main-company .location_list .styledSelect, 716 .main-company .location_list .options{ 717 border-color: #990019; 718 } 719 .main-company #main .maincolumns.row.WidthFixedWidth .jobContentBlock p.dateBlockJobs, 720 #main .maincolumns.row.WidthFixedWidth .jobContentBlock h3, 721 .main-company #main .maincolumns.row.WidthFixedWidth .jobContentBlock p.textBlockJobs { 722 color:#990019; 723 } 724 725 #main .maincolumns.row.withLeftNav .row.twoColomnLimitedWidth .gobutton_button a{ 726 background-color: #990019; 727 } 728 729 /* #main .maincolumns.row.withLeftNav .row.twoColomnLimitedWidth .gobutton_button a:hover{ 730 background-color: #4a4a4a; 731 } */ 732 #main .go_project_module .loadMoreRecords p:hover { 733 background-color: #990019; 734 } 735 .akordeon-item.expanded .akordeon-item-head,.akordeon-item.collapsed .akordeon-item-head:hover{ 736 background-color: #4a4a4a; 737 }
738 .footer.container ul.left li.footer-to-hide > a { 739 display: none; 740 } 741 #indexSearch .tx-indexedsearch-searchbox{ 742 color: #990019; 743 } 744 745 .breadcrumbs > *:before { 746 content: " "; 747 margin:0; 748 } 749 750 #main .maincolumns.row ul#side-nav li.active:before,#main .maincolumns.row ul#side-nav li li a:hover, 751 #main .maincolumns.row ul#side-nav li a:hover{ 752 color: #4a4a4a ; 753 } 754 755 #main .maincolumns.row ul#side-nav li.active > a { 756 color: #990019; 757 } 758 759 a.fancybox:after { 760 color: #990019; 761 } 762 763 .header .header_content .top_nav li:hover span > a{ 764 background-color:#4a4a4a; 765 } 766 767 .header .loginSubMenu { 768 background: #990019; 769 } 770 .header .loginSubMenu ul li:hover{ 771 background: #4a4a4a; 772 } 773 774 div#contactForm a:hover { 775 text-decoration: underline; 776 color: #990019; 777 } 778 779 .featuredJobsContainer p.bodytext b { 780 color: #990019; 781 } 782 783 .om-cookie-panel .cookie-panel__button { 784 background: #990019; 785 } 786/* 787 .om-cookie-panel .cookie-panel__button:hover { 788 background: #4a4a4a; 789 } */ 790 791 #main .maincolumns.row ul#side-nav li.active > a, 792 #main .maincolumns.row ul#side-nav li.active:before { 793 color:#990019; 794 } 795 796 #main .maincolumns.row ul#side-nav li > a:hover 797 798 #main .go_news .newsInner .news_teaser .teaser_link:hover, 799 #main .go_news .newsInner .news_teaser .link_bottom:hover .teaser_link { 800 color: #4a4a4a !important; 801 border-color: #4a4a4a !important; 802 } 803 .header .header_content .h_details ul.left a:hover, 804 .header .header_content .h_details div.desc a:hover, 805 #main .go_news .newsInner .news_teaser .teaser_title:hover, 806 #main .go_news .newsInner a:hover, 807 .main-company #contactForm .powermail_fieldset div.powermail_fieldwrap.powermail_fieldwrap_html a:hover{ 808 color: #4a4a4a; 809 } 810 811 .go_local .styledSelect:after, 812 .location_list .styledSelect:after, 813 .project_module .styledSelect:after, 814 ul.f3-widget-paginator li.previous a:after, ul.f3-widget-paginator li.next a:after, 815 .tx-indexedsearch .tx-indexedsearch-browsebox li.nextP a:after, 816 .tx-indexedsearch .tx-indexedsearch-browsebox li.prevP a:after, 817 ul.browsebox li.tx-indexedsearch-browselist-currentPage a{ 818 color: #4a4a4a; 819 } 820 .header .header_content .top_nav ul.left li.active a:after, 821 .home-page .header .header_content .top_nav ul.left li:first-child a:after{ 822 border-color: #4a4a4a; 823 } 824 ul.f3-widget-paginator li.current{ 825 color: #4a4a4a; 826 } 827 ul.browsebox li.tx-indexedsearch-browselist-currentPage a{ 828 color: #4a4a4a; 829 text-decoration: underline; 830 } 831 832 .project_module .styledSelect, 833 .project_module .options { 834 border-color: #990019; 835 } 836 #main .maincolumns.row ul#side-nav li li.active a, 837 #main .maincolumns.row ul#side-nav li ul.levelSec li.active a:before { 838 color: #4a4a4a; 839 } 840 #main .maincolumns.row ul#side-nav li li.active a:hover, 841 #main .maincolumns.row ul#side-nav li li.active a:hover::before { 842 color: #4a4a4a !important; 843 } 844 #main .maincolumns.row.withLeftContent.newsNewTemplate .small-8.columns .newsDetailText a { 845 color: #4a4a4a; 846 } 847 .om-cookie-panel .cookie-panel__button:hover{ 848 box-shadow: -4px 4px 0 0 #4a4a4a; 849 -moz-box-shadow: -4px 4px 0 0 #4a4a4a; 850 -webkit-box-shadow: -4px 4px 0 0 #4a4a4a; 851 } 852 /* HeadLine New */ 853 #main .HeadLineDescTeaser .Description p, 854 #main .HeadLineDescTeaser .Description h5, 855 #main .HeadLineDescTeaser .headline2 h2, 856 #main .HeadLineDescTeaser .headline h4 { 857 background-color: #990019; 858 } 859 #main .HeadLineDescTeaser.white-Color-background .Description p, 860 #main .HeadLineDescTeaser.white-Color-background .Description h5, 861 #main .HeadLineDescTeaser.white-Color-background .headline2 h2, 862 #main .HeadLineDescTeaser.white-Color-background .headline h4{ 863 background-color: #fff; 864 color: #990019; 865 } 866 #main .HeadLineDescTeaser.white-Color-background .linkBlock a { 867 border-color: #990019; 868 } 869 870 #slider .slick-slider .slick-track { 871 background-color: #990019; 872 } 873 874 #main .maincolumns.row .slick-slider .slick-list .slick-track .sliderContentWrapper .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser.company-color-background .teaserOuter .teaserInner .linkBlock a { 875 background-color:#fff; 876 color:#990019; 877 } 878 #main .maincolumns.row .slick-slider .slick-list .slick-track .sliderContentWrapper .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser.white-Color-background .teaserOuter .teaserInner .linkBlock a { 879 background-color: #990019; 880 color: #fff; 881 } 882 883 884 885 @media only screen and (max-width: 40em) { 886 #main .slick-slider .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser { 887 background-color: #990019; 888 } 889 890 #main .slick-slider .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser.white-Color-background { 891 background-color: #fff; 892 } 893 } 894 @media only screen and (max-width: 720px) { 895 #main .slick-slider .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser { 896 background-color: #990019; 897 } 898 899 #main .slick-slider .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser.white-Color-background { 900 background-color: #fff; 901 } 902 #main .maincolumns.row .slick-slider .slick-list .slick-track .sliderContentWrapper .maincolumns.row.WidthFixedWidth .HeadLineDescTeaser:not(.white-Color-background) .teaserOuter .teaserInner .linkBlock a { 903 color:#990019; 904 } 905 } 906 @media only screen and (max-width: 580px) { 907 .slick-slider-images{ 908 height:auto!important; 909 } 910 img.slick-slide{ 911 object-fit: contain; 912 height:100%; 913 } 914 } 915 916</style> 917 918<link rel="canonical" href="https://ottospeetzen.de/news.html"> 919</head> 920<body> 921<div xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" 922 v:schemaLocation="https://fluidtypo3.org/schemas/vhs-master.xsd"> 923<header class="header container"> 924 <div class="header"> 925 <div class="logo_container"> 926 927 928 929 <a href="/index.html" class="navbar-brand reset"> 930 <img src="/fileadmin/user_uploads/ottospeetzen.de/otto-speetzen-logo-web.svg" /> 931 </a> 932 933 934 935 </div> 936 <div class="header_content"> 937 <div id="indexSearch" class="color2_border"> 938 <form method="post" action="/suche.html?tx_indexedsearch_pi2%5Baction%5D=search&tx_indexedsearch_pi2%5Bcontroller%5D=Search&cHash=df3c522b415b63daa88b91312eb24c61"> 939 <div class="tx-indexedsearch-hidden-fields"> 940 <input type="hidden" name="tx_indexedsearch_pi2[search][_sections]" value="
9400"> 941 <input type="hidden" name="tx_indexedsearch_pi2[search][_freeIndexUid]" value="_"> 942 <input type="hidden" name="tx_indexedsearch_pi2[search][pointer]" value="0"> 943 <input type="hidden" name="tx_indexedsearch_pi2[search][ext]" value=""> 944 <input type="hidden" name="tx_indexedsearch_pi2[search][searchType]" value="1"> 945 <input type="hidden" name="tx_indexedsearch_pi2[search][defaultOperand]" value="0"> 946 <input type="hidden" name="tx_indexedsearch_pi2[search][mediaType]" value="-1"> 947 <input type="hidden" name="tx_indexedsearch_pi2[search][sortOrder]" value="rank_flag"> 948 <input type="hidden" name="tx_indexedsearch_pi2[search][group]" value=""> 949 <input type="hidden" name="tx_indexedsearch_pi2[search][languageUid]" value="0"> 950 <input type="hidden" name="tx_indexedsearch_pi2[search][desc]" value=""> 951 <input type="hidden" name="tx_indexedsearch_pi2[search][numberOfResults]" value="10"> 952 <input type="hidden" name="tx_indexedsearch_pi2[search][extendedSearch]" value=""> 953 </div> 954 <a href="#" onclick="$(this).closest('form').submit(); return false;"></a> 955 <input maxlength="100" size="10" class="tx-indexedsearch-searchbox search searchHiddenDiv" type="text" name="tx_indexedsearch_pi2[search][sword]"> 956 <div class="submitBlock"><input type="submit" class="hidden searchIcone searchHiddenDiv"></div> 957 <div class="searchIconBlock"></div> 958 </form> 959</div> 960 961 <div class="h_details color1"> 962 963 964 <nav class="top-bar"><section class="top-bar-section"><ul class="left"><li><a href="/kontakt.html">Kontakt</a></li></ul></section></nav> 965 <div class="tele"> 966 <!-- <h4>Tel.: </h4> --> 967 <div class="desc">040 / 25 19 30 0<span>.</span></div> 968 </div> 969 <div class="email"> 970 <!-- <h4>E-Mail:</h4> --> 971 <div class="desc"><a href="mailto:[email protected]">[email protected]</a></div> 972 </div> 973 974 975 </div> 976 <!-- <div class="slogan">WIR LEBEN HANDWERK</div> --> 977 <div class="top_nav"><nav class="top-bar"><section class="top-bar-section"><ul class="left"><li><a href="/index.html" style="color:;">Home</a></li><li class="has-dropdown not-click"><a href="/unternehmen.html" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">Unternehmen</a></li><li class="active"><a href="/news.html" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">News</a></li><li class="has-dropdown not-click"><a href="https://hpm.csod.com/ux/ats/careersite/17/home?c=hpm" target="_self" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">Jobs</a></li><li class="has-dropdown not-click"><a href="/ausbildung.html" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">Ausbildung</a></li></ul></section></nav></div> 978 979 980 </div> 981 <nav id="mNav"> 982 <div class="top_nav mobile"> 983 <div id="indexSearch" class="color2_border"> 984 <form method="post" action="/suche.html?tx_indexedsearch_pi2%5Baction%5D=search&tx_indexedsearch_pi2%5Bcontroller%5D=Search&cHash=df3c522b415b63daa88b91312eb24c61"> 985 <div class="tx-indexedsearch-hidden-fields"> 986 <input type="hidden" name="tx_indexedsearch_pi2[search][_sections]" value="0"> 987 <input type="hidden" name="tx_indexedsearch_pi2[search][_freeIndexUid]" value="_"> 988 <input type="hidden" name="tx_indexedsearch_pi2[search][pointer]" value="0"> 989 <input type="hidden" name="tx_indexedsearch_pi2[search][ext]" value=""> 990 <input type="hidden" name="tx_indexedsearch_pi2[search][searchType]" value="1"> 991 <input type="hidden" name="tx_indexedsearch_pi2[search][defaultOperand]" value="0"> 992 <input type="hidden" name="tx_indexedsearch_pi2[search][mediaType]" value="-1"> 993 <input type="hidden" name="tx_indexedsearch_pi2[search][sortOrder]" value="rank_flag"> 994 <input type="hidden" name="tx_indexedsearch_pi2[search][group]" value=""> 995 <input type="hidden" name="tx_indexedsearch_pi2[search][languageUid]" value="
9950"> 996 <input type="hidden" name="tx_indexedsearch_pi2[search][desc]" value=""> 997 <input type="hidden" name="tx_indexedsearch_pi2[search][numberOfResults]" value="10"> 998 <input type="hidden" name="tx_indexedsearch_pi2[search][extendedSearch]" value=""> 999 </div> 1000 <a href="#" onclick="$(this).closest('form').submit(); return false;"></a> 1001 <input maxlength="100" size="10" class="tx-indexedsearch-searchbox search searchHiddenDiv" type="text" name="tx_indexedsearch_pi2[search][sword]"> 1002 <div class="submitBlock"><input type="submit" class="hidden searchIcone searchHiddenDiv"></div> 1003 <div class="searchIconBlock"></div> 1004 </form> 1005</div> 1006 1007 <div class="mobileNav "> 1008 <span class="mobileBrg"> 1009 <span class="burLine"></span> 1010 <span class="burLine"></span> 1011 <span class="burLine"></span> 1012 </span> 1013 </div> 1014 <nav class="top-bar"><section class="top-bar-section"><ul class="left"><li><a href="/index.html" style="color:;">Home</a></li><li class="has-dropdown not-click"><a href="/unternehmen.html" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">Unternehmen</a></li><li class="active"><a href="/news.html" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">News</a></li><li class="has-dropdown not-click"><a href="https://hpm.csod.com/ux/ats/careersite/17/home?c=hpm" target="_self" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">Jobs</a></li><li class="has-dropdown not-click"><a href="/ausbildung.html" style="color:;" onmouseover="this.style.color=''" onmouseout="this.style.color=''">Ausbildung</a></li></ul></section></nav> 1015 </div> 1016 </nav> 1017 1018 </div> 1019</header> 1020 1021 1022 1023<section id="main" class="container"> 1024 <!--TYPO3SEARCH_begin--> 1025 1026 1027 1028 <div class="current-page-title"><h2><span>News</span></h2></div> 1029 1030 1031 <div class="maincolumns row"><div class="small-12 columns"> 1032 1033 1034 <div id="c25117" class="frame frame-default frame-type-gonews_newslist frame-layout-0"> 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 <div class="go_news_listView "> 1054 <div class="go_news"> 1055 1056 1057 <div class="newsInner"> 1058 1059 <div class="news_teaser1 news_teaser"> 1060 1061 <a href="/news/gemeinsam-fuer-mehr-gesundheit-gesundheitscheck-am-winsbergring.html"> 1062 1063 1064 1065 <div class="teaser_image"> 1066 <img loading="lazy" src="/fileadmin/_processed_/9/b/csm_news-winsbergring-gesundheitscheck-1_e5b27097fe.jpg" width="360" height="240" alt="2 Handwerker beim Gesundheitscheck" title="Gesundheitscheck am Winsbergring" /> 1067 </div> 1068 1069 1070 1071 1072 1073 1074 1075 </a> 1076 1077 <div class="news_teaser_details"> 1078 1079 <div class="teaser_details"> 1080 1081 <div class="teaser_newsDate">27. November 2023 </div> 1082 1083 1084 <div class="teaser_newsDetail">Technische Gebäudeausrüstung</div> 1085 1086 </div> 1087 1088 <a href="/news/gemeinsam-fuer-mehr-gesundheit-gesundheitscheck-am-winsbergring.html" class="color1 titleLink"> 1089 <div class="teaser_title ">Gemeinsam für mehr Gesundheit â Gesundheitscheck am Winsbergring</div> 1090 </a> 1091 1092 1093 1094 <div class="teaser_newsDescription"> 1095 Wir nehmen nicht nur die Werkzeuge in die Hand, sondern auch die Gesundheit unserer Mitarbeitenden. 1096 <a href="/news/gemeinsam-fuer-mehr-gesundheit-gesundheitscheck-am-winsbergring.html" class="link_bottom"> 1097 <div class="teaser_link"> 1098 > Mehr lesen 1099 </div> 1100 </a> 1101 </div> 1102 1103 1104 </div> 1105 </div> 1106 1107 <div class="news_teaser2 news_teaser"> 1108 1109 <a href="/news/sommerfest-am-winsbergring-hpm-betriebe-feiern-gemeinsam.html"> 1110 1111 1112 1113 <div class="teaser_image">
1114 <img loading="lazy" src="/fileadmin/_processed_/7/9/csm_otto-speetzen-sommerfest-am-winsbergring-mit-mehr-als-100-personen_080cb5170f.jpg" width="360" height="240" alt="Mehrere Menschen beim Sommerfest" title="Mehr als 100 Menschen aus neun HPM-Betrieben feierten gemeinsam bis in die Abendstunden am Winsbergring." /> 1115 </div> 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 </a> 1134 1135 <div class="news_teaser_details"> 1136 1137 <div class="teaser_details"> 1138 1139 <div class="teaser_newsDate">28. September 2023 </div> 1140 1141 1142 <div class="teaser_newsDetail">Technische Gebäudeausrüstung</div> 1143 1144 </div> 1145 1146 <a href="/news/sommerfest-am-winsbergring-hpm-betriebe-feiern-gemeinsam.html" class="color1 titleLink"> 1147 <div class="teaser_title ">Sommerfest am Winsbergring â HPM-Betriebe feiern gemeinsam</div> 1148 </a> 1149 1150 1151 1152 <div class="teaser_newsDescription"> 1153 Sommer, Sonne BBQ â die HPM-Betriebe am Hamburger Winsbergring feierten ihr Sommerfest im September 2023. 1154 <a href="/news/sommerfest-am-winsbergring-hpm-betriebe-feiern-gemeinsam.html" class="link_bottom"> 1155 <div class="teaser_link"> 1156 > Mehr lesen 1157 </div> 1158 </a> 1159 </div> 1160 1161 1162 </div> 1163 </div> 1164 1165 </div> 1166 1167 1168 1169 </div> 1170</div> 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 </div> 1187 1188 1189 1190</div></div> 1191 <div class="scrollToTop"> 1192 <span id="scrollIcon"></span> 1193 <span class="nach-oben"> 1194 NACH OBEN 1195 </span> 1196 </div> 1197 <!--TYPO3SEARCH_end--> 1198</section> 1199 1200<footer class="footer container color1_background"> 1201 <div class="f_Content"> 1202 <div class="f_address f_col"> 1203 <div class="fhead">Adresse</div> 1204 <div class="fdetail"> 1205 <p class="bodytext">Otto Speetzen Elektrotechnik GmbH 1206</p> 1207<p class="bodytext">Winsbergring 3 1208</p> 1209<p class="bodytext">22525 Hamburg</p> 1210 </div> 1211 </div> 1212 <div class="f_kontakt f_col"> 1213 <div class="fhead">Kontakt</div> 1214 <div class="fdetail"> 1215 <p class="bodytext">Tel.: 040 / 25 19 30 0</p> 1216<p class="bodytext">Fax: 040 / 25 19 30 19</p> 1217<p class="bodytext">E-Mail: <a href="mailto:[email protected]">[email protected]</a></p> 1218<p class="bodytext"> </p> 1219 </div> 1220 </div> 1221 <div class="f_nav f_col"> 1222 <div class="fhead">Links</div> 1223 <div class="fdetail"><p class="bodytext"><a href="/datenschutz.html">Datenschutz</a></p> 1224<p class="bodytext"><a href="/impressum.html">Impressum</a></p> 1225<p class="bodytext"><a href="https://handwerksgruppe.de/compliance" target="_blank">Compliance</a></p> 1226<p class="bodytext"> </p></div> 1227 </div> 1228 1229 1230 1231 <div class="f_nav f_col footerLogo"> 1232 <div class="footerLogo" > <a href="https://handwerksgruppe.de/" target="_blank"><img src="/Templates/Images/hpmlogofooter.svg" alt="footerLogo"/></a></div> 1233 </div> 1234 1235 <div class="footerCopyRight"><ul class="right"> 1236 <li class="copyright has-form">Copyright © 2026 HPM DIE HANDWERKSGRUPPE</li> 1237 </ul></div> 1238 </div> 1239 <div class="f_copyright color2_background"> 1240 <!-- <ul class="right"> 1241 <li class="copyright has-form">Copyright © 2026 HPM DIE HANDWERKSGRUPPE</li> 1242 </ul> --> 1243 <div class="footerSocial"> 1244 <ul class="social-links-menu"> 1245 1246 1247 1248 <li class="menu-item"> 1249 <a href="https://www.facebook.com/Otto-Speetzen-Elektrotechnik-Hamburg-100401636151358" target="_blank" rel="noreferrer" class="icon-social-facebook"> 1250 <span></span> 1251 </a> 1252 </li> 1253 1254 1255 1256 <li class="menu-item"> 1257 <a href="https://www.instagram.com/ottospeetzen_elektrotechnik/" target="_blank" rel="noreferrer" class="icon-social-instagram"> 1258 <span></span> 1259 </a> 1260 </li> 1261 1262 </ul> 1263 </div> 1264 </div> 1265</footer> 1266 1267 <div class="tx-om-cookie-consent"> 1268 1269 <div class="om-cookie-panel" data-omcookie-panel="1"> 1270 <div class="innerContentCookie"> 1271 <div class="cookie-panel__selection" style="display: none;"> 1272 <form> 1273 1274 <div class="cookie-panel__checkbox-wrap"> 1275 <input class="cookie-panel__checkbox " autocomplete="off" data-omcookie-panel-grp="1" id="group-1" type="checkbox" value="group-1" /> 1276 <label for="group-1">Google Tag Manager</label> 1277 </div> 1278 1279 <div class="cookie-panel__checkbox-wrap"> 1280 <input class="cookie-panel__checkbox cookie-panel__checkbox--state-inactiv" autocomplete="off" data-omcookie-panel-grp="1" id="group-2" type="checkbox" checked=1 data-omcookie-panel-essential="1" disabled="disabled" value="group-2" /> 1281 <label for="group-2">Essential</label> 1282 </div> 1283 1284 </form> 1285 </div> 1286 <h4>Wir arbeiten sauber â auch bei den Cookies</h4> 1287 <div class="cookie-panel__description"> 1288 <p class="bodytext">Wir verwenden Cookies, um unsere Website für Sie optimal zu gestalten und fortlaufend zu verbessern. Einige Cookies sind technisch notwendig, andere dienen statistischen oder Marketingzwecken. Sie können selbst entscheiden, welche Kategorien Sie zulassen möchten. Detaillierte Informationen finden Sie in den <a href="/news.html" class="open-consent-link">Cookie-Einstellungen</a> und in unserer <a href="/datenschutz" target="_blank" rel="noopener noreferrer">Datenschutzerklärung</a>.</p> 1289 </div> 1290 <div class="cookie-panel__control"> 1291 <button data-omcookie-panel-save="all" 1292 class="cookie-panel__button 1293 color1_background">alle Cookies</button> 1294 1295 <button data-omcookie-panel-save="min" 1296 class="cookie-panel__button">nur notwendige Cookies</button> 1297 1298 <button class="cookie-panel__button open-consent-link">Einstellungen</button> 1299 </div> 1300 <p class="cookie-panel__info"> 1301 Ihre Zustimmung können Sie jederzeit über die <a href="#" class="open-consent-link">Cookie-Einstellungen</a> im Footer der Website ändern oder widerrufen. 1302 </p> 1303 </div> 1304 </div> 1305
1305<script> 1306 1307 </script>
1307 1308 1309 </div>
1310<script src="/typo3temp/assets/compressed/jquery-3.6.4.min-7cd65b895d5c7b897cc1131d33c7f0f5.js?1791135656"></script>
vendor: 1 bytes, line 1310
1310
1311<script src="/typo3temp/assets/compressed/isotope.pkgd.min-b3b0a0b1bfd1f258b9e1ab403f37018e.js?1791135656"></script>
vendor: 1 bytes, line 1311
1311
1312<script src="/Templates/Vendor/Modernizr/modernizr.custom.78245.js?1791133468"></script>
vendor: 1 bytes, line 1312
1312
1313<script src="/typo3temp/assets/compressed/fastclick-bae9dfe59ebb0d84ce0ce47722f2be25.js?1791135656"></script>
vendor: 1 bytes, line 1313
1313
1314<script src="/typo3temp/assets/compressed/foundation-3708cb96b8ba7d9c5ba3eb47c14e03f2.js?1791135656"></script>
vendor: 1 bytes, line 1314
1314
1315<script src="/typo3temp/assets/compressed/jquery.fancybox-34c30f574122db71babef1f005f59447.js?1791202123"></script>
vendor: 1 bytes, line 1315
1315
1316<script src="/typo3temp/assets/compressed/jquery.fancybox-buttons-125dd8f01bde7678f67046b56e1639a0.js?1791202123"></script>
vendor: 1 bytes, line 1316
1316
1317<script src="/typo3temp/assets/compressed/jquery.fancybox-media-2dd6ae4145ab1b9b750f591d07b2c227.js?1791202123"></script>
vendor: 1 bytes, line 1317
1317
1318<script src="/typo3temp/assets/compressed/jquery.fancybox-thumbs-7e4cbf0337dc7676de4514268c26f9af.js?1791202123"></script>
1318 1319
1320<script src="/typo3temp/assets/compressed/flowplayer.min-5fceaffba8b076af6f090f86d3086706.js?1791202123"></script>
vendor: 1 bytes, line 1320
1320
1321<script src="/typo3temp/assets/compressed/2ClickIframePrivacy.min-994ffa80f97b0c2f0441bc18489e67b6.js?1791202123"></script>
vendor: 1 bytes, line 1321
1321
1322<script src="/typo3temp/assets/compressed/slick.min-5691b849eb0cfb8ca41634b6a70ba2ed.js?1791202123"></script>
vendor: 1 bytes, line 1322
1322
1323<script src="/typo3temp/assets/compressed/page-d0cf30bb19aba4fb6f6008ed4181756b.js?1791202123"></script>
vendor: 1 bytes, line 1323
1323
1324<script src="/typo3temp/assets/compressed/image-4b810e7447e1e12d30577303f2ebe4b5.js?1791202123"></script>
vendor: 1 bytes, line 1324
1324
1325<script src="/typo3temp/assets/compressed/EducationAndJobs-fc922d32a749f3d331ebe2b0c365c46a.js?1791135656"></script>
vendor: 1 bytes, line 1325
1325
1326<script src="/typo3temp/assets/compressed/News-9c010c969724b5c255ba48d18d744a75.js?1791135656"></script>
vendor: 1 bytes, line 1326
1326
1327<script src="/typo3temp/assets/compressed/Project-087bb5c735bf53a50c2e38618a08e4dd.js?1791135656"></script>
vendor: 1 bytes, line 1327
1327
1328<script src="/typo3temp/assets/compressed/main_slider-20e528f68d3ed7ffe405ee07aadc68fa.js?1791135656"></script>
vendor: 1 bytes, line 1328
1328
1329<script src="/typo3temp/assets/compressed/royalslider_main-0716eb8531d1f2fbf44a157a4f8d09c6.js?1791202123"></script>
vendor: 1 bytes, line 1329
1329
1330<script src="/typo3temp/assets/compressed/royalSliderCust-38f8a637fb439b92e1f8dd2d274ce619.js?1791202123"></script>
vendor: 1 bytes, line 1330
1330
1331<script src="/typo3temp/assets/compressed/teasers-8a47a41fd1ce95005c4bb5650a4177a0.js?1791135656"></script>
vendor: 1 bytes, line 1331
1331
1332<script src="/typo3temp/assets/compressed/main-41e4f07827ad7b4baf71d9c440570d67.js?1791135656"></script>
vendor: 1 bytes, line 1332
1332
1333<script src="/typo3temp/assets/compressed/general-8eac6444d01946c175c113891986c7ad.js?1791135656"></script>
vendor: 1 bytes, line 1333
1333
1334<script src="/typo3temp/assets/compressed/console-b0c0e85274efd0373a3c212a1da2c83e.js?1791135656"></script>
vendor: 1 bytes, line 1334
1334
1335<script src="/typo3temp/assets/compressed/jquery.royalslider.min-3f52ff735960170338807764e1fd7047.js?1791202123"></script>
vendor: 1 bytes, line 1335
1335
1336<script src="/typo3temp/assets/compressed/location-0a38bb33509711775125379653472f50.js?1791135656"></script>
vendor: 1 bytes, line 1336
1336
1337<script src="/typo3temp/assets/compressed/om_cookie_main-e04d2d6ca7c6e472a15d144423770369.js?1791202123"></script>
vendor: 1 bytes, line 1337
1337
1338<script src="/typo3temp/assets/compressed/consent-popup-a24ff7900e6b77862704706d0335fe5e.js?1753335763"></script>
vendor: 1 bytes, line 1338
1338
1339<script src="/typo3temp/assets/compressed/jobs-52646c60e52e94fa14fe84cbfbf68edb.js?1791135656"></script>
vendor: 1 bytes, line 1339
1339
1340<script src="/_assets/92db012218060e7f76033bd8d7dfb53e/js/flipbook.min.js?1791133468"></script>
vendor: 1 bytes, line 1340
1340
1341<script src="/_assets/92db012218060e7f76033bd8d7dfb53e/js/flipbook.starter.js?1791133468"></script>
vendor: 1 bytes, line 1341
1341
1342<script src="/typo3temp/assets/compressed/Form.min-7a146704f88ce7e7a92d320df94a18b6.js?1791135656" defer="defer"></script>
vendor: 1 bytes, line 1342
1342
1343<script src="/typo3temp/assets/compressed/tracking-datalayer-5e455f0703bee43792eb93ffee55b9b3.js?1791135656"></script>
vendor: 1 bytes, line 1343
1343
1344<script src="/typo3temp/assets/compressed/default_configuration-62348443e0d2fce1a2e9aefbe8b477e2.js?1791202123"></script>
vendor: 1 bytes, line 1344
1344
1345<script src="/typo3temp/assets/compressed/youtube-5f10689698d3c15bd164893e7d149348.js?1791202123"></script>
vendor: 1 bytes, line 1345
1345
1346<script src="/typo3temp/assets/compressed/parallax.min-c209596d31527074e28de9d2896676e2.js?1791202123"></script>
vendor: 1 bytes, line 1346
1346
1347<script src="/typo3temp/assets/compressed/parallax_animation-7eeac68cf82f451cac46c519d70dafc6.js?1791202123"></script>
vendor: 1 bytes, line 1347
1347
1348<script> 1349document.addEventListener('DOMContentLoaded', (e) => { 1350 const settings = JSON.parse('null'); 1351 const checkbox = document.querySelector('#social-media-toggle'); 1352 1353 if (!checkbox) return; 1354 1355 const rootPid = checkbox.getAttribute("data-root-page-id"); 1356 const serviceName = checkbox.getAttribute("data-ext-title"); 1357 const fullServiceName = `${serviceName}_${rootPid}`; 1358 const consentCookieName = 'GDPR_Extensions_2ClickCookieConsent'; 1359 1360 const getConsentStatuses = () => { 1361 const cookie = document.cookie.match(`(^|;)\\s*${consentCookieName}\\s*=\\s*([^;]+)`); 1362 try { 1363 return cookie ? JSON.parse(cookie[2]) : {}; 1364 } catch (e) { 1365 console.warn("Cookie parse error:", e); 1366 return {}; 1367 } 1368 }; 1369 1370 const setConsentStatus = (status) => { 1371 const consentStatuses = getConsentStatuses(); 1372 consentStatuses[fullServiceName] = status ? '1' : '0'; 1373 const d = new Date(); 1374 d.setTime(d.getTime() + 30 * 24 * 60 * 60 * 1000); // 30 days 1375 document.cookie = `${consentCookieName}=${JSON.stringify(consentStatuses)};path=/;expires=${d.toUTCString()}`; 1376 }; 1377 1378 const handleCurator = (container, action) => { 1379 const iframe = container.querySelector("iframe"); 1380 const SfcDiv = container.querySelector(".gdpr-crautor-content"); 1381 const privacyDiv =container.querySelector(".gdpr-privacy-msg"); 1382 1383 1384 if (!iframe || !SfcDiv) return; 1385 1386 if (action === 'remove') { 1387 while (SfcDiv.firstChild) SfcDiv.removeChild(SfcDiv.firstChild); 1388 SfcDiv.style.display = 'none'; 1389 iframe.style.display = 'none'; 1390 } else { 1391 const SfcScript = atob(SfcDiv.getAttribute('data-2click-curator') || ""); 1392 const scriptContent = SfcScript.match(/
1392<script[^>]*>([\w\W]*)<\/script>/)?.[1] || ''; 1393 const htmlContent = SfcScript.replace(/
1393<script[^>]*>([\w\W]*)<\/script>/g, ''); 1394 1395 iframe.style.display = 'none'; 1396 SfcDiv.style.display = 'block'; 1397 1398 1399 1400 const scriptEl = document.createElement("script"); 1401 scriptEl.innerHTML = scriptContent; 1402 SfcDiv.appendChild(scriptEl); 1403 1404 const htmlEl = document.createElement("div"); 1405 htmlEl.innerHTML = htmlContent; 1406 SfcDiv.appendChild(htmlEl); 1407 } 1408 }; 1409 1410 function wrapElement(el, serviceName, settings, rootPid) { 1411 let container = document.getElementById("gdpr-extensions-com-cookie-container"); 1412 if (!container) { 1413 container = document.createElement("div"); 1414 container.className = "gdpr-extensions-com-cookie-container"; 1415 container.id = "gdpr-extensions-com-cookie-container"; 1416 el.parentNode.insertBefore(container, el); 1417 container.appendChild(el); 1418 } 1419 1420 let gdprInner = container.querySelector(".gdprInner"); 1421 if (!gdprInner) { 1422 gdprInner = document.createElement("div"); 1423 gdprInner.className = "gdprInner"; 1424 gdprInner.style = "width:100%; height:100%; position:relative;"; 1425 container.appendChild(gdprInner); 1426 } 1427 1428 let privacyMsg = gdprInner.querySelector(`.gdpr-privacy-msg.privacy-${serviceName}-msg`); 1429 if (!privacyMsg) { 1430 privacyMsg = document.createElement("div"); 1431 privacyMsg.className = `gdpr-privacy-msg privacy-${serviceName}-msg`; 1432 privacyMsg.style = `width: 100%; height: 100%;`; 1433 1434 const wrapper = document.createElement("div"); 1435 wrapper.className = "wraper"; 1436 wrapper.style.backgroundColor = settings.background_image_color; 1437 1438 if (settings.enable_background_image) { 1439 wrapper.innerHTML += ` 1440 <div class="bgComtainer-image"> 1441 <img class="bg-image" src="${window.location.origin}/${settings.background_image}"/> 1442 <div class="overlay"></div> 1443 </div>`; 1444 } 1445 1446 wrapper.innerHTML += ` 1447 <h2 style="color:${settings.heading_color}">${settings.heading}</h2> 1448 <p class="description" style="color:${settings.text_color}">${settings.content}</p> 1449 <a href="#foo" class="link-action-gdpr ${settings.button_shape}" 1450 style="background-color:${settings.button_color}; color:${settings.button_text_color}" 1451 onclick="enableContent('${serviceName}'); return false;"> 1452 ${settings.button_text} 1453 </a> 1454 <label class="checkbox-label" style="color:${settings.text_color}; display: none"> 1455 <input type="checkbox" checked name="remind-${serviceName}"> 1456 Auswahl merken 1457 </label>`; 1458 1459 const iframe = document.createElement("iframe"); 1460 iframe.className = "go-maps"; 1461 iframe.id = `go-sfc-iframe-${rootPid}`; 1462 iframe.width = "100%"; 1463 iframe.height = "100%"; 1464 iframe.style.setProperty('display', 'none', 'important'); // Hide iframe initially 1465 1466 iframe.src = ""; 1467 iframe.setAttribute("data-src", ""); 1468 iframe.setAttribute("data-2click-service", serviceName); 1469 iframe.setAttribute("data-2click-type", "video"); 1470 iframe.setAttribute("frameborder", "0"); 1471 iframe.allowFullscreen = true; 1472 1473 privacyMsg.appendChild(wrapper); 1474 privacyMsg.appendChild(iframe); 1475 gdprInner.appendChild(privacyMsg); 1476 } 1477 1478 let curator = gdprInner.querySelector(".gdpr-crautor-content"); 1479 if (!curator) { 1480 curator = document.createElement("div"); 1481 curator.id = `sfc${rootPid}`; 1482 curator.className = `sfc${rootPid} gdpr-crautor-content`; 1483 curator.style.display = "none"; 1484 curator.setAttribute("data-2click-curator", el.getAttribute("data-2click-curator") || ""); 1485 gdprInner.appendChild(curator); 1486 } 1487 } 1488 1489 const handleContent = (shouldEnable) => { 1490 const container = document.querySelector('.gdprInner'); 1491 if (!container) return; 1492 1493 if (shouldEnable) { 1494 handleCurator(container, 'add'); 1495 const wrapper = container.querySelector('.gdpr-privacy-msg'); 1496 if (wrapper) wrapper.remove(); 1497 } else { 1498 wrapElement(container, serviceName, settings, rootPid); 1499 handleCurator(container, 'remove'); 1500 } 1501 }; 1502 1503 const initialConsent = getConsentStatuses()[fullServiceName] === '1'; 1504 checkbox.checked = initialConsent; 1505 handleContent(initialConsent); 1506 1507 checkbox.addEventListener('change', () => { 1508 const status = checkbox.checked; 1509 1510 if (status) { 1511 setConsentStatus(true); 1512 handleContent(true); 1513 } 1514 else { 1515 setConsentStatus(false); 1516 handleContent(false); 1517 } 1518 }); 1519 1520 window.enableContent = (type) => { 1521 if (type === serviceName) { 1522 setConsentStatus(true); 1523 checkbox.checked = true; 1524 handleContent(true); 1525 } 1526 }; 1527 1528 const link = document.querySelector('.tx-gdpr-extensions-com-sfc .link-action-gdpr'); 1529 const toggle = document.querySelector('#social-media-toggle'); 1530 1531 if (link){ 1532 link.addEventListener('click', (e) => { 1533 e.preventDefault(); 1534 enableContent(serviceName); 1535 }); 1536 } 1537}); 1538</script>
vendor: 1 bytes, line 1538
1538
1539<script id="tracking-datalayer-data" type="application/json">{"company_id":"208","company_type":"betrieb","company_name":"Otto Speetzen Elektrotechnik GmbH"}</script>
1539 1540</body> 1541</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.