@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:16px;line-height:1.2;color: #47505F;font-family: 'Lato', sans-serif;font-weight: 300;}
ul {list-style: none;padding: 0;}
p {font-size:26px;line-height:39px;margin-bottom: 20px;letter-spacing: 1px;}
a {text-decoration: none;transition: 0.4s;color: #47505F;}
/* ----- Heading Font CSS ------ */
h1,h2,h3,h4 {margin-bottom: 20px;font-weight: 300;}
h1{font-size:72px;line-height:98px;letter-spacing: 6px;color: #003758;text-transform: uppercase;}
h2{font-size:26px;line-height:31px;letter-spacing: 1px;}
h3{font-size:21px;line-height:27px;letter-spacing: 6px;color: #003758;font-weight: 700;text-transform: uppercase;}
h4{font-size: 19px;line-height: 27px;font-weight: 400;letter-spacing: 1px;}
h5{font-size: 16px;line-height: 21px;font-weight: 700;color: #000000;}
h6{}

a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus{border: none;outline: none;}
/* global css start */ 
.full_width{width: 100%;float: left;}
.wrapper{max-width:945px;margin: 0 auto;width: 100%;}
.main-content{margin-top: 90px;width: 100%;float: left;}
.main-content.home_page{margin-top: 0;}
.fullwidth_text .text-center{text-align: center;}
/* .small_wrapper{max-width:945px;margin: 0 auto;width: 100%;} */
/* global css end */
/* ******************************* main css ***************************** */
/* header start */
.header {height: 90px; display: flex;align-items: flex-end;position: relative; border-style: solid;border-color: #D6D6D6;;border-width: 0px 0px 1px;position: fixed;letter-spacing: 0;top: 0;z-index: 999;}
.header .wrapper{max-width: 100%;}
.header::before{content: "";position: absolute;left: 0;top: 0;background-color: #FAFAFA;opacity: 0.92;width: 100%;height: 100%;}
.header .logo{margin-left: 12px;width: 212px;float: left;position: relative;left: 0;bottom: 1px;}
.header .logo a{display: block;}
.header .logo a img{height: 81px;width: 100%;display: block;}
.header .navigation{width:calc(100% - 212px);float: right; padding: 7px 0;}
.header .navigation li{display: inline-block;position: relative;min-width: 175px;}
.header .navigation li a{position: relative; display: block;font-size: 14px;font-weight: 600;color: #47505F;text-align: center;letter-spacing: 1px;transition-duration: 0.4s;transition-delay: 0s;transition-timing-function: ease;}
.header .navigation li a:hover{color: #29ABE2;visibility: inherit; letter-spacing: 2px;}
.header .navigation li ul{display: none;position: absolute;left: -12px;top: 25px;min-width: 178px;background-color: #ebebeb;}
.header .navigation li li{display: block;}
.header .navigation li li a{font-size: 13px; border-bottom: 1px solid #47505F8A; padding: 10px 0;font-weight: 400;padding-left: 37px;text-align: left;position: relative;}
.header .navigation li li a:hover{color: #464646;background-color: #CEE6F6;}
.header .navigation .wrapper > ul{display: flex;justify-content: center;flex-wrap: wrap;}
/* icons img */
.header .navigation li .image{position: relative;}
.header .navigation ul > li .image::before{width: 28px;height: 28px;content: "";background-size: contain !important;position: absolute;left: 50%;top: -34px;transform: translateX(-50%);}
.header .navigation #nav-1 .image::before{background: url(../images/compipicto.png)center no-repeat;background-size: contain;width: 28px;height: 24px;top: -28px;}
.header .navigation #nav-2 .image::before{background: url(../images/sanpict.png)center no-repeat;height: 30px;}
.header .navigation #nav-3 .image::before{background: url(../images/heizpict.png)center no-repeat;}
.header .navigation #nav-4 .image::before{background: url(../images/not2picto.png)center no-repeat;}
.header .navigation #nav-5 .image::before{background: url(../images/teampicto.png)center no-repeat;}
.header .navigation #nav-6 .image::before{background: url(../images/telicon.png)center no-repeat;}
.header .navigation #nav-7 .image::before{background: url(../images/homicon.png)center no-repeat;}
 body .header .navigation ul  li  li::before{pointer-events: none; z-index: 2; width: 26px;height: 25px;content: "";background-size: contain !important;position: absolute;left: 8px;top: 50%;transform: translateY(-50%);}
.header .navigation #nav-8::before{background: url(../images/badpict.png)center no-repeat;background-size: 22px !important;}
.header .navigation #nav-9::before{background: url(../images/washpicto.png)center no-repeat;}
.header .navigation #nav-10::before{background: url(../images/tropfenpicto.png)center no-repeat;}
.header .navigation #nav-11::before{background: url(../images/pumpenpicto.png)center no-repeat;}
.header .navigation #nav-12::before{background: url(../images/solarpicto.png)center no-repeat;}
.header .navigation #nav-21 .image::before{background: url(../images/luftpicto.png)center no-repeat;}
.header .navigation #nav-21{display: none;}

/* mobile bar */
.mobile_bar{width: 40px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);display: none;}
.mobile_bar span{height: 4px;width: 40px;background: #003758;margin-bottom: 7px;display: block;}

/* header end */
/* banner start */
.main_banner{height:100vh;position: relative;}
.main_banner a{display: block;}
.main_banner .banner_bg{height: 100%;width: 100%;}
.main_banner .aktion_img{margin-top: 90px;left: 0px;top: 0; width:350px;height: 364px;position: absolute;transition-duration: 0.5s;transition-delay: 0s;transition-timing-function: linear;}
.main_banner .aktion_img:hover{width: 310px;background-position: right center !important;}
/* banner end */
/* nontext two img block start */
.nontext_block{padding-top: 146px;}
.nontext_block a{display: block;width: 278px;height: 400px;float: left;border: 1px solid #000000;margin-right: 40px;}
.nontext_block a:last-child{margin-right: 0;}
.nontext_block a:hover {opacity: 0.7;}
/* nontext two img block end */
/* company logo start */
.company_logo{padding-top: 86px;}
.company_logo .inner_section{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.company_logo a{width:auto;max-width: 28%; float: left;}
.company_logo a img{display: block;}
/* company logo end  */
/* full width text start  */
.fullwidth_text{padding-top: 60px;}
.fullwidth_text .inner_text p:last-child{margin-bottom: 0;}
.fullwidth_text ul{list-style-type: disc;}
.fullwidth_text li {display: block;}
.fullwidth_text li a{transition: 0.4s; display: inline-block;color: #000000;font-size: 26px;line-height: 39px;letter-spacing: 1px;    font-family: 'Lato', sans-serif;font-weight: 300;}
.fullwidth_text li a:hover{color: #29ABE2;}
.fullwidth_image{height:812px;margin-top: 120px;}
.fullwidth_imagesmall{height:647px;margin-top: 120px;}
/* full width text end  */
/* menucard_link css start */
.menucard_link{padding-top: 120px;}
.menucard_link .inner_card{display: flex;flex-wrap: wrap;}
.menucard_link .menu_link{width: 30%;float: left;margin-right: 5%;}
.menucard_link .menu_link:nth-child(3n){margin-right: 0;}
.menucard_link .image{margin-bottom: 10px;}
.menucard_link .image img{display: block;width: 100%;}
.menucard_link .menu_link h2{transition-duration: 0.4s;transition-delay: 0s;transition-timing-function: ease;position: relative;margin-bottom: 0;padding-bottom: 10px;}
.menucard_link .menu_link h2::after{content: "";width: 100%;height: 1px;background: #0071BC;left: 0;bottom: 0px;position: absolute ;opacity: 0;visibility: hidden;transition-timing-function: ease;transition-duration: 0.5s;-webkit-transition-delay: 0s;}
.menucard_link .menu_link a:hover h2{letter-spacing: 3px;color: #0071BC;visibility: inherit;}
.menucard_link .menu_link a:hover h2::after{opacity: 1;visibility: visible;}
.menucard_link .menu_link.active h2{color: #0071BC;}
.menucard_link .menu_link.active h2:after{opacity: 1;visibility: visible;}
/* menucard_link css end */
/* video section css start*/
.video_section{position: relative;margin-top: 188px;}
.video_section .top_taxt{text-align: center;width: 100%;position: absolute;left: 0;top: 0;z-index: 2;min-height: 136px;background: #000000;}
.video_section .top_taxt h2{color: #ffffff;font-size: 72px;line-height: 86px;text-transform: uppercase;margin-bottom: 0;letter-spacing: 6px;}
.video_section .top_taxt h3{color: #ffffff; line-height: 25px; font-weight: 600;margin-bottom: 0;text-transform: uppercase;}
.video_section .bitzer_logo{position: absolute;top: 244px;left: 40px;width: auto;}
.video_section .wasserkompetenz{position: absolute;top: 323px;left: 30px;width: auto;}
.video_section .wasserkompetenz a{display: inline-block;}
.video_section .wasserkompetenz img,.video_section .bitzer_logo{display:block;}
/* video section css end*/
/* tab section start */
.tab_card_section .tab_content{width: 100%;float: left;display: none;}
.tab_card_section .tab_content li a{display: block; line-height: 1;background-color: #F2F2F2;transition-delay: 0s; font-weight: 600; -webkit-transition-duration: 0.4s;font-size: 13px; transition-timing-function: ease;border-bottom: 1px solid #0071BC;transition-duration: 0.4s; position: relative; border-width: 1px 0px;color: #0071BC;}
.tab_card_section .tab_content li a:hover{letter-spacing: 1px;background-color: #E1FAFF;}
.tab_card_section .tab_content p{font-weight: 300;font-size: 13px; line-height: 18px;margin-top: 5px;margin-bottom: 0;color: #000000;}
.tab_card_section .tab_content p a:hover{color: #0071BC;}
.tab_card_section .tab_content ul{clear: left;}
.tab_card_section .tab_content ul li{width: 100%;float: left;}
.tab_card_section .tab_content ul li a{width: 100%;float: left;display: flex;align-items: center;padding: 3px 4px 3px 4px ;min-height: 44px;}
.tab_card_section .tab_content ul li img{width: 47px;float: left;margin-left: -4px;margin-right: 4px;}
.tab_card_section .tab_content ul li span{width: calc(100% - 47px);float: left;padding-left: 8px;font-weight: 400;}
.tab_card_section .tab_content ul li strong{font-weight: 700;}
.tab_card_section .menu_link{margin-bottom: 40px;}
/* tab section end */


/* *****************************************************************inner page start************************************************************ */
/* brand intro section start */
.brand_intro {padding-top: 50px;}
.brand_intro .brand_logo{width: 100%;float: left;margin-bottom: 25px;}
.brand_intro .brand_logo img{display: block;float: right;width: 230px;}
.brand_intro .text{margin-bottom: 40px;}
.brand_intro .text h1{text-align: center;margin-bottom: 45px;}
.brand_intro .text h3{text-align: center;margin-bottom: 50px;}
.brand_intro .text p{color: #0071BC;}
.brand_intro .bottom_arrow{width: 100%;float: left;text-align: center;transition: 0.4s;position: relative;bottom: 0;}
.brand_intro .bottom_arrow:hover{bottom: -15px;}
/* brand intro section end */
/* slider section start */
.slider_section{margin-bottom: 100px;margin-top: 60px;}
.slider_section .top_text{background: #282828;padding: 11px 0;}
.slider_section .top_text h2{text-align: center;margin-bottom: 0;color: #FFFFFF;}
.slider_section .img_slider img{display: block !important;width: 100%;}
.slider_section .bottom_text{background: #4B4B4B;padding: 5px 0;}
.slider_section .bottom_text ul{list-style-type: disc;padding-left: 34px;padding-right: 20px;}
.slider_section .bottom_text li{font-size: 16px;letter-spacing: 1px;color: #FFFFFF;line-height: 21px;font-weight: 400;padding-bottom: 6px;padding-left: 6px;}
.slider_section .slick-prev.slick-arrow {position: absolute;left: -64px;top: 50%;transform: translateY(-50%);font-size: 0;border: none;cursor: pointer;background: url(../images/left-chevron.png)center center no-repeat;width: 40px;height: 40px;background-size: 40px;}
.slider_section .slick-next.slick-arrow {position: absolute;right: -64px;top: 50%;transform: translateY(-50%);font-size: 0;border: none;cursor: pointer;background: url(../images/right-chevron.png)center center no-repeat;width: 40px;height: 40px;background-size: 40px;}
/* slider section end */
/* Sanitaer page css */
/* image with heading section start */
.image_heading{padding-top: 170px;}
.image_heading .image{width: 100%;text-align: center;padding-bottom: 50px;float: left;}
.image_heading .image img{width: 256px;height: 152px;border-radius: 50%;}
.image_heading .text{text-align: center;}
.image_heading .text h2{font-size: 60px;line-height: 60px;font-weight: 300;font-family: lato, sans-serif;color: #003758;letter-spacing: 6px;text-transform: uppercase;}
.image_heading .text h4{line-height: 34px; font-size: 19px;font-weight: 700;font-family: lato, sans-serif;color: #003758;letter-spacing: 6px;text-transform: uppercase;}
/* image with heading section end */
/* three image block start */
.three_blockimage{padding-top: 80px;}
.three_blockimage .image{width: 30%;float: left;margin-right: 5%;height: 280px;}
.three_blockimage .image:nth-child(3n){margin-right: 0;}
.three_blockimage .image img{display: block;}
.three_blockimage .image p{color: #0071BC;}

.three_block_imagetext{padding-top: 80px;}
.three_block_imagetext .image_bottomtext{width: 30%;float: left;margin-right: 5%;}
.three_block_imagetext .image_bottomtext:nth-child(3n){margin-right: 0;}
.three_block_imagetext .image_bottomtext .image{width: 100%;float: left;height: 280px;}
.three_block_imagetext .image_bottomtext .text p{font-size: 22px;}
.three_block_imagetext .image img{display: block;}
.three_block_imagetext .image p{color: #0071BC;}

/* three image block end */
/* left image with text section start */
.leftimage_righttext .left_image{width: 243px;float: left;}
.leftimage_righttext .left_image img{display: block;}
.leftimage_righttext .right_text{width: calc(100% - 243px);float: right;padding-top: 20px;padding-left: 82px;}
.leftimage_righttext .right_text p{color: #0071BC;}
.leftimage_righttext .right_text h2{color: #47505F;font-weight: 700;line-height: 39px;}
/* left image with text section end */
/* blue heading section start */
.heading_blue{padding-top: 120px;}
.heading_blue .inner_text{text-align: center;}
.heading_blue h2{font-size: 60px;line-height: 60px;font-weight: 300;font-family: lato, sans-serif;color: #0071BC;letter-spacing: 6px; text-transform: uppercase;}
.heading_blue h4{line-height: 27px;font-size: 19px;font-weight: 700;font-family: lato, sans-serif;color: #0071BC;letter-spacing: 6px;text-transform: uppercase;}
/* blue heading section end */

/* left tab with text start */
.tabtext_section{padding-top: 60px;}
.tabtext_section .left_tab{width:280px;float: left;}
.tabtext_section .left_tab .image{margin-bottom: 10px;}
.tabtext_section .left_tab .image img{display: block;width: 100%;}
.tabtext_section .left_tab h2{transition-duration: 0.4s;transition-delay: 0s;transition-timing-function: ease;position: relative;margin-bottom: 0;padding-bottom: 10px;}
.tabtext_section .left_tab h2::after{content: "";width: 100%;height: 1px;background: #0071BC;left: 0;bottom: 0px;position: absolute ;opacity: 0;visibility: hidden;transition-timing-function: ease;transition-duration: 0.5s;-webkit-transition-delay: 0s;}
.tabtext_section .left_tab a:hover h2{letter-spacing: 3px;color: #0071BC;visibility: inherit;}
.tabtext_section .left_tab a:hover h2::after{opacity: 1;visibility: visible;}
.tabtext_section .left_tab.active a h2{color: #0071BC;}
.tabtext_section .left_tab.active a h2::after{opacity: 1;visibility: visible;}
.tabtext_section .tab_content{width: 100%;float: left;display: none;}
.tabtext_section .tab_content li a{display: block; padding: 15px 4px;line-height: 1;background-color: #F2F2F2;transition-delay: 0s; font-weight: 700; -webkit-transition-duration: 0.4s;font-size: 14px; transition-timing-function: ease;border-bottom: 1px solid #0071BC;transition-duration: 0.4s; position: relative; border-width: 1px 0px;color: #0071BC;}
.tabtext_section .tab_content li a:hover{letter-spacing: 1px;background-color: #E1FAFF;}
.tabtext_section .tab_content .content p{font-weight: 300;font-size: 13px; line-height: 18px;}
.tabtext_section .tab_content .content p a:hover{color: #0071BC;}
.tabtext_section .tab_content .with_img li{width: 100%;float: left;}
.tabtext_section .tab_content .with_img li a{width: 100%;float: left;display: flex;align-items: center;padding: 3px 4px 3px 0 ;}

.tabtext_section .right_text{width: calc(100% - 280px);float: right;padding-left: 55px;padding-top: 20px;}
.tabtext_section .right_text p{color: #0071BC;}
/* left tab with text end */
/* company logo start */
.companylogo_title {padding-top: 120px;}
.companylogo_title  h4{text-align: center;margin-bottom: 10px; line-height: 34px;font-size: 19px;font-weight: 700;font-family: lato, sans-serif;color: #003758; letter-spacing: 6px;text-transform: uppercase;}

.companylogo_section  .text{text-align: center;}
.companylogo_section  .text p{font-size: 13px;letter-spacing: 1px;line-height: 20px;color: #47505F;font-weight: 700;}
.companylogo_section  .logo_card{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.companylogo_section  .logo_card .logo{width: 16%;float: left;margin-bottom: 10px;}
.companylogo_section  .logo_card .logo img{display: block;margin: 0 auto;}

.blank_space{width: 100%;float: left;height: 120px;}
/* company logo end */
/* full width blue text start */
.bigblue_text{padding-top: 70px;}
.bigblue_text h2{font-size: 56px;line-height: 80px;font-weight: 300;letter-spacing: 1px;color: #0071BC;margin-bottom: 0;}
.fullwidth_text.blue_text p,.fullwidth_text.blue_text h1,.fullwidth_text.blue_text h2,.fullwidth_text.blue_text h3,.fullwidth_text.blue_text h4,.fullwidth_text.blue_text h5,.fullwidth_text.blue_text h6,.fullwidth_text.blue_text li,.fullwidth_text.blue_text a{color: #0071BC;}
.fullwidth_text.blue_text h2{font-weight: 700;}
.fullwidth_text.blue_text h2 strong{font-weight: 400;}
.fullwidth_text.blue_text li{font-size: 26px;font-weight: 300;line-height: 39px;letter-spacing: 1px;}
.fullwidth_text.blue_text .corona_virus{width: 310px;position: absolute;left:65px;top: 145px;transition: all 1.0s ease .1s;}
.fullwidth_text.blue_text .corona_virus img{display: block;}
.fullwidth_text.blue_text .corona_virus:hover{left:120px;}
.fullwidth_text.blue_text .telefon{width: 100%;float: left;padding-bottom: 10px ;letter-spacing: 6px;font-size: 60px;line-height: 90px;font-family: lato, sans-serif;font-weight: 300;color: #000000;text-transform: uppercase;transition: all 1.0s ease .1s; }
.fullwidth_text.blue_text .telefon:hover{color: #29ABE2;}
/* full width blue text end */
/* team section start */
.team_section{padding-top: 80px ;}
.team_section .inner_section{display: flex;flex-wrap: wrap;}
.team_section .team_card{width: 30%;float: left;margin-right: 5%;margin-bottom: 30px;}
.team_section .team_card:nth-child(3n){margin-right: 0;}
.team_section .team_card .image{width: 280px;height: 280px;}
.team_section .team_card .text_block{padding: 10px 0;}
.team_section .team_card .text_block a{color: #000000;font-size: 16px;line-height: 21px;font-weight: 300;display: block;transition: all 1.0s ease .1s;}
.team_section .team_card .text_block p{color: #000000;margin-bottom: 0;font-size: 16px;line-height: 21px;font-weight: 300;}
.team_section .team_card .text_block a:hover{color: #29ABE2;}
/* team section end */
/* dark background section start */
.darkbg_section{background: #D6D6D6;padding: 80px 0;margin-top: 120px;}
.darkbg_section .image_part{display: flex;align-items: center;flex-wrap: wrap;}
.darkbg_section .image_part .toplehrstellen{display: inline-block;}
.darkbg_section .image_part .toplehrstellen img{border-radius: 50%;}
.darkbg_section .image_part a{margin-right: 50px;width: auto;float: left;}
.darkbg_section .image_part a:last-child{margin-right: 0;}
.darkbg_section .image_part a img{display: block;}
 
.darkbg_section .content_box{padding-top: 40px;}
.darkbg_section .content_box h2{padding-top: 20px; font-size: 32px;letter-spacing: 6px;text-transform: uppercase;line-height: 90px;color: #000000;font-weight: 400;}
.darkbg_section .content_box h3{font-size: 26px;line-height: 39px;color: #0071BC;font-family: lato, sans-serif;font-weight: 700;margin-bottom: 0;text-transform: unset;letter-spacing: unset;}
.darkbg_section .content_box h3 a{transition: all 1.0s ease .1s;padding-bottom: 20px;display: block; font-size: 26px;line-height: 39px;color: #000000;font-family: lato, sans-serif;font-weight: 700;margin-bottom: 0;text-transform: unset;letter-spacing: unset;}
.darkbg_section .content_box h3 a:hover{color: #29ABE2;}
.darkbg_section .content_box p{color: #0071BC;margin-bottom: 10px;}
.darkbg_section .content_box ul{padding-bottom: 20px;padding-left: 22px;list-style-type: disc;}
.darkbg_section .content_box ul li{color: #0071BC;font-size: 26px;line-height: 39px;letter-spacing: 1px;}
/* dark background section end */

/* impressum section start */
.impressum_section{padding: 80px 0 100px;}
.impressum_section .inner_content{max-width: 871px;}
.impressum_section  h2{font-size: 18px;line-height: 27px;font-weight: 400;font-family: lato, sans-serif;letter-spacing: 1px;color: #000000;text-transform: uppercase;}
.impressum_section  h3{font-size: 14px;line-height: 20px;text-transform: uppercase;font-weight: 700;font-family: lato, sans-serif;letter-spacing: 1px;color: #000000;}
.impressum_section  p strong{font-weight: 700;}
.impressum_section  p{font-size: 14px;line-height: 20px;font-weight: 400;text-align: left;font-family: lato, sans-serif;letter-spacing: 1px;color: #000000;}
.impressum_section  a{transition: all 1.0s ease .1s;font-size: 14px;line-height: 20px;font-weight: 400;text-align: left;font-family: lato, sans-serif;letter-spacing: 1px;color: #000000;}
.impressum_section  a:hover{color: #F39200;}
.impressum_section ul{padding-bottom: 20px;}
.impressum_section ul li{position: relative;}
.impressum_section ul li::before{ content: "-";text-indent: -5px;margin-right: 5px;}
.impressum_section  li{font-size: 14px;line-height: 20px;font-weight: 400;text-align: left;font-family: lato, sans-serif;letter-spacing: 1px;color: #000000;}

.impressum_section  .close_btn{width: 100%;float:right;text-align: right;position: fixed;top: 60px;right: 197px;}
.impressum_section  .close_btn a{display: inline-block;}
.impressum_section  .close_btn a{color: #29ABE2 !important;font-weight: 700;font-size: 11px;letter-spacing: 2px;line-height: 18px; }
.impressum_section  .close_btn img{display: block;transition: all 1.0s ease .1s;}
.impressum_section  .close_btn img:hover{transform: rotate(90deg);}
/* impressum section end */
/* *****************************************************************inner page end************************************************************ */
.slider_section.slider_without_text .image {width: 100%;float: right;padding-bottom: 100px;}
.slider_section.slider_without_text .image img{display: block;width: 230px;float: right;text-align: right;}
.slider_section.slider_without_text .slider_inner{padding: 0 80px;}
.slider_section .slick-prev.slick-arrow{left: -70px;}
.slider_section .slick-next.slick-arrow{right: -70px;}
.slider_section .slider_inner{position: relative;}
.slider_section .slide-count{font-weight: 700;width: 80px;height: 55px;margin-top: -55px; background: #ffffff;float: left;opacity: 0.8;font-size: 15px;color: #000000;padding: 10px;display: flex;justify-content: center;align-items: center;position: relative;left: 50%;bottom: 0;transform: translateX(-50%);}
.slider_section.slider_without_text.full_width{margin:0;padding-top: 50px;}



.brand_intro .text h1.active{animation-name: myup;    animation-duration: 1.8s;}
.brand_intro .text .content{animation-name: myin;    animation-duration: 1.8s;}
.brand_intro .text h3{animation-name: myin;    animation-duration: 1.8s;}
.brand_intro  .bottom_arrow.active {animation-name: mydown;    animation-duration: 1.8s;}


















/* footer start */
.footer{background: #003758;padding: 117px 0;position: relative;border-top: 1px solid #fff;}
.footer::before{content:""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #003758;opacity: 0.3;pointer-events: none;}
.footer .footer_inner{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;float: left;}
.footer .footer_card{width: 30%;float: left;border-left: 1px solid #ffffff;padding-left:40px;padding-bottom: 58px;}
.footer h4{color: #FFFFFF;}
.footer p{margin-bottom: 0; line-height: 27px;font-size: 19px;font-weight: 400;font-family: lato, sans-serif;letter-spacing: 1px;color: #FFFFFF;}
.footer a{line-height: 27px;font-size: 19px;font-weight: 400;font-family: lato, sans-serif;letter-spacing: 1px;color: #FFFFFF;display: block;transition: all 1.0s ease .1s;}
.footer .footer_logo{margin-bottom: 75px;width: 100%;float: left;}
.footer .footer_card.mid a{margin-bottom: 27px;}
.footer .footer_card .timeformate{margin-bottom: 27px;}
.footer .footer_card .footer_link a{text-transform: uppercase; font-weight: 700;font-size: 13px;font-family: lato, sans-serif;letter-spacing: 5px;line-height: 17px;margin-bottom: 10px;}
.footer .footer_card .footer_link a:last-child{margin-bottom: 0;}
.footer a:hover{color: #29ABE2;font-weight: bold;}
.footer .footer_logo a{display: inline-block;}

.footer .footer_logo .back_top{margin-top: -27px;width: 79px; margin-right: calc(33% - 79px);float: right;text-transform: uppercase;font-size: 16px;font-weight: 400;letter-spacing: 2px;line-height: 22px;position: relative;z-index: 2;}
.footer .footer_logo .back_top img{width: 79px;position: relative; display: block;}
.footer .footer_logo .back_top span{ display: block;text-align: center;color: #ffffff !important;}
.footer .footer_logo .back_top.active img{animation-name: myup;    animation-duration: 1.8s;transition: 0.4s;}
.footer .footer_logo .back_top.active span{animation-name: myin;    animation-duration: 1.8s;}
.footer .footer_logo .back_top img:hover{transform: translateY(-15px);}
/* footer end */



@keyframes myup {
    0% {opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);}
    100% {opacity: 1;
        -webkit-transform: none;
        transform: none;}
  }

  @keyframes myin {
    0% {opacity: 0;}
    100% {opacity: 1;;}
  }

  @keyframes mydown {
    0% {opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);}
    100% {opacity: 1;
        -webkit-transform: none;
        transform: none;}
  }



/* Responsive Css Start */
@media only screen and (max-width:1440px) {
    h1{font-size: 60px;line-height: 84px;}
    .header .navigation li{min-width: 140px;}
    .video_section .top_taxt h2{font-size: 60px;line-height: 72px;}
    .main_banner .aktion_img{width: 350px;height: 364px;}
    .main_banner .aktion_img:hover{width: 250px;}
    .fullwidth_text.blue_text .corona_virus{width:170px;left: 0;}
    .fullwidth_text.blue_text .corona_virus:hover{left: 15px;}



    .video_section .top_taxt{min-height: 115px;}
    .video_section .top_taxt h3{font-size: 19px;line-height: 23px;}
    .video_section .bitzer_logo{top: 180px;}
    .video_section .wasserkompetenz{top: 255px;}
    .fullwidth_text.blue_text .telefon{font-size: 50px;line-height: 80px;}

    .impressum_section .close_btn{right: 60px;}
    .impressum_section{padding-bottom: 80px;}
}

@media only screen and (max-width:1280px) {
    .header .logo{width: 156px;}
    .header .logo a img{height: 60px;}
    .header .navigation{width:calc(100% - 156px);}
    .header .navigation li{min-width: 135px;}
    .header .navigation .wrapper > ul{justify-content: flex-end;}
    .header{height: 74px;}
    .main-content{margin-top: 74px;}
    .fullwidth_text.blue_text .corona_virus{position: relative;display: block;top: -22px;}
}
@media only screen and (max-width:1120px) {
    .mobile_bar{display: block;cursor: pointer;}
    .header .navigation li .image{position: absolute;left: 0;top: 0;padding: 0;height: 100%;}

    .header .navigation #nav-21{display: block;}
    .header .navigation .wrapper > ul{display: none;width: 180px;position: absolute;right: 0;top: 73px;border: 1px solid #fff;}
    .header .navigation ul > li .image::before {top: 2px ;left: 20px !important;background-size: 22px !important;z-index: 2;}
    .header .navigation ul li li::before {left: 8px !important;}
    .header .navigation li{min-width: 100%;}
    .header .navigation li,.header .navigation li a{text-align: left;}
    .header .navigation li ul{position: unset;display: block;}
    .header .navigation  li a {background-color: #ebebeb; font-size: 13px; border-bottom: 1px solid #fff !important;padding: 10px 0;padding-left: 0px;font-weight: 400;padding-left: 37px; text-align: left;position: relative;}
    .header .navigation  li a:hover{background-color: #CEE6F6;}
    .header .navigation li ul{min-width: 180px;}
    .header .navigation #nav-1 .image::before {top: 6px;}
    /* .header .navigation .wrapper > ul{display: none;} */
    p{font-size: 18px;line-height: 27px;margin-bottom: 15px;}
    .fullwidth_text li a,.fullwidth_text.blue_text li{font-size: 18px;line-height: 27px;}
    .darkbg_section .content_box ul li{font-size: 18px;line-height: 30px;}
    .darkbg_section .content_box h3 a{font-size: 23px;}
    .video_section .top_taxt h2{font-size: 40px;line-height: 48px;}
    .video_section .top_taxt h3{font-size: 14px;line-height: 17px;}
    .video_section .top_taxt{min-height: 80px;}
    .fullwidth_image{height: 575px;}
    .video_section .bitzer_logo {top: 150px;width: 175px;}
    .video_section .wasserkompetenz{top: 214px;width: 180px;}
    .header .navigation{padding: 0;}

    .brand_intro .text h1, h1{font-size: 40px;line-height: 56px;margin-bottom: 25px;}
     h3{font-size: 18px;line-height: 24px;}
    .brand_intro .text h3{margin-bottom: 30px;}
    .slider_section{margin-top: 35px;}
    .slider_section {margin-bottom: 80px;}
    .image_heading .text h2,.heading_blue h2{font-size: 40px;line-height: 50px;margin-bottom: 20px;}
    .image_heading .text h4,.heading_blue h4{font-size: 17px;line-height: 24px;}
    .image_heading .image{padding-bottom: 20px;}
    .fullwidth_imagesmall{height: 370px;}
    .leftimage_righttext {padding-top: 30px;}
    .leftimage_righttext .right_text h2{font-size: 21px;line-height: 28px;}
    .leftimage_righttext .left_image{width: 185px;}
    .leftimage_righttext .right_text{width:calc(100% - 185px);padding-left: 30px;}
    .bigblue_text h2{font-size: 34px;line-height: 46px;}


    .slider_section .slick-prev.slick-arrow{left: -18px;z-index: 11;}
    .slider_section .slick-next.slick-arrow{right: -18px;z-index: 11;}


    .video_section,.fullwidth_image,.fullwidth_imagesmall,.darkbg_section{margin-top: 80px;}
    .nontext_block,.company_logo,.menucard_link,.image_heading,.heading_blue,.companylogo_title {padding-top: 80px;}



    .blank_space{height: 80px;}
    .footer{padding: 80px 0;}
    .footer .footer_logo{margin-bottom: 60px;}
    .footer .footer_card{padding-bottom: 35px;}
    .impressum_section .close_btn { right: 20px;}
}
@media only screen and (max-width:991px) {
    h2{font-size: 21px;line-height: 25px;}
    .wrapper{max-width: 100%;padding: 0 20px;}
    .header .logo{margin-left: 20px;}
    .fullwidth_image{height: 355px;}
    .tab_card_section .menu_link{width: 48%;margin-right: 4%;}
    .menucard_link.tab_card_section .menu_link:nth-child(3n){margin-right:4%}
    .menucard_link.tab_card_section .menu_link:nth-child(2n){margin-right:0%}
    .footer .footer_card{width: 33%;padding-left: 20px;}
    .nontext_block a{width: 270px;margin-right: 20px;}
    .footer .footer_card{width: 50%;margin-bottom: 25px;}
    .video_section .top_taxt{padding-bottom: 8px;}
    .mobile_bar{right: 20px;}
    .three_blockimage .image{height: 220px;}
    .tabtext_section .right_text{padding-top: 0;padding-left: 20px;}
    .companylogo_section .logo_card .logo{width: 25%;}
    .darkbg_section .content_box h2{font-size: 27px;line-height: 40px;}
    .darkbg_section .content_box h3{font-size: 22px;line-height: 36px;}
    .team_section .team_card .image{width: 100%;}
    .fullwidth_text.blue_text .telefon{font-size: 40px;line-height: 70px;}

    .impressum_section .inner_content{max-width: 100%;width: calc(100% - 40px);margin-right: 40px;padding-right: 10px;}
    .impressum_section .close_btn a{width: 40px;font-size: 8px;}
}

@media only screen and (max-width:767px) {
    .team_section .team_card{width: 48%;margin-right: 4%;}
    .team_section .team_card:nth-child(3n){margin-right: 4%;}
    .team_section .team_card:nth-child(2n){margin-right: 0;}
    .team_section .team_card .image{width: 100%;}
    .three_block_imagetext .image_bottomtext .text p{font-size: 20px;}
    .three_block_imagetext .image_bottomtext{width: 48%;margin-right: 4%;margin-bottom: 30px;}
    .three_block_imagetext .image_bottomtext:nth-child(2n){margin-right: 0;}
    .three_block_imagetext .image_bottomtext:nth-child(3n){margin-right: 0;width: 100%;float: left;margin-bottom: 0;}
    .three_block_imagetext .image_bottomtext:nth-child(3n) .image{height: 100%;}
    .slider_section.slider_without_text .slider_inner{padding: 0;}
    .slider_section.slider_without_text .image{padding-bottom: 50px;}



}

@media only screen and (max-width:600px) {
    /* .main-content{margin-top: 110px;} */

    .footer .footer_card { width: 100%;margin-bottom: 30px;padding-bottom: 0;}
    .nontext_block a{margin:  0 auto 30px !important;float: unset;}
    .nontext_block a:last-child{margin-bottom: 0 !important;}
    .menucard_link .menu_link{width:100%;margin-right: 0%;max-width:80%;margin:  0 auto 30px !important;}
    .menucard_link .menu_link:last-child{margin-bottom: 0 !important;}
    .main_banner .aktion_img{width: 180px;height: 364px;}
    .main_banner .aktion_img:hover{width: 350px;}
    .footer .footer_logo .back_top{position: absolute;right: 0;bottom: 60px;margin-right: 0;}

    .video_section,.fullwidth_image,.fullwidth_imagesmall,.darkbg_section{margin-top: 60px;}
    .nontext_block,.company_logo,.menucard_link,.image_heading,.heading_blue,.companylogo_title {padding-top: 60px;}
    .three_block_imagetext .image_bottomtext{width:284px;margin-right: 0;}
    .three_block_imagetext .inner_block {display: flex;justify-content: center;flex-wrap: wrap;}
    .bigblue_text{padding-top: 40px;}
    .blank_space{height: 60px;}
    .image_heading .text h4, .heading_blue h4 {font-size: 17px;line-height: 21px;letter-spacing: 3px;}
    .image_heading .text h2, .heading_blue h2 {font-size: 30px;line-height: 50px;}
    .fullwidth_imagesmall{height: 294px;}
    .leftimage_righttext .right_text{width: 100%;padding-left: 0;}
    .leftimage_righttext .left_image{float: unset;margin: 0 auto;width: 140px;}
    .tabtext_section .right_text{width: 100%;padding-left: 0;margin-top: 30px;}
    .tabtext_section .left_tab{margin: 0 auto;float: unset;}
    .three_blockimage .image{width: 280px;height: 280px;float: unset;margin: 0 auto 30px !important;}
    .three_blockimage .image:last-child{margin-bottom: 0 !important;}
    .heading_blue h4{font-size: 16px;letter-spacing: 3px;line-height: 24px;}
    .companylogo_title h4{font-size: 17px;line-height: 26px;letter-spacing: 4px;}
    .bigblue_text h2 {font-size: 26px;line-height: 40px;}

    .footer{padding: 60px 0;}
    .footer .footer_logo{margin-bottom: 40px;}
    .footer .footer_link{padding-bottom: 20px;}
    .video_section .top_taxt{position: relative;min-height: unset;padding: 0 20px;}
    .slider_section {margin-bottom: 60px;}
    .brand_intro .brand_logo img{margin: 0 auto;float: unset;}
    .slider_section.slider_without_text .image img{margin: 0 auto;float: unset;}

    .video_section .bitzer_logo {left: 12px; width: 100px;}
    .video_section .wasserkompetenz{left:12px;top: 190px;width: 100px;}
    .video-js .vjs-big-play-button{width: 2em;}
    .video_section .top_taxt{padding-bottom: 0px;}
    .video_section .top_taxt h3{letter-spacing: 3px;}
    .brand_intro .text h1, h1{font-size: 25px;line-height: 35px;}
    .brand_intro .text h3 {letter-spacing: 3px;font-size: 15px; line-height: 24px;}
    .brand_intro .bottom_arrow img{width: 60px;}
    .slider_section .top_text h2{font-size: 15;line-height: 22px;}
    .slider_section .bottom_text li{padding-left: 0px;}
    .slider_section .bottom_text ul{padding-left: 25px;padding-right: 10px;}
    .slider_section .slide-count{width: 65px;height: 37px;margin-top: -37px;}
    .companylogo_section .logo_card .logo{width: 33%;}
    .team_section .team_card{width: 100%;margin-right: 0;}
    .team_section .team_card .image,.team_section .team_card .text_block{width: 285px;margin: 0 auto; }
    .darkbg_section .content_box h2{font-size: 25px;line-height: 40px;}
    .darkbg_section .content_box h3{font-size: 18px;line-height: 36px;}
    .darkbg_section .image_part a{width: 150px;margin-right: 15px;margin-bottom: 30px;}
    .darkbg_section .content_box{padding-top: 0;}
    .fullwidth_text.blue_text .telefon{font-size: 30px;line-height: 50px;letter-spacing: 1px;}

    .impressum_section .close_btn{position: absolute;}
    .impressum_section .inner_content{width: 100%;margin-right: 0;padding-right: 0;}
    .impressum_section{padding: 60px 0;}

}
@media only screen and (max-width:400px) {
    .menucard_link .menu_link{max-width: 100%;}
    .company_logo a{width: 100%;max-width: 280px;margin: 0 auto 30px;}
    .company_logo a img{margin: 0 auto;}
    .company_logo a:last-child{margin-bottom: 0;}
    .video_section .wasserkompetenz {left: 5px;}
    .video_section .bitzer_logo {left: 8px;}
    .slider_section .bottom_text li{font-size: 15px;line-height: 16px;}
    .image_heading .text h2{font-size: 26px;letter-spacing: 3px;}

    .video_section .top_taxt h3{font-size: 13px;letter-spacing: 3px;}
    .video_section .top_taxt h2{font-size: 35px;}
    .companylogo_section .logo_card .logo{width: 50%;}
    .fullwidth_text.blue_text .telefon{font-size:25px;line-height: 40px;}

}