*{margin:0; padding:0; font-family: Open Sans, sans-serif; font-size:22px; line-height:30px;}

.content_wrapper{padding-top: 147px;}

p a{color: #051F45;}

.floatend{clear:both;}

.container{max-width:1200px; margin:auto;}
.head_container{max-width:1200px; margin:auto;}

h2{font-size:50px; line-height:70px; font-weight:800; text-transform:uppercase; margin-bottom:20px;}
h2 .head_green{color:#539A76; font-size:50px; line-height:70px;}

.container ul{margin-left: 30px; margin-bottom:30px;}

.quote{margin: 40px 10% 0; font-style:italic; position: relative; line-height:34px;}
.quote:before{content:"''"; font-size:60px; color: #ededed; margin-right: 10px; vertical-align: bottom;}
.quote:after{content:"''"; font-size:60px; color: #ededed; margin-right: 10px; vertical-align: bottom;}
.blogpost_content .bericht{margin-left:10%;}
.source{margin:10px 10% 0; font-size:16px; text-align:right; }
.source a{font-size: 16px; color: #051F45;}
.p_small {font-size:16px; font-style:italic;}

header{padding:40px 0; background: #fff; position:fixed; width:100%; top:0; z-index:999;}
header .logo{float:left;}
header .menu_wrapper{float:right; display:flex; position:relative;}
.social_media_wrap{padding-right:8px; border-right:2px solid #051F45; margin-right:8px;}
.social_button{background:#539A76; color:#fff; text-decoration:none; padding: 8px 10px; font-size:24px; display:inline-flex; transition: all 0.5s ease;}
.social_button:hover{background: rgba(83, 154, 118, 0.9); transition: all 0.5s ease;}

.menu_buttons{display: flex;}
.menu_toggle{background:#051F45; color:#fff; padding:8px 10px; font-size:24px; display:inline-flex; cursor:pointer; transition: all 0.5s ease;}
.menu_toggle:hover{background: rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}
.main_menu{position:fixed; top:147px; left:0; right:0; bottom:0; background:rgba(5, 31, 69, 0.9); /*backdrop-filter: blur(30px);*/ display:grid; align-items:center;}
.main_menu .container {position:relative;}
/*.menu_grid {display:grid; grid-template-columns: 3fr 1fr; gap: 50px; position:relative; justify-items:center; padding-top:80px;}*/
.menu_grid {display: block; position: relative; padding-top: 80px;}
.menu_list{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 50px; justify-items:center;}
.main_menu .menuitem_1{display:none;}
.main_menu ul{list-style:none;}
.main_menu .menuitem.first span{font-weight:800; text-transform:uppercase; color:#fff; font-size:30px; line-height:50px; margin-bottom:20px; display:block;}
.main_menu .submenu a{color:#fff; text-decoration:none; text-transform:uppercase; font-size:20px; line-height:30px; font-weight:800; margin-bottom:10px; display:block;}
.main_menu .link_big{font-weight:800; text-transform:uppercase; color:#fff; font-size:30px; line-height:50px; margin-bottom:20px; display:block; text-decoration:none;}
.menu_close {position:absolute; right:0; top: 0; cursor:pointer; z-index: 9;}

.lang_toggle { background: #051F45; margin-left: 5px; color: #fff; text-transform: uppercase; align-items: center; display: grid; width: 44px; justify-content: center;    font-size: 16px; font-weight: 700; cursor:pointer; transition: all 0.5s ease;}
.lang_toggle:hover{background: rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}
.lang_menu{position:absolute; right:0; top: 45px;}
.lang_menu .lang{background: #051F45; color: #fff; text-transform: uppercase; align-items: center; display: grid; width: 44px; justify-content: center;    font-size: 16px; font-weight: 700; height:44px; text-decoration:none; margin-bottom:5px; }
.lang_menu .lang.active{background:rgba(5, 31, 69, 0.9);}

.phone_contact{position:fixed; right:0; top:calc(40vh + 0px); z-index:999; display:inline-flex; background: rgba(5, 31, 69, 0.5);}
.mail_contact{position:fixed; right:0; top:calc(40vh + 47px); z-index:999; display:inline-flex; background: rgba(83, 154, 118, 0.5);}

.short_btn{color:#fff; padding:8px 10px; font-size:24px; cursor:pointer;}
.short_btn.blue{background:#051F45;}
.short_btn.green{background:#539A76;}

.short_toggle{color: #fff; font-weight:700; text-decoration:none; padding:10px; min-width:140px; line-height: 20px;}
.short_toggle.inactive{display:none;}

.element{margin-bottom:60px;}

.tile_grid_four { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px; margin-top:30px;}
.tile_grid_four .tile{text-decoration:none; padding: 30px;  display:block; align-items:end;}
.tile h3{color: #fff; text-decoration:none; font-size:50px; text-transform:uppercase; font-weight:800; line-height:50px; word-wrap:break-word; z-index:2;}
.single_col{background:#051F45;}
.single_col .image_wrap { display: -ms-grid; display: grid;  -ms-grid-column-span: 1; height: 100px; align-items: center;}
.single_col .image_wrap img{max-width:100%;}
.double_col{-ms-grid-column: 1; grid-column: span 2; -ms-grid-column-span: 2; background-size:cover; background-position:50% 50%; background-repeat: no-repeat; min-height:240px; position:relative; }
.tile_stroke{height:5px; width:80%; background:#fff; margin:8px 0; transition: all 0.5s ease;}
.single_col:hover{background:rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}
.single_col:hover .tile_stroke{width:100%; transition: all 0.5s ease;}

.tile_grid_six{display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:10px; margin-top:30px;}
.tile_grid_six .tile{text-decoration:none; padding: 30px;  display:block; align-items:end;}
.tile_grid_six .double_col{-ms-grid-column: 3; grid-column: span 3; -ms-grid-column-span: 3; background-size:cover; background-position:50% 50%; background-repeat: no-repeat; min-height:240px; position:relative; }
.tile_grid_six .single_col {  -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-column-span: 2}

.filter{position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; }
.filter_blue_color{background:#051F45; opacity:0.6; mix-blend-mode: color;}


.leistung_link{padding:60px 0; border-top: 1px solid rgba(5, 31, 69, 0.8); border-bottom: 1px solid rgba(5, 31, 69, 0.8); text-decoration:none; color:#000; position:relative; display:block; transition: all 0.5s ease; padding-right:50px;}
/*.leistung_link:hover {background: rgba(83, 154, 118, 0.1); transition: all 0.5s ease;}*/
.leistung_list {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-top:30px; flex-direction:row; flex-wrap:wrap;}
.leistung_list img{max-width: 150px; max-height:150px;}

.tile_grid_two{display:grid; grid-template-columns:1fr 1fr; margin-top:60px; gap:10px;}
.tile_link{padding:50px; background-size:cover; color:#fff; text-decoration:none; background-position:50% 50%; background-repeat: no-repeat; position:relative; display:block; cursor:pointer;}
.tile_content{z-index:2; position:relative; margin-top:150px;}
.tile_content .tile_stroke {width: 20%; height:12px; margin-bottom:20px; transition: all 0.5s ease;}
.tile:hover .tile_content .tile_stroke{width: 40%; transition:all 0.5s ease;}
.tile_content h3{margin-bottom:20px; font-size: 80px; line-height:70px;}
.tile_content p{font-size: 16px; line-height:20px;}
.filter_blue{background: #051F45; opacity:0.6; mix-blend-mode: multiply; transition: all 0.5s ease;}
.filter_blue:hover{opacity:0.5; transition: all 0.5s ease;}
.filter_green{background: #539A76; opacity:0.73; mix-blend-mode: multiply; transition: all 0.5s ease;}
.filter_green:hover{opacity:0.55; transition: all 0.5s ease;}
.filter_grey{background: #6C6C6C; opacity:1; mix-blend-mode: multiply; transition: all 0.5s ease;}
.filter_grey:hover{opacity:0.9; transition: all 0.5s ease;}

.light_grey,.light_grey_no_margin{background: #ededed;}
.blue{background:#051F45; color:#fff;}

.blog_teaser{padding:80px 0;}
.blog_teaser_link{text-decoration:none; color:#000; position:relative; display:block; }
.blog_teaser_grid{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:30px;}
.blog_teaser_grid img{ max-width:100%; border-bottom:10px solid #ededed;}
.blog_teaser_grid img.blog_icon{ border-bottom:none; padding: 50px 0 0 50px;}
.blog_tile{background:rgba(108, 108, 108, 0.22)}
.blog_tile_content{padding:70px 50px 100px; color: #051F45; text-decoration:none; position:relative; transition: all 0.5s ease;}
.blog_tile_content.icon{padding:20px 50px 100px;}
.blog_tile_link{color: #051F45; text-decoration:none;}
.blog_tile:hover{background: rgba(108, 108, 108, 0.12); transition: all 0.5s ease;}
.blue_stroke{background: #051F45; height:6px; width: 20%; transition: all 0.5s ease;}
.blog_tile_content:hover .blue_stroke{width: 40%; transition: all 0.5s ease;}
.blog_tile_content h3{margin: 10px 0; text-transform: uppercase; font-size:40px; line-height:50px; font-weight:800; margin-bottom:20px;}
.blog_tile_content p, .blog_tile_content li{font-size:16px; line-height:20px; margin-bottom:10px;}
.blog_archiv{padding:40px 0;}
.archiv_wrap{padding:40px 0;}
.blog_teaser_grid.archiv{margin-top:10px;}
.blog_date{color:#fff;}
.blogpost .kopfbild{margin-bottom:0;}
.blogpost_teaser{padding: 40px 0;}
.blogpost_content{padding: 40px 0;}
.blogpost_content p, .blogpost_content ul{margin-bottom:10px;}
.blogpost_content h2{margin-top:30px;}
.blogpost .jobs{padding:30px; margin-top:0px; background: #ededed;}
.blogpost_content .button{padding: 20px 40px; margin-top:20px;}

.slider_wrapper{position:relative; overflow:hidden; margin-bottom: 80px;}
.slider{height: calc(100vh - 147px); position:relative;}
.slider_mask{position: relative; display:block; overflow:hidden; z-index:1; height:100%; white-space:nowrap;}
.slide{height: calc(100vh - 147px); background-position: 50% 50%; background-size:cover; background-repeat: no-repeat; overflow:hidden; position: relative; display: inline-block; vertical-align: top; width: 100%;}
.slide_content_wrapper{position: absolute; display: -webkit-box; display: -ms-flexbox; display: grid; -webkit-box-align: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; top:0; left:0; bottom:0; right:0; padding-top: 100px 0; height:calc(100% - 150px);}
.slide .headline{font-size: 80px; line-height:70px; text-align:center; font-weight:800; color: #051F45; text-transform: uppercase;}
.slide_nav{position:absolute; z-index:3; bottom:150px; left:0; right:0; text-align:center;}
.w-slider-dot{width:20px; height:20px; background:#051F45; display:inline-block; margin-left: 3px !important; margin-right: 3px !important;}
.w-slider-dot.w-active{background:#539A76;}
.cnc_profi{position: absolute; z-index:99; right:40px; top:40px; transition: all 0.2s ease;}
.cnc_profi:hover{transform: scale(1.08);}

.zertifikat_filter{position:absolute; height:90px; left:0; bottom:0; right:0; background: #539A76; mix-blend-mode:multiply; z-index:3;}
.zertifikate {height: 90px; position: absolute; left: 0; right: 0; bottom: 0; z-index:4;}
.zertifikate .container{position:relative;}
.zertifikate_wrap {position:absolute; z-index:5; right:0; top:18px;}

footer.green{padding: 100px 0 40px; background: #539A76;}
.footer_grid{display:grid; grid-template-columns: 1fr 1fr; margin-bottom:30px; padding-bottom:60px; border-bottom: 1px solid #fff;}
.footer_stroke{width:20%; height:12px; background:#fff; margin-bottom:20px;}
footer h2{font-size:80px; line-height:70px; margin-bottom:20px;}
.footer_description p{font-size:16px; line-height:24px; margin-bottom:40px;}
.footer_contact p{font-weight:800; margin-bottom:20px;}
.footer_phone{font-weight:800; position:relative; padding-left:35px; margin-bottom:5px;}
.footer_fax{font-weight:800; position:relative; padding-left:35px; margin-bottom:5px;}
.footer_mail{position:relative; padding-left:35px; margin-bottom:5px;}
.footer_mail a{font-weight:800; color:#fff; text-decoration:none;}
.footer_content_col{padding-right:20px; color:#fff; font-size:24px;}
.footer_map_col{position:relative; background-position: 50% 50%; background-size:cover; background-repeat:no-repeat;}
.footer_map_col a{position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(83, 154, 118, 0.2); transition:all 0.5s ease; opacity:0; display:grid; align-items: center; text-align:center; color:#051F45; text-decoration:none; }
.footer_map_col a:hover{opacity:1; transition: all 0.5s ease;}
.foot_logo{float:left;}
footer .slogan{float:right; color:#fff; text-transform:uppercase; text-align:right;}
footer .slogan_small{font-size: 28px; line-height:38px;}
footer .slogan_small .bold{font-weight:700;font-size: 28px; line-height:38px;}
footer .slogan_big{font-size: 40px; line-height:55px; font-weight:700;}

.gallery{padding:80px 0;}
.gallery.blue{background: #051F45; color:#fff;}
.gallery.green{background: #539A76; color:#fff;}
.gallery_grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.gallery .col_content{padding:50px;}
.gallery_stroke{width:20%; transition:all 0.5s ease; height:12px; background:#fff; margin-bottom:20px;}
.gallery h2{font-size:80px; line-height:70px; margin-bottom:40px;}
.gallery .col_content p {font-size:16px; line-height:20px; margin-bottom:20px;}
.gallery_link{text-decoration:none; margin-top:20px; display:inline-block;}

.col_slider{position:relative; overflow:hidden;}
.gal_slider{position:relative; height:730px;}
.gal_slider_mask{position: relative; display:block; overflow:hidden; z-index:1; white-space:nowrap; height:100%;}
.gal_slide{overflow:hidden; position:relative; display:inline-block; vertical-align: top; width: 100%; height: 730px; background-size: cover; background-position:50% 50%; background-repeat: no-repeat;}
.gal_content{position: absolute; top:0; left:0; right:0; bottom:0;}
.gal_slider .slide_nav{bottom:30px;}

.kopfbild{background-color: #051F45; padding: 80px 0 150px; position:relative; margin-bottom:60px;}
.kopfbild_grid{display:grid; grid-template-columns: 2fr 1fr; align-items:center; align-items:end; gap:60px; min-height:278px; position:relative; z-index:2;}
.kopfbild h1{color:#fff; font-size:80px; line-height:70px; font-weight:800; display:block; margin-bottom:20px;}
.kopfbild h2{font-size:40px; line-height:50px; color:#fff; font-weight:800; text-transform:initial; margin:0;}
.kopfbild_img{border-bottom:6px solid #fff; }
.kopfbild_img img{width:90%; padding-bottom:40px; margin:auto; display:block; max-height:230px;}
.kopfbild .zertifikat_filter{display:none;}
.kopfbild .zertifikate{background:#539A76;}
.cert {text-decoration: none;}

.kopfbild.img_back{background-position: 50% 10%; background-size:cover; background-repeat: no-repeat;}
.kopfbild_filter{position:absolute; top:0; left:0; right:0; bottom:0; background: #051F45; opacity:0.54; z-index:1;}

.text{padding:30px 0 10px;}
.text p{margin-bottom:20px;}
.text h3{font-size:30px; line-height:40px; font-weight:800; display:block; margin-bottom:20px;}
.text h3 .head_green{font-size:30px; line-height:40px; font-weight:800; display:block; color:#539A76;}

.trennlinie{height: 1px; background: rgba(0, 0, 0, 0.5);}

.image_grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:10px; }
.image_link{display:flex;}
.image_link.large{-ms-grid-column: 1; grid-column: span 2; -ms-grid-column-span: 2;}
.image_grid img{width:100%;}

.foot_gogreen{padding:60px 0;}
.foot_gogreen.light_grey{margin-top:40px;}
.foot_gogreen .image_grid{margin-bottom: 60px;}
.foot_gogreen p{margin-bottom:20px; display:block;}

.link_grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:30px;}
.link_grid .link{padding:40px; background:#051F45; color: #fff; text-decoration:none; text-transform:uppercase; }
.link_name{font-weight:800; font-size:30px;}
.link_stroke{width:20%; transition: all 0.5s ease; height: 8px; background: #fff; margin-bottom:20px;}
.link_grid .link:hover {background: rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}
.link_grid .link:hover .link_stroke{width: 40%; transition: all 0.5s ease;}

p .green{color: #539A76;}

.video_box{display:block; margin-top:60px; position:relative; margin-bottom:20px;}
.video_link{position: relative; display:grid;}
.video_filter {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #539A76; z-index: 1; mix-blend-mode: multiply;}
.video_img{width:100%;}

.case_studies_overview{ padding: 80px 0;}
h2 .link_green{color:#539A76; font-size: 40px; line-height: 60px; text-decoration: none;}
.referenz_list{display:-ms-grid; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 14px; align-items: center; justify-items: center; margin-top:30px;}
.ref_link{padding: 40px 20px; border:1px solid #051F45; transition: all 0.5s ease; position: relative; width: calc(100% - 40px); text-align:center; /*height: -webkit-fill-available;*/} 
.ref_link:hover{background: rgba(5, 31, 69, 0.1); transition: all 0.5s ease;}
/*.ref_link.case_link{ border: 1px solid #539A76; background: rgba(83, 154, 118, 0.05);}
.ref_link.case_link:hover{background: rgba(83, 154, 118, 0.1);}*/
.ref_img{max-width: 100%; mix-blend-mode: multiply;}

.link_wrapper{margin-top: 40px;}
.foot_link{padding: 20px 40px 20px 70px; border-radius:40px; background:#051F45; color:#fff; text-decoration: none; text-transform: uppercase; margin-right: 20px; display:inline-block; position:relative; transition: all 0.5s ease; margin-bottom:20px;}
.foot_link:hover{background: rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}
.foot_link .link_bold{font-weight:800;}
.text .foot_link{margin-top:20px;}

.timeline_wrap{position:relative; margin-top:60px;}
.timeline_stroke{position:absolute; top: 0; bottom:0; left:calc(50% - 0.5px); width:1px; background: #051F45;}
.timestamp{display:grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom:40px; position:relative; align-items:start;}
.timestamp img{max-width: 100%;}
.time_content{padding:10px 0;}
.time_content h3{font-size: 80px; line-weight:70px; font-weight:800; margin-bottom:20px;}
.time_content p{font-size: 30px; line-weight:40px; font-weight:800; color:#539A76;}
.contentfirst .time_content{text-align:right; padding-left:16%;}
.imgfirst .time_content{padding-right:16%;}

.service_wrap{position:relative; margin-top:60px;}
.service_stroke{position:absolute; top: 0; bottom:0; left:calc(50% - 0.5px); width:1px; background: #051F45;}
.service{display:grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom:60px; position:relative; align-items:center;}
.service_img img{max-width: 200px; margin-left:40px;}
.imgfirst .service_img img{margin-left: calc(100% - 230px);}
.service_content{padding:10px 0;}
.service_content h3{font-size: 30px; line-weight:40px; font-weight:800; margin-bottom:20px; color:#539A76;}
.contentfirst .service_content{text-align:right; padding-left:16%;}
.imgfirst .service_content{padding-right:16%;}

.people_grid{display:grid; gap:10px; margin-top:40px;}
.people_tile{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.people_image{min-height:500px; background-size: cover; background-position:50% 50%; background-repeat: no-repeat;}
.people_content{padding:30px;}
.people h3{font-weight:800; font-size:30px; line-height:40px; margin-bottom:20px;}
.people h3 .green{font-size:30px; line-height:40px; color:#539A76;}
.people p{margin-bottom: 20px;}

.twice_grid{display:grid; gap:10px; margin-top:40px;}
.twice_tile{display:grid; grid-template-columns: 1fr 1fr; gap:10px;}
.twice_image{min-height:500px; background-size: cover; background-position:50% 50%; background-repeat: no-repeat;}
.twice_content{padding:30px;}
.twice_content h3{font-weight:800; font-size:30px; line-height:30px; margin-bottom:20px;}
.twice_content h3 .green{font-size:30px; line-height:40px; color:#539A76;}
.twice_content p{margin-bottom: 20px;}
.twice_content .foot_link{font-size:18px; padding:14px;}
.twice_content .foot_link.foot_youtube{padding:14px 20px 14px 58px;}

.jobs_grid{display:grid; grid-template-columns: 1fr 1fr; gap:20px; margin-bottom:40px;}
.job_tile{background: #051F45; padding: 20px; text-decoration:none; position:relative; transition: all 0.5s ease;}
.job_tile:hover{background: rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}
.job_tile .tile_inner{color:#fff; padding-right:30px;}

.job_tile.white{background: initial; border: 3px solid #051f45; }
.job_tile.white:hover{background: rgba(5, 31, 69, 0.1);}
.job_tile.white .tile_inner{color: #051f45;}

.job_detail{padding-top:40px; margin-bottom:0px;}
.job_detail h1{font-size:40px; line-height:60px; font-weight:800; text-transform:uppercase; color: #539A76;}
.job_description{margin-top:40px;}
.job_description.additional{margin-bottom:40px;}
.job_description.additional ul{margin-bottom:20px;}
.grid_twice{display:grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 40px 0;}

.button{padding: 20px 40px 20px 70px; border-radius:40px; background:#051F45; color:#fff; text-decoration: none; text-transform: uppercase; margin-right: 20px; display:inline-block; position:relative; transition: all 0.5s ease; margin-bottom:20px;}
.button:hover{background: rgba(5, 31, 69, 0.9); transition: all 0.5s ease;}


.application{background:#539A76; padding: 60px 0; text-align:center; color: #fff;margin-top: 40px; margin-bottom:0;}
.application .headline{font-weight:800; font-size:30px; line-height:36px; margin-bottom:20px;}
.application .mail{color:#fff; text-decoration:none; margin-top:10px; font-weight:700;}

.text h1{font-size:40px; line-height:60px; font-weight:800; text-transform:uppercase; color: #539A76;}

.error_page{background: #539A76; min-height: calc(100vh - 247px); padding-top:100px; text-align:center;}
.error_page h1{color: #fff; font-size:30px; margin-bottom:20px;}
.error_page p {color: #fff; margin-bottom:40px;}
.error_page .button{padding: 20px 40px;}

.machine_list{margin-top:40px;}
.machine_list_head{display:grid; grid-template-columns: 70px 4fr 3fr 1fr 1fr 1fr; gap:2px;margin-bottom:2px; color: #fff; font-weight:600;}
.machine_list_head .col {background:#051F45; padding: 4px 10px;}
.machine{display:grid; grid-template-columns: 70px 4fr 3fr 1fr 1fr 1fr; gap:2px; margin-bottom:2px;}
.machine .head_mobile{display:none;}
.machine.bg_lightgrey .col{padding: 4px 10px; background:rgba(83, 154, 118, 0.2); transition: all 0.3s ease;}
.machine.bg_lightgrey:hover .col{background:rgba(83, 154, 118, 0.3); transition: all 0.3s ease;}
.machine.bg_darkgrey .col{padding: 4px 10px; background:rgba(83, 154, 118, 0.3); transition: all 0.3s ease;}
.machine.bg_darkgrey:hover .col{background:rgba(83, 154, 118, 0.4); transition: all 0.3s ease;}

.text ul{margin-bottom:20px;}

.latest_news_wrap {margin: 40px 0 60px; display:block; padding:60px 60px 80px; position:relative;}
.latest_news_wrap h3{margin: 10px 0; text-transform: uppercase; font-size:40px; line-height:50px; font-weight:800; margin-bottom:20px;}
.latest_news_wrap:hover{background: rgba(108, 108, 108, 0.12); transition: all 0.5s ease;}
.latest_news_wrap:hover .blue_stroke{width: 40%; transition: all 0.5s ease;}
.latest_news_wrap.blog_tile_link:after{bottom:30px;}

.blogpost .foot_link {margin-top: 30px;}

.preview_item{display:block;}

@font-face{font-family:'icomoon';font-display: swap;src:url('/assets/resources/fonts/iconfont/icomoon.eot?-qk6xo1');src:url('/assets/resources/font/iconfont/icomoon.eot?#iefix-qk6xo1') format('embedded-opentype'),
url('/assets/resources/fonts/iconfont/icomoon.woff?-qk6xo1') format('woff'),
url('/assets/resources/fonts/iconfont/icomoon.ttf?-qk6xo1') format('truetype'),
url('/assets/resources/fonts/iconfont/icomoon.svg?-qk6xo1#icomoon') format('svg');font-weight:normal;font-style:normal;}

.youtube_btn:before,
.instagram_btn:before,
.facebook_btn:before,
.linkedin_btn:before,
.menu_toggle:before,
.phone_btn:before,
.mail_btn:before,
.tile_link_link:after,
.leistung_link:after,
.blog_teaser_link:after,
.blog_tile_link:after, 
.gallery_link:after,
.menu_close:before,
.link_name:after,
.hassubmenu span:after,
.link_green:after,
.case_link:after,
.video_link:after,
.bericht:before,
.foot_youtube:before,
.job_tile:after,
.pdf:before,
.footer_phone:before,
.footer_fax:before,
.footer_mail:before {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.youtube_btn:before{content:'\e908'; }
.instagram_btn:before{content:'\e909'; }
.facebook_btn:before{content:'\e905'; }
.linkedin_btn:before{content:'\eac9'; }
.menu_toggle:before{content:'\e907';}
.phone_btn:before{content:'\e90b';}
.mail_btn:before{content:'\e904';}
.tile_link_link:after{content:'\e906'; color:#fff; position:relative; z-index:3; font-size:40px; margin-top:20px; display:block;}
.leistung_link:after{content:'\e906'; color:#539A76; position:absolute; right:0; top:70px; font-size: 40px;}
.blog_teaser_link:after{content:'\e906'; color:#539A76; position:absolute; right:0; bottom:10px; font-size: 40px;}
.blog_tile_link:after{content:'\e906'; color:#539A76; z-index:3; font-size:40px; bottom:50px; display:block; position:absolute;}
.gallery_link:after{content:'\e906'; color:#fff; font-size:40px;}
.menu_close:before{content:'\e90c'; color:#fff; font-size:30px;}
.link_name:after{content:'\e906'; margin-left:20px;}
.link_green:after{content: '\e906'; margin-left:20px; font-size:34px;}
.case_link:after{content: '\e906'; position: absolute; right: 20px; bottom:20px; color: #539A76;}
.video_link:after{content: '\e90a'; position:absolute; font-size: 100px; left: calc(50% - 50px); top: calc(50% - 50px); z-index: 2; color: #fff;}
.bericht:before{content: '\e900'; padding: 10px; background: #fff; color: #051f45; border-radius: 32px; font-size: 30px; position:absolute; top:calc(50% - 25px); left: 10px;}
.foot_youtube:before{content: '\e908'; padding: 10px; background: #fff; color: #051f45; border-radius: 32px; font-size: 30px; position:absolute; top:calc(50% - 25px); left: 10px;}
.twice_content .foot_youtube:before{font-size: 24px; top:7px; left: 7px;}
.job_tile:after{content:'\e906'; color: #fff; position:absolute; right:20px; top: 24px;}
.job_tile.white:after{color: #051f45;}
.pdf:before{content:'\e926'; padding: 10px; background: #fff; color: #051f45; border-radius: 32px; font-size: 30px; position:absolute; top:calc(50% - 25px); left: 10px;}
.footer_phone:before{content:'\e90b'; position:absolute; top:5px; left:0;}
.footer_fax:before{content:'\e90f'; position:absolute; top:5px; left:0;}
.footer_mail:before{content:'\e904'; position:absolute; top:5px; left:0;}

@media(max-width: 1600px){
	/*.cnc_profi{right:8%;}	*/
}

@media(max-width: 1400px){
	
	.container{max-width: initial; margin: 0 5%;}
	.head_container{max-width: initial; margin: 0 5%;}
	
	h2{font-size:40px; line-height:60px; }
	h2 .head_green{font-size:40px; line-height:60px;}
	
	.tile h3{font-size:40px; line-height:40px;}
	.tile_content h3{ font-size: 65px; line-height:55px;}
	
	.gallery h2, .time_content h3{font-size:65px; line-height:55px;}
	footer h2{font-size:65px; line-height:55px;}
	.slide .headline{font-size:65px; line-height:55px;}
	.kopfbild h1{font-size:65px; line-height:55px;}
	
	/*.cnc_profi{right:6%;}*/
	.cnc_profi img{width:320px;}
	
}

@media(max-width: 1200px){
	*{font-size:20px; line-height:28px;}
	
	.leistung_list{justify-content:left;}
	
	h2{font-size:35px; line-height: 55px; }
	h2 .head_green{font-size:35px; line-height:55px;}
	.kopfbild h2{font-size:35px; line-height:55px;}
	.tile h3{font-size:30px; line-height:30px;}
	.blog_tile_content h3, .latest_news_wrap h3{font-size:30px; line-height:30px;}
	
	.tile_content .tile_stroke{height:8px;}

	.main_menu .link_big, .main_menu .menuitem.first span{font-size: 24px; line-height:44px;}
	.main_menu .submenu a{font-size: 18px; line-height:28px;}
	
	.machine_list_head{grid-template-columns: 70px 3fr 3fr 1fr 1fr 1fr;}
	.machine{grid-template-columns: 70px 3fr 3fr 1fr 1fr 1fr; }
}

@media (max-width: 1023px){
	.container{margin: 0 4%;}
	.tile.single_col h3{font-size:24px; line-height:24px;}

	.gallery_grid{grid-template-columns: 1fr; }
	.gallery .col_slider{grid-row-start:2;}
	.gallery .col_content{grid-row-start:1;}
	.gal_slider{height:500px;}
	.gal_slide{height:500px;}

	.main_menu{left:initial; padding: 40px; min-width:300px; overflow-y: auto;}
	.menu_grid{padding-top:50px;}
	.menu_list{display:block;}
	.main_menu .submenu{display:none;margin-bottom:20px;}
	.hassubmenu span:after{content:'\e906'; margin-left:20px; font-size:20px;}

	.menu_close{display:none; right:initial; opacity:0.5;}
	
	.time_content p{font-size:24px; line-height:30px;}
	
	.twice_tile, .people_tile{grid-template-columns: 1fr;}
	.twice_image, .people_image{grid-row-start:2;}
	.twice_content, .people_content{grid-row-start:1;}
	
	.referenz_list{grid-template-columns: 1fr 1fr 1fr 1fr;}

	.kopfbild h1{font-size:50px; line-height:40px;}
	
	.grid_twice{grid-template-columns: 1fr;}

	.machine_list_head{display:none;}
	.machine{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap:0;}
	.machine .head_mobile{display:block; font-size:14px;}
	.machine .col_pos{display:none;}
	.machine .col_machine{-ms-grid-column: 1; grid-column: span 3; -ms-grid-column-span: 3;}
	.machine .col_cat{-ms-grid-column: 1; grid-column: span 3; -ms-grid-column-span: 3;}
	.machine .col_x, .machine .col_y, .machine .col_z{-ms-grid-column: 1;  grid-column: span 2;  -ms-grid-column-span: 2;}
	.machine.bg_lightgrey{background:rgba(83, 154, 118, 0.2);}
	.machine.bg_lightgrey .col{background:none;}
	.machine.bg_lightgrey:hover{background:rgba(83, 154, 118, 0.3);}
	.machine.bg_lightgrey:hover .col{background:none;}
	.machine.bg_darkgrey{background:rgba(83, 154, 118, 0.3);}
	.machine.bg_darkgrey .col{background:none;}
	.machine.bg_darkgrey:hover{background:rgba(83, 154, 118, 0.4);}
	.machine.bg_darkgrey:hover .col{background:none;}
	
	
}

@media (max-width: 768px){
	.tile_grid_four{grid-template-columns:1fr 1fr;}
	.tile.single_col h3{font-size:30px; line-height:30px;}
	.double_col{grid-column: span 1; min-height: 200px;}
	.tile_grid_two{grid-template-columns:1fr;}
	.blog_teaser_grid{grid-template-columns:1fr;}

	.footer_grid {grid-template-columns: 1fr;}
	.footer_map_col{height:400px;}

	.gallery_stroke, .footer_stroke{height:8px;}
	.slide .headline{font-size:35px; line-height: 25px; }
	.gallery h2, footer h2, .time_content h3{font-size:35px; line-height: 35px; }
	.kopfbild h2{font-size:24px; line-height:34px;}

	.content_wrapper{padding-top: 138px;}
	header{padding: 20px 0;}
	
	.timestamp{grid-template-columns: 1fr; gap:10px;}
	.time_content{grid-row-start:1;}
	.time_img{grid-row-start:2;}
	.timeline_stroke{display:none;}
	.contentfirst .time_content{text-align:left; padding-left:0;}
	.imgfirst .time_content{padding-right:0;}
	
	.main_menu {top:108px;}
	.lang_menu{top: 43px;}
	
	
	.tile_link{padding:30px;}
	
	.referenz_list{grid-template-columns: 1fr 1fr 1fr;}

	.kopfbild_grid{grid-template-columns: 1fr;}
	.kopfbild_img{grid-row-start:1; max-width:320px;}
	.kopfbild_content{grid-row-start:2;}
	
	*{font-size:18px; line-height:26px;}	
	
	.jobs_grid{grid-template-columns: 1fr;}
	
	

}

@media (max-width: 600px){
	

	
	header .menu_wrapper{display:block; }
	.social_media_wrap{padding-right: 0; border-right: none; margin-right:0; margin-bottom:8px; padding-bottom: 8px; border-bottom: 2px solid #051F45;}
	.menu_buttons{float:right;}

	.main_menu {top:138px;}
	.lang_menu{top: 103px;}

	.logo{width:200px;}

	.tile_grid_four{grid-template-columns: 1fr;}
	
	.twice_image, .people_image{min-height:360px;}
	
	.image_grid{grid-template-columns: 1fr 1fr;}
	
	.machine{grid-template-columns: 1fr 1fr 1fr; gap:0;}
	.machine .col_x, .machine .col_y, .machine .col_z{-ms-grid-column: 1;  grid-column: span 1;  -ms-grid-column-span: 1;}
}
@media (max-width: 520px){
	.gal_slider{height:350px;}
	.gal_slide{height:350px;}
	
	
	.people h3, .people h3 .green, .twice_content h3, .twice_content h3 .green, .text h3, .text h3 .head_green, .gallery h2, footer h2, .time_content h3, h2, h2 .head_green, .latest_news_wrap h3 {font-size:24px; line-height:34px; margin-bottom:10px; }
	.leistung_link:after{top:64px; font-size:24px;}
	
	.text{padding: 10px 0;}
	.text p{margin-bottom:10px;}
	
	.referenz_list{grid-template-columns: 1fr 1fr;}
	
	.kopfbild{margin-bottom:30px;}
	
	
}
@media(max-width:480px){

	.cert_img{width:90px;}
	.zertifikat_filter, .zertifikate{height:80px;}
	
	.logo{width:180px;}
	
	.social_media_wrap .social_button, .menu_toggle{padding:6px 8px; font-size:20px;}
}

@media (max-width: 420px){
	.main_menu{left:0; padding:20px;}
	.logo{width:180px;}

	.container{ margin: 0 10px;}
	.head_container{margin: 0 10px;}

	.zertifikat_filter{height:74px;}
	.zertifikate{height: 74px;}
	.cert_img{width:80px;}
	
	.kopfbild{padding: 40px 0 100px;}
	.kopfbild_grid{gap:30px;}
	.kopfbild_img{max-width:40%;}
	.kopfbild h1{font-size: 40px; line-height:30px;}
	
	*{font-size:16px; line-height:24px;}	
	.people h3, .people h3 .green, .twice_content h3, .twice_content h3 .green, .text h3, .text h3 .head_green, .gallery h2, footer h2, .time_content h3, h2, h2 .head_green, .latest_news_wrap h3 {font-size:20px; line-height:28px; }
	.application{margin-top:20px;}
	.blog_teaser_link:after{font-size:30px; bottom:2px;;}
	.foot_logo{float:initial; margin-bottom:20px;}
	footer .slogan_small{font-size:20px; line-height:30px;}
	footer .slogan_big{font-size:28px; line-height:38px;}

	.latest_news_wrap{padding: 40px 20px 80px; margin: 20px 0 30px;}
}

@media(max-width:400px){
	.cnc_profi{left:40px;}
	.cnc_profi img{width:100%;}
	
}

@media (max-width: 360px){
	.logo {width: 130px;}
	.social_media_wrap .social_button, .menu_toggle{padding:5px 6px; font-size:18px;}

	.referenz_list{grid-template-columns: 1fr;}

	.kopfbild h1{font-size: 30px; line-height:24px;}
	.zertifikat_filter, .zertifikate{height:104px;}
	.zertifikate_wrap{top:8px;}
	
	.blog_tile_content{padding: 30px 30px 100px;}
	
	.people h3, .people h3 .green, .twice_content h3, .twice_content h3 .green, .text h3, .text h3 .head_green, .gallery h2, footer h2, .time_content h3, h2, h2 .head_green, .latest_news_wrap h3 {font-size:18px; line-height:26px; margin-bottom:5px; }
	
	
}

@media (min-width: 1600px){
	.container, .head_container{max-width:initial; margin: 0 10%;}
	.tile_content p{font-size:20px; line-height:24px;}
	
}