@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;src:url('fonts/IBMPlexMono-Medium.woff2') format('woff2'),url('fonts/IBMPlexMono-Medium.woff') format('woff');}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;src:url('fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),url('fonts/IBMPlexMono-SemiBold.woff') format('woff');}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:300;src:url('fonts/IBMPlexSans-Light.woff2') format('woff2'),url('fonts/IBMPlexSans-Light.woff') format('woff');}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;src:url('fonts/IBMPlexSans-Regular.woff2') format('woff2'),url('fonts/IBMPlexSans-Regular.woff') format('woff');}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;src:url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),url('fonts/IBMPlexSans-SemiBold.woff') format('woff');}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;src:url('fonts/IBMPlexSans-Bold.woff2') format('woff2'),url('fonts/IBMPlexSans-Bold.woff') format('woff');}
body{background-color:#EBEBEB;color:#3D3C3C;}
.menu{font-family:'IBM Plex Sans',sans-serif;font-weight:400;color:#3D3C3C;}
h1{font-family:'IBM Plex Mono',monospace;font-weight:500;color:white;font-size:100px;}
h2{font-family:'IBM Plex Mono',monospace;font-weight:500;color:#0029EB;font-size:60px;line-height:72px;}
h3{font-family:'IBM Plex Mono',monospace;font-weight:500;color:#0029EB;margin-bottom:25px;font-size:36px;}
h4{font-family:'IBM Plex Mono',monospace;font-weight:600;color:#0029EB;font-size:24px;line-height:36px;}
h5{font-family:'IBM Plex Sans',monospace;font-weight:600;color:#0029EB;font-size:14px;line-height:30px;letter-spacing:1.2px;margin-bottom:20px;}
h6{font-family:'IBM Plex Sans',sans-serif;font-weight:700;letter-spacing:1.2px;font-size:18px;line-height:30px;text-transform:uppercase;color:#0029EB;
/*margin-top:30px;*/
}
p{font-family:'IBM Plex Sans',sans-serif;color:#3D3C3C;}
p.aktuell_datum{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:24px;line-height:36px;margin-bottom:0px;}
.aktuell_text p{font-family:'IBM Plex Sans',sans-serif;font-weight:400;font-size:21px;line-height:36px;margin-top:15px;margin-bottom:15px;}
p.link{font-family:'IBM Plex Sans',sans-serif;font-weight:700;font-size:14px;letter-spacing:1.2px;color:#0029EB;margin-bottom:0;}
h4.galerie_h4{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:21px;line-height:36px;color:#3D3C3C;}
a:link,a:visited{color:#0029EB;text-decoration:none;}
a:hover{color:white;}
.footer_text a:link,.footer_text a:visited{color:white;}
.footer_text a:hover{color:#0029EB;}
.fusszeile{background-color:#3D3C3C;}
.fusszeile p{color:white;}
.text_fusszeile{font-family:'IBM Plex Sans',sans-serif;font-weight:400;color:white;line-height:24px;}
.strecken{}
.strecken > img{width:100%;height:auto;overflow:hidden;}
nav{z-index:100;}
nav ul{list-style-type:none;margin:0;z-index:105;}
nav ul li{font-family:'IBM Plex Sans',sans-serif;font-weight:400;font-size:13px;text-align:right;display:inline-block;position:relative;z-index:110;}
nav li li ul{position:absolute;left:100%;}
nav ul li a,nav ul li ul li a{white-space:nowrap;}
nav ul li a:link,nav ul li a:visited{color:#3D3C3C;}
nav ul li:hover{background-color:white;}
nav li ul{position:absolute;left:0;background-color:white;padding:20px 8px;z-index:115;}
nav li li{position:relative;margin:0;display:block;color:#3D3C3C;}
nav li li ul{position:absolute;top:-20px;padding:20px 8px;}
nav li ul,nav li > ul li ul{position:absolute;visibility:hidden;opacity:0;}
.menuitem{padding:30px 12px;text-align:right;margin:0px;z-index:120;}
.languageitem{padding:30px 12px;text-align:right;margin:0px;color:#0029EB;}
nav ul li ul > a{padding:5px 12px;margin:0px;text-align:left;}
nav ul li ul li{padding:5px 12px;text-align:left;}
nav ul li:hover >a{color:#0029EB;}
.menuitem a:link,.menuitem a:visited{color:#3D3C3C;}
.menuitem:hover,.submenu:hover{color:#0029EB;}
.language_box{border-left:1px solid #0029EB;display:inline-block;height:50px;margin-bottom:-20px;}
.slider{height:auto;overflow:hidden;position:relative;margin:0;cursor:default;}
.slider img{width:100%;}
.slider_inhalt{height:466px !important;}
.slidertext{position:absolute;font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:100px;top:30%;color:white;}
.startbox{background-color:white;margin-top:-135px;border-top:3px solid #0029EB;z-index:50;padding-left:30px;padding-right:30px;}
.startbox_text{font-family:'IBM Plex Sans',sans-serif;font-weight:300;font-size:24px;line-height:36px;}
.blau_hover{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;top:0;display:table;}
.blau_hover:hover{cursor:pointer;}
.bh_kaelte:hover{background-image:url('/bilder/HAP_Kaeltetechnik.jpg');background-repeat:no-repeat;background-size:100%;}
.bh_oelgas:hover{background-image:url('/bilder/HAP_Oelgas.jpg');background-repeat:no-repeat;background-size:100%;}
.bh_packages:hover{background-image:url('/bilder/HAP_Packages.jpg');background-repeat:no-repeat;background-size:100%;}
.blau_text{color:white;font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:36px;vertical-align:middle;display:table-cell;}
.aktuell_box{height:400px;border-top:3px solid #3D3C3C;padding:30px 15px;}
.aktuell_box:hover{background-color:white;cursor:pointer;}
.galerie_box{border-bottom:3px solid #3D3C3C;}
.galerie_box:hover{background-color:white;cursor:pointer;}
.galerie_text{padding:30px 15px 0px 15px;}
.hr_blau{border:0;height:0;color:#0029EB;background-color:#0029EB;height:3px;margin-top:50px;margin-bottom:50px;}
.hr_grau{border:0;height:0;color:#3D3C3D;background-color:#3D3C3C;height:3px;margin-top:70px;}
.link_anfrage a:link,.link_anfrage a:visited{color:#3D3C3C;font-weight:600;}
.link_anfrage a:hover{color:#0029EB;}
.link_back a:link,.link_back a:visited{color:#0029EB;font-weight:600;}
.link_back a:hover{color:#0029EB;}
.zentriert{text-align:center;}
.rechtsb{text-align:right;}
.button{width:100%;border-bottom:3px solid #0029EB;background-color:white;color:#0029EB;font-family:'IBM Plex Sans',sans-serif;font-weight:700;letter-spacing:1.2px;margin-bottom:0;}
.button:hover{background-color:#0029EB;color:white;}
.spalte_bild img{width:100% !important;height:auto !important;}
.spalte_text{border-top:3px solid #3D3C3C;padding-top:15px;}
.blau,a.blau,nav ul li a.blau:link,nav ul li a.blau:visited{color:#0029EB;}
.weiss{color:white;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider, #slider li{width:780px;height:auto !important;overflow:hidden;text-align:center;}
#nextPfeil{display:block;background:url("/bilder/pfeil_rechts.svg") no-repeat 0 0;height:52px;width:27px;position:absolute;top:50%;margin-top:-26px;left:848px;}
#nextPfeil a{display:block;height:48px;width:24px;}
#prevPfeil{display:block;background:url("/bilder/pfeil_links.svg") no-repeat 0 0;height:52px;width:27px;position:absolute;top:50%;margin-top:-26px;left:-94px;}
#prevPfeil a{display:block;height:48px;width:24px;}
.galerie_titel{font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-top:15px;margin-bottom:15px;}
.galerie_anzahl{font-family:'IBM Plex Sans',sans-serif;font-size:14px;margin-top:15px;margin-bottom:15px;}
img{height:auto !important;}
h2 + hr{border:0;height:0;color:#0029EB;background-color:#0029EB;height:3px;margin-top:50px;}
.footer{font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:15px;}
.footer_text{font-family:'IBM Plex Sans',sans-serif;font-size:14px;font-weight:400;line-height:24px;}
.linkedin_logo{width:35%;}
.error{border:1px solid red;background-color:#FFCCCC;padding:15px;margin-top:30px;}
.error a:link{color:#3D3C3C;}
.error a:hover{color:white;}
input[type='text']{border:none;color:#3D3C3C;}
input[type='text']:focus{border:none;border-bottom:3px solid #0029EB;}
input[type='submit']{width:50%;border:none;border-bottom:3px solid #0029EB;background-color:white;color:#0029EB;font-family:'IBM Plex Sans',sans-serif;font-weight:700;letter-spacing:1.2px;margin-bottom:0;font-size:14px;margin-top:30px;margin-bottom:30px;padding:0.85em;}
input[type='submit']:hover{cursor:pointer;background-color:#0029EB;color:white;}
.form_zustimmung{display:inline-block;width:95%;}
.cb_zustimmung{display:inline-block;width:3%;}
.produkte_text{border-bottom:3px solid #3D3C3C;padding-bottom:30px;}
.produkte_text:hover{background-color:white;cursor:pointer;}
.produkte_text img{width:100% !important;height:auto !important;}
.produkte_text h4{margin:30px 15px auto 15px;color:#3D3C3C;}
.produkte_text a:link,.produkte_text a:visited{margin:auto 15px 30px 15px;color:#0029EB;letter-spacing:1.2px;font-weight:700;}
.referenzprojekt{border-top:3px solid #3D3C3C;padding-top:30px;}
.referenzprojekt h4{margin:auto 15px 15px 15px;}
.referenzprojekt:hover{background-color:white;cursor:pointer;}
.h4_grau{color:#3D3C3C;margin:auto 15px 0 15px !important;}
.referenzprojekt p{margin:auto 15px 15px 15px;;}
.referenzprojekt a:link,.referenzprojekt a:visited{color:#0029EB;letter-spacing:1.2px;font-weight:700;margin-bottom:15px;text-transform:uppercase;}
img.karte{height:auto;}
@media screen and (min-width:1201px){.mobile{display:none;}
nav li:hover > ul,nav li > ul li:hover ul li{visibility:visible;opacity:1;}
}
@media screen and (max-width:1200px){nav{position:relative;}
nav ul{position:fixed;top:94px;background-color:white;display:none;width:300px;right:0;left:auto;margin-right:-3px;}
nav ul li{display:block;position:relative;margin-top:-2px;border-top:2px solid #EBEBEB;border-bottom:2px solid #EBEBEB;width:100%;}
nav ul li a:link,nav ul li a:visited{width:210px;display:block;position:relative;text-align:left;}
.menuitem{font-size:18px;text-align:left;width:240px;margin-top:-2px;padding:15px 25px;display:inline-block;position:relative;}
.menuitem2{text-align:left;width:210px;margin-top:-2px;display:inline-block;position:relative;}
nav ul li ul{z-index:115;opacity:1;padding:0px;width:300px;right:0;margin-right:-3px;position:fixed;top:94px;left:auto;}
nav ul li ul li{z-index:120;font-size:18px;width:100%;border-top:2px solid #EBEBEB;border-bottom:2px solid #EBEBEB;margin-top:-2px;padding:15px 25px;position:relative;}
nav ul li ul li ul{position:fixed;top:94px;left:auto;opacity:1;}
.backnav{color:#0029EB;text-align:center;}
.nomobile{display:none;}
.nav_i{display:inline-block;padding:20px;position:absolute;right:75px;}
.nav_x{display:none;}
ul.mobile_lang{list-style-type:none;margin:0;z-index:105;display:inline-block;}
ul.mobile_lang li ul{list-style:none;position:absolute;right:0px;background-color:white;}
ul.mobile_lang li{font-family:'IBM Plex Sans',sans-serif;font-weight:400;font-size:18px;text-align:right;display:inline-block;position:relative;z-index:110;}
ul.mobile_lang li li ul{position:absolute;left:100%;}
nav li li ul{left:unset;}
ul.mobile_lang li ul,ul.mobile_lang li > ul li ul{position:absolute;display:none;padding:15px;}
.mobile_lang:hover{background-color:white;}
.mobile_nav{text-align:right;height:100%;}
.sub_pfeil{margin-top:13px;margin-right:15px;margin-left:20px;position:absolute;display:inline-block;}
.sub_pfeil1{right:0px;margin-right:-40px;position:absolute;display:inline-block;z-index:140;}
.mobile_logo{max-height:60px !important;}
input[type='submit']{width:100%;}
}
@media screen and (max-width:1024px){h2{font-size:35px;line-height:50px;}
.themenbox_mobil{overflow:hidden;margin-top:6px;}
.themenbox_mobil img{width:100%;}
.button{width:80%;}
.aktuell_box{padding-left:30px;padding-right:15px;}
.startbox{padding-left:15px;padding-right:15px;}
.text_fusszeile{padding-left:30px;padding-right:30px;}
.linkedin_logo{width:100px;}
.slidertext{top:20%;font-size:70px;}
.slider{height:300px;}
.slider_inhalt{height:auto !important;}
#slider, #slider li{width:800px;height:auto;overflow:hidden;margin:auto;}
#prevPfeil{left:0;}
#nextPfeil{right:0;left:unset;}
.slidertext{font-size:55px;}
}
@media screen and (max-width:800px){#slider, #slider li{width:600px;}
.slidertext{font-size:45px;}
}
@media screen and (max-width:600px){#slider, #slider li{width:400px;}
.slidertext{font-size:35px;}
h2{font-size:25px;line-height:40px;}
}
@media screen and (max-width:480px){h3{font-size:30px;}
}
@media screen and (max-width:420px){.mobile_logo{max-width:100%;}
.nav_svg{width:30px;}
.language_box{height:30px;margin-bottom:-10px;}
.language_item{padding-top:15px;padding-bottom:15px;}
.aktuell_box{height:auto;}
h1{font-size:60px;}
#slider, #slider li{width:300px;}
.slidertext{font-size:25px;}
}
@media screen and (max-width:400px){h3{font-size:24px;}
}
@media screen and (max-width:640px){nav ul,nav ul li ul,nav ul li ul li ul{top:88px;}
}