Linkedin Instagram
Heitmann Stahlhandel

We like
hearing from you

Contact

What can
we do for you?

Do you have any questions about our group of companies or our offer?

Feel free to use the contact form – we look forward to hearing from you.

section#map-form { padding: 0; max-width: 100%; } .slider-subtittle { color: #04C6FF; font-family: 'Montserrat'; font-size: 1.5em; font-weight: 400; } .slider-tittle { font-weight: 700; font-size: 3.4em; width: 60%; font-family: 'Montserrat'; line-height: 1em; } .background-gradient { width: 100%; padding: 25px; background-repeat: no-repeat; background-size: cover; background-color: #f1f1f1; } #map-form .row { display: flex; width: 100%; max-width: 1500px; margin: 0 auto; } .col-sm-6 { width: 49%; display: inline-block; } .col-sm-6.main-box2 { flex: 0 0 45%; } .col-sm-6.main-box1 { flex: 0 0 55%; display: flex; flex-direction: column; justify-content: center; padding-left: 8.3%; } .map-image { width: 630px; margin-left: auto; margin-right: 0px; position: relative; } section#map-form .standort { height: 285px; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; object-fit: cover; } section#map-form img { height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; } h1.main-tittle-form { font-family: 'Roboto'; font-weight: 400; } h1.main-tittle-form { text-align: left; font-size: 50px; margin-bottom: 30px; color: #fff; margin-top: 15%; margin-left: 25%; } .the-box { background: #04c6ff; text-align: left; width: 60%; } h1.main-tittle { font-size: 2em; color: #fff; margin: 0px 0; font-weight: 700; font-family: 'Montserrat'; } span.iks { position: absolute; color: #fff; top: -3px; right: 14px; font-size: 30px; font-weight: 900; font-family: cursive; } #standort-karte { color: #fff; background-color: #ffca00; display: inline; padding: 5px 15px; text-transform: uppercase; border: 1px solid #ffca00; font-size: 16px; } div#minfo1 { top: 341px; margin-left: 74px; } .info-box-map img { width: 74%; } div#minfo2 { top: 304px; margin-left: 121px; } div#minfo3 { top: 403px; margin-left: 334px; } div#minfo4 { top: 400px; margin-left: 73px; } div#minfo5 { top: 344px; margin-left: 144px; } div#minfo6 { top: 393px; margin-left: 336px; } div#minfo7 { top: 346px; margin-left: 93px; } div#minfo8 { top: 257px; margin-left: 249px; } div#minfo9 { top: 183px; margin-left: 201px; } .below-info { display: none; } .below-info span { padding-left: 25px; background-repeat: no-repeat; background-position: left center; background-size: 20px; } .info-box-map.active img { filter: grayscale(100%); } .info-box-map { position: absolute; top: 0; cursor: pointer; } .bottom-side { padding: 25px; } .bottom-side ul { list-style: none; padding-left: 0; color: #fff; } .bottom-side a.ts-link { float: right; margin-top: -32px; color: #ffff; text-decoration: none; } .info-box-map .img-container-box { background-image: url('/wp-content/uploads/icon11.png'); width: 25px; position: absolute; display: block; height: 35px; background-size: contain; background-repeat: no-repeat; } .info-box-map.active .img-container-box { background-image: url(/wp-content/uploads/icon12.png); } .elementor-element-aca3ac8 .elementor-widget-wrap { padding:0px!important; } .col-sm-6.main-box1 h1.slider-tittle { width: 100%; color: #05163B; text-transform: uppercase; margin-bottom: 48px; } .col-sm-6.main-box1 .the-box { width: 100%; margin-left: auto; } .col-sm-6.main-box1 .slider-subtittle { margin-bottom: 0; } .iks{ display: none; } .iks { width: 45px; height: 45px; position: absolute; text-align: center; background-color: #04c6ff; border-radius: 27px; vertical-align: middle; padding-top: 5px; color: #ffff; font-size: 22px; right: 32px; margin-top: 10px; cursor: pointer; } @media only screen and (max-width: 1600px) { .col-sm-6.main-box1 { padding-left: 6.4%; } } @media only screen and (max-width: 1400px) { .col-sm-6.main-box1 { padding-left: 0%; flex: 0 0 50%; } .col-sm-6.main-box1 .slider-subtittle { padding-left: 0%; } .col-sm-6.main-box1 h1.slider-tittle { padding-left: 0%; } .col-sm-6.main-box1 .the-box { width: 100%; } } @media only screen and (max-width: 1200px) { h1.main-tittle { font-size: 1.5em; } .bottom-side a.ts-link { margin-top: -3px; } } @media screen and (max-width: 1300px) and (min-width: 1000px){ div#minfo7 { top: 275px; margin-left: 69px; } div#minfo6 { top: 313px; margin-left: 268px; } div#minfo5 { top: 275px; margin-left: 115px; } .map-image { width: 500px; } div#minfo4 { margin-left: 59px; top: 320px; } div#minfo3 { top: 322px; margin-left: 266px; } div#minfo2 { top: 243px; margin-left: 97px; } div#minfo1 { top: 275px; margin-left: 58px; } div#minfo8 { top: 215px; margin-left: 198px; } div#minfo9 { top: 148px; margin-left: 160px; } .info-box-map .img-container-box { height: 25px; width: 18px; } } @media screen and (max-width: 1024px){ .col-sm-6.main-box1 .slider-subtittle { text-align: center; } .col-sm-6.main-box1 h1.slider-tittle { text-align: center; width: 100%; } .background-gradient { padding-top: 0px; height: 100%; } .col-sm-6.main-box1 .the-box { width: 100%; } img.img-top-side { width: 100%; } .map-image { margin: 0px auto; } .info-box-map img { width: 60%; } .col-sm-6.main-box2 { flex: 0 0 100%; width: 100%; } h1.main-tittle { font-size: 25px; } h1.main-tittle-form { display: none; } .col-sm-6.main-box1 { width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; z-index: 2; position: relative; } #map-form .row { display: block; } } @media(max-width:768px){ .iks.active{ display: block; } .map-image { width: 311px; } .info-box-map .img-container-box { width: 15px; height: 21px; } div#minfo1 { top: 167px; margin-left: 34px; } div#minfo2 { top: 145px; margin-left: 58px; } div#minfo3 { top: 195px; margin-left: 164px; } div#minfo4 { top: 194px; margin-left: 35px; } div#minfo5 { top: 166px; margin-left: 70px; } div#minfo6 { top: 194px; margin-left: 163px; } div#minfo7 { top: 167px; margin-left: 43px; } div#minfo8 { top: 132px; margin-left: 123px; } div#minfo9 { top: 87px; margin-left: 96px; } }

Gern für Sie da

Unsere Standorte

Zentrale Oberhausen
Heitmann Stahlhandel GmbH & Co. KG

Mehr über den Standort >
Eigener Bestand der GWG-Gruppe Geschäftsstellen der GWG-Gruppe
jQuery(document).ready(function(){ jQuery("#minfo1").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox1").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo2").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox2").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo3").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox3").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo4").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox4").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo5").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox5").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo6").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox6").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo7").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox7").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo8").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox8").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery("#minfo9").click(function(){ jQuery(".the-box").hide(); jQuery("#mbox9").show(); jQuery(".info-box-map").removeClass("active"); jQuery(this).addClass("active") jQuery(".iks").addClass("active"); }); jQuery(".iks").click(function(){ jQuery(".the-box").hide(); jQuery(".info-box-map").removeClass("active"); jQuery(this).removeClass("active"); }); });