*{font-family:'Open Sans', sans-serif;font-size:15px; line-height:22px; font-weight:400;}

body{margin:0;color:#222;padding:0;}
h1 {font-family: 'Jura', sans-serif;font-size:38px;line-height: 38px; font-weight: 300;  text-transform: uppercase;margin:0; padding-bottom:10px;}
h2 {font-family: 'Jura', sans-serif;font-size:38px;line-height: 38px; font-weight: 300;  text-transform: uppercase;margin:0; padding-bottom:10px;margin-top:40px;margin-bottom:20px;border-bottom:3px dotted #ecf0f2;}
h3{margin-top: 20px; margin-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700;hyphens: auto;}
h4{margin-top: 20px; margin-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700;hyphens: auto;}
p{margin-bottom:10px; color:#222;}
a{color:#222; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
a:hover{-webkit-transition: all 200ms ease; transition: all 200ms ease;}
p a{color: #009ee2;}
strong{font-weight:700;}
.floatend{clear:both;}

.button, .btn  {background: #009ee2; color: #fff; text-decoration: none; padding: 18px 30px; margin-right: 10px; text-transform: uppercase; margin-top: 10px;  -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 200ms ease; transition: all 200ms ease; font-weight: 400; letter-spacing: 1px;display:inline-block; border:none;}
.button:hover, .btn:hover{background-color: #45bef2; -webkit-transform: translate(5px, 0px); -ms-transform: translate(5px, 0px); transform: translate(5px, 0px); color: #fff;}


.content_div {padding-top: 125px;}
.container {margin:0 15%;}
.alert-danger {margin:0 15%; color:#fe335f;}
.container_rimless{margin: 0 calc(15% - 10px);}



.nav_div{background:#fff; position:fixed; top:0;width:100%;z-index:999;padding-bottom:10px;}
.nav_div .logo{width:180px;float:left;margin-top:20px;}
.navigation { float: right;}
.nav_aside{float:right;}
.nav_button_list { float: left;}
.button_nav {background: #009ee2;color: #fff; font-size: 9px; font-weight: 600; letter-spacing: 1px;text-decoration: none; padding:0px 8px; margin-left:10px; text-transform: uppercase; -webkit-transition: all 200ms ease; transition: all 200ms ease;margin-top:14px; display:block; float:left;}
.button_nav:hover{background-color:#45bef2; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.button_nav.since{background-color:#fe335f;}
.button_nav.since:hover{background-color:#ff6d8d;}
.nav_main { margin-top: 10px;}
.nav_main ul { margin: 0;}
.nav_main li{float:left; list-style:none;}
.nav_main li a{padding:10px 15px;text-decoration:none; color: #222;box-shadow: inset 0 0 0 0 #009ee2;margin-left:10px;font-size:13px;font-weight:600;line-height:42px;-webkit-transition: all 200ms ease;
    transition: all 200ms ease;}
.nav_main li a.current{color:#45bef2;}
.nav_main li a:hover{box-shadow: inset 0 -40px 0 0 #009ee2;color:#fff;-webkit-transition: all 200ms ease;
    transition: all 200ms ease;}

.lang_div{float:right; margin-top:14.5px;margin-right:15px;margin-left:5px;}
.lang img {width: 20px;opacity: 0.4; margin-left: 5px; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.lang.active img, .lang img:hover{opacity:1; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.lang img:hover{opacity:1; -webkit-transition: all 200ms ease; transition: all 200ms ease;}

.headline {margin-top:20px; margin-bottom:20px;}
/*.headline h1{border-bottom: 3px dotted #ecf0f2;}*/
.headline.no_border h1{border:none;}

.categories{margin-top:30px;}
.category.tile {background: rgba(0, 158, 226, 0.15); width: calc(25% - 22px); margin: 0 10px 20px; padding:40px 0px 0px; float: left; text-align:center; -webkit-transition: all 200ms ease; transition: all 200ms ease; box-shadow: 0 0 0 1px rgba(0, 158, 226, 0.15); position:relative;height:230px;}
.category.tile:hover{background:#009ee2;box-shadow: 0 0 0 1px #009ee2;cursor:pointer;-webkit-transition: all 200ms ease; transition: all 200ms ease;}
.category.tile a{text-decoration:none;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow: hidden;    overflow-wrap: break-word;}
.cat_icon {width: 110px;margin-bottom:10px;}
.tile_name {width: calc(100% - 40px); display: block; background: #fff; padding: 10px 20px; min-height: 88px;position:absolute; bottom:0;}

.product.tile{width:calc(25% - 20px); margin: 0 10px 20px; float:left; opacity:0.8; -webkit-transition: all 200ms ease; transition: all 200ms ease;position:relative;}
.product.tile:hover{opacity:1; box-shadow: 0 10px 10px -7px rgba(17, 17, 17, 0.4);-webkit-transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); transform: translate(0px, -10px); -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.product.tile img{width:100%;}
.product_name{color:#fff; padding: 4px 34px 7px 12px; position:absolute; bottom:0; background: #111; width:calc(100% - 46px);}


.footer_nav{background:#ecf0f2; margin-top:40px; padding: 40px 0 60px;}
.footer_div .logo{width:180px;}
.copyright{background:#222;color:#fff; text-align:center; font-size: 12px; line-height: 20px; letter-spacing: 1px;padding:10px 0;}


.product_detail h2 {border:none;}
h2.data{font-weight:700; font-size:22px; line-height:30px; margin-top:20px; margin-bottom:10px;font-family:'Open Sans';text-transform:initial;}
.two_three.first{width:calc(40% - 5%); float:left;margin-right:5%;margin-top:20px;}
.two_three.first img{width:calc(100% - 10px); margin:0 10px 10px; }
.two_three.first .additional_images a{width:33.3333%; float:left;}
.two_three.second{width:calc(60% - 10px); margin-right:10px; float:left;}
.usage{margin-bottom:10px;}


.downloads .two.first{width:calc(50% - 15px); float:left;margin-right:15px;}
.downloads .two.second{width:calc(50% - 15px); float:left;margin-left:15px;}
.download_link {display: inline-block; width:calc(100% - 100px); color: #009ee2; border-bottom: 1px solid #009ee2; text-decoration: none; padding: 14px 50px 14px 50px;position:relative;}
.download_link:hover{color: #3cc4ff; background:rgba(0, 158, 226, 0.15); -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.products{margin-top:20px;}
.download_link:before{color: #000; font-size:60px; display: block; left: 10px; font-size: 60px; top: -6px; position:absolute;}

.download_list{margin-bottom:40px; display:grid; grid-template-columns: 1fr 1fr; column-gap:20px;}
.doc_wrapper{position:relative; -webkit-column-break-inside: avoid;page-break-inside: avoid;}
.doc_wrapper select{position:absolute; width:auto; right:5px; top:5px; border:none;z-index:99; cursor:pointer;}
.doc_lang.inactive{display:none;}

.lang_select { position: absolute; right: 10px; top: 10px; z-index:99;  background:#fff; width:30px; }
.lang_select .doc_lang_btn{padding:5px; background:rgba(0, 158, 226, 0.15); color:#009ee2; font-size:14px;cursor:pointer;text-align:center;page-break-inside: avoid;}
.lang_select .doc_lang_btn:hover, .lang_select .doc_lang_btn.active{background:rgba(0, 158, 226, 0.45); color:#fff;}
.lang_select .doc_lang_btn.inactive{display:none;}
.lang_select:hover{z-index:999; box-shadow:0px 0px 0px 1px #009ee2;}
.lang_select:hover .doc_lang_btn.inactive{display:block;}

/*.lang_select .doc_lang_btn.active, .lang_select .doc_lang_btn:hover{text-decoration:underline;}*/

.doc_list{position:relative;}
.doc_series_lang_btn{cursor:pointer; color:rgba(0, 158, 226, 0.5);}
.doc_series_lang_btn:hover, .doc_series_lang_btn.active{color:rgba(0, 158, 226, 1);}
.doc_series_lang_btn.de{position:absolute; top:0; right:70px;}
.doc_series_lang_btn.en{position:absolute; top:0; right:0;}
.doc_list_inner.active{display:block;}
.doc_list_inner.inactive{display:none;}

.download_wrapper{display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:40px;}
.cad_wrapper{column-count:2;}
.cad_akkordeon{break-inside:avoid;}
.cad_docs{break-inside:avoid;}
.akk_content_inner.cad {break-inside: avoid;}
.download_link.cad{break-inside:avoid;}

.stroke {border-top: 1px solid #ecf0f2; padding-top: 20px;}
.news-start-grid {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px;}
.news.tile{width:100%; text-decoration:none;}
.news-img {height: 200px; background-size: cover; background-position: 50%; background-repeat: no-repeat;}
.tile_flip{position:relative; background: rgba(0, 158, 226, 0.15); /*width: calc(25% - 80px); padding:40px 30px; float: left; margin: 20px 10px 20px; */  padding: 40px 30px; display:block; height: 140px; text-decoration:none;}
.job .tile_flip{width:calc(33.3333% - 80px); float:left; margin: 20px 10px 20px;}
.tile_flip:hover{background:rgba(0, 158, 226, 0.3);cursor:pointer;transition:0.5s;}
.tile_flip:hover:after{opacity: 1;transform: translateY(0) rotateX(0);}
.tile_flip:hover:before{opacity: 0;transform: translateY(50%) rotateX(90deg);}
.tile_flip:after{position:absolute;content: attr(data-back);transform: translateY(-50%) rotateX(90deg);overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;  hyphens: auto;width:calc(100% - 60px);transition:0.5s;}
.tile_flip:before{position:absolute; content: attr(data-front);transform: translateY(0) rotateX(0);font-size: 22px; line-height: 30px; font-weight: 700;    overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;  hyphens: auto;width:calc(100% - 60px);transition:0.5s;}
.arrow{position:absolute; bottom:30px; display: block; width: calc(100% - 60px);}
.newsarchiv .arrow{bottom:30px;}

.news.tile:hover .tile_flip{background:rgba(0, 158, 226, 0.3);cursor:pointer;transition:0.5s;}
.news.tile:hover .tile_flip:after{opacity: 1;transform: translateY(0) rotateX(0);}
.news.tile:hover .tile_flip:before{opacity: 0;transform: translateY(50%) rotateX(90deg);}

.tile.equipment {width: calc(25% - 20px); margin: 0 10px 20px; float: left; position: relative;}
.equipment_flip { position:absolute; top:0; left:0; right:0; bottom:0;}
.equipment_flip:hover{background-image:initial!important; background:#ddeff9; transition:0.2s;}
.equipment_flip:after{content:attr(data-back); opacity:0; padding:0 20px; display:table-cell; text-align:center; vertical-align:middle;  height:247px; position:relative; top:10px;}
.equipment_flip:hover:after{opacity:1; }

.content_col{width:calc(50% - 20px); margin:0 10px;float:left;}
.content_col img{max-width:100%;}

.akkordeon_container{margin: 0 calc(15% - 10px);}
.akk_content_inner{margin:0 10px;}
.akkordeon_item{position:relative;}
.akkordeon_item.inactive .item_content {display: none;}
.item_headline{color:#009ee2; font-size: 22px; line-height: 30px; font-weight: 700; padding:40px 20px 30px; border-bottom: 2px solid #009ee2;cursor:pointer;-webkit-transition: all 200ms ease; transition: all 200ms ease;position:relative; margin: 0 10px;}
.cad_akkordeon .item_headline{font-size:18px; padding: 15px 20px;}
.item_headline:hover{background-color: rgba(0, 158, 226, 0.15); color: #42c3fb;}
.item_content.twice img{width:100%;}
.item_content.twice {padding: 20px 0;}

.imglink_col {width: 200px; float: left; margin-right: 10px;}
.imglink_col a{position:relative; opacity:0.8;position: relative; opacity: 0.8; height: 300px; width: 100%; background-position: 50% 50%; background-size: cover;  background-repeat: no-repeat; display: block;margin-top:16px;}
.imglink_col a:hover{box-shadow: 0 10px 10px -7px rgba(17, 17, 17, 0.4); opacity: 1; -webkit-transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); transform: translate(0px, -10px); opacity:1;}
.link_title { position: absolute; bottom: 0; width: calc(100% - 20px); background: #111; padding: 10px; font-family: Jura, sans-serif; color: #fff; font-size: 14px; line-height: 20px; font-weight: 700;}
.content_col_small {width: calc(50% - 135px); float: left; margin: 0 10px;}

/*.search_div {position: absolute; width: 100%; height: 100vh; background: rgba(22,22,22,0.5); z-index: 99; }*/

.head_year{font-family: Jura, sans-serif; font-size: 58px; line-height: 60px; font-weight: 500; text-transform: uppercase;margin-top:30px;}
.news_tile_full {padding: 20px 40px 60px; width: calc(100% - 80px;); background: rgba(0, 158, 226, 0.15); display: block; margin-top: 20px; position:relative; text-decoration:none;}
.news_tile_full:hover{background:#009ee2;}

.pause.jobs, .pause.foerderung { position: fixed; width: 230px; right: 40px; bottom: 40px; background: #009ee2; padding: 30px; z-index: 99; color:#fff;}
.foerder_logo { max-width: calc(90% - 10px); margin: 5px 0; border:5px solid #fff;}
.pause_btn { color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; text-align: center; display: inline-block; border: 1px solid #fff; padding: 16px; margin-top: 10px;}
.pause_btn:hover{background:#fff; color:#009ee2;}

.title_img{position:relative; height:400px; background-position: 50% 45%; background-size: cover; background-repeat: no-repeat;}
.title_img_content{position:absolute; left:60px; bottom:60px; color:#fff; max-width:585px;}
.title_img_content p{color:#fff;}

.section.slogan{padding:100px 0 80px;}
.slogan_col{font-family: Jura, sans-serif; font-size: 58px;  line-height: 60px; font-weight: 500; text-transform: uppercase; width:calc(55% - 200px); padding:10px 100px 0; float:left;}
.slogan .content_col{width:calc(45% - 20px);}
.slogan .content_col p {font-size: 16px;line-height: 24px;font-weight: 400;}

.img_fullwidth{max-width:100%;}

label{display: block; margin-bottom: 5px; font-weight: bold;}
.form-group, .checkbox{margin-bottom:30px;}
/*#yform-form_anfrage-prename, #yform-form_anfrage-mail,#yform-form_anfrage-phone {width: calc(50% - 15px); float: left;margin-right:15px;}
#yform-form_anfrage-name, #yform-form_anfrage-firm{width: calc(50% - 15px); float: left;margin-left:15px;}
#yform-form_anfrage-street{width: calc(30% - 15px); float:left; margin-right:15px;}
#yform-form_anfrage-street_nr, #yform-form_anfrage-plz{width: calc(20% - 30px); float:left; margin-right:15px; margin-left:15px;}
#yform-form_anfrage-location{width: calc(30% - 15px); float: left; margin-left:15px;}
#yform-form_anfrage-ansprechpartner{width:calc(50% - 15px);}*/
select {width: 100%; padding: 8px 12px; background: rgba(0, 158, 226, 0.15);}
#yform-form_anfrage-message{width:100%;}
input {width: calc(100% - 28px); padding: 8px 12px; position: relative;}
textarea {height:60px; width: calc(100% - 26px); padding: 8px 12px;}
input[type=checkbox] {width: auto;}
form a{color: #009ee2;}
form a:hover{color: #3cc4ff;}
#yform-form_anfrage-datasecure label{font-weight:400;}
.hint {margin-top: 30px; font-style: italic; margin-bottom:30px;}

.ansprechpartner .item_content, .partner .item_content {padding: 10px 0;}
.contact_tile {margin: 10px; width: calc(33.3333% - 80px); float: left; background: rgba(0, 158, 226, 0.15); padding: 30px 30px 50px;}
.contact_tile{min-height:185px;}
.contact_tile.partner{min-height:195px;}
.contact_tile h4{margin-bottom:30px;}
.contact_tile a{color:#009ee2;}
.contact_tile a:hover{color:#3cc4ff;}
.pre { display: inline-block; margin-right: 15px; width: 15px; float: left;}

.prospect .item_content{padding:20px 0;}
#yform-form_prospekt-p_firm, #yform-form_prospekt-p_mail{width:calc(50% - 15px);margin-right:10px; float:left;}
#yform-form_prospekt-p_name, #yform-form_prospekt-p_phone{width:calc(50% - 15px);margin-left:10px; float:left;}
#yform-form_prospekt-p_street{width:calc(35% - 15px);margin-right:10px; float:left;}
#yform-form_prospekt-p_street_number{width:calc(15% - 20px);margin-left:10px; float:left; margin-right:10px;}
#yform-form_prospekt-p_plz{width:calc(15% - 20px);margin-right:10px; float:left;margin-left:10px;}
#yform-form_prospekt-p_location{width:calc(35% - 15px);margin-left:10px; float:left;}

.map{background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; position: relative; height: 600px;}
.map_link {align-items: center; background-color: rgba(0, 158, 226, 0.6); opacity: 0; color: #fff; text-decoration: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center; -webkit-align-items: center; font-family: Jura, sans-serif; font-size: 40px; line-height: 44px; font-weight: 400; text-transform: uppercase;}
.map_link:hover{opacity:1;}

#toggle_button{display:none;}

#search_form {width: calc(100% - 200px);display: block; padding: 100px; max-width: 1200px; margin: 30vh auto 0;}
.section_search {position:fixed; top:0; left: 0; right:0; bottom:0; background:rgba(0, 158, 226, 0.8); z-index:99999;}
.section_search.inactive{display:none; transition:0.5s;}

.search_form fieldset{margin:0; padding:0;width:100%;border:none;box-shadow: 0px 0px 20px #5a5a5a;}
.search_form input[type="text"]{width: calc(100% - 20px); padding: 10px; font-size:16px; border:none;}
.search_form .search_button{width:100%;  margin-top:0; padding: 10px 0; font-size:16px;border:none; background:#009ee2; color:#fff;text-transform:uppercase;}
.search_form .search_button:hover{background-color: #45bef2; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.abbrechen {text-align: center; margin-top: 20px; color: #fff; text-decoration: underline; cursor:pointer; opacity:0.85; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
.abbrechen:hover{opacity:1; -webkit-transition: all 200ms ease; transition: all 200ms ease;}

.highlight{color:#009ee2;}
.hightlight{color:#009ee2; font-style:italic;}
.request{margin-bottom:20px;}
.result{margin-bottom:15px;}
.result a{color:#009ee2;}
.teaser{margin:0;}

.footer_col.col_1{ width: 220px; float: left;min-height:100px;}
.footer_col.col_2, .footer_col.col_3{ width: calc(23% - 55px); float: left;min-height:100px;}
.footer_col.col_4{ width: calc(17% - 55px); float: left;min-height:100px;}
.footer_col.col_5{ width: calc(37% - 55px); float: left;min-height:100px;}
.footer_col p{margin:0; font-size:12px; line-height:20px;}
.footer_col a{font-size:12px; line-height:20px; color:#009ee2;}
.footer_col .foerderlogo {margin-right: 5px; margin-bottom: 10px; border: 3px solid #fff; height: 44px;}
.footmenu_link { display: block;}
.social-media-wrapper{display:block; clear:both; width:100%; text-align: center; padding: 60px 0 0;}
.sm-link{margin: 0 10px; text-decoration:none;}

.contact_inner {background: rgba(0, 158, 226, 0.15); padding: 30px;}
.contact_inner h2{border-bottom:none;  margin:0; padding:0;}

.galerie_grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; vertical-align:center; margin-top:20px; margin-bottom:20px;}
.galerie_link{height:300px; background-position:50% 50%; background-size: cover; background-repeat: no-repeat;}

.grid_twice{grid-template-columns:1fr 1fr; display:grid; gap: 40px;}
.grid_twice .content_img{max-width:100%;}

.full_hm_image .content_img{width:100%;}

.anfrage_wrap.inactive{display:none;}
.anfrage_wrap{position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0, 158, 226, 0.8); z-index: 999999; display:grid; align-items:center;}
.anfrage_inner{margin:0 15%; background:#fff; padding:20px;}
.anfrage_wrapper{position:relative; height: calc(100vh - 120px); overflow-y: auto; overflow-x: clip;}
.form_grid{display:grid; grid-template-columns:1fr 1fr; column-gap: 40px;}
.form_grid_street {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 40px;}
#yform-anfrage_form-a_street, #yform-anfrage_form-a_location { grid-column: span 2;}


.stoerer_wrapper{position:fixed; right:40px; bottom:40px;  z-index:99; max-height:calc(100vh - 120px); overflow:auto;}
.stoerer_inner{width:230px; padding:30px; margin-top:30px; position:relative;}
.stoerer_inner.blau{background-color:#009ee2; color:#fff;}
.stoerer_inner.dark{background-color:#222222; color:#fff;}
.stoerer_inner.lightblue{background-color:#d9f0fb;}
.stoerer_inner.lightgrey{background-color:#ecf0f2;}
.stoerer_inner.blau .button, .stoerer_inner.dark .button{background:transparent; border: 1px solid #fff;}

#bewerbungs_formular{margin-bottom:30px;}

.step_hint_wrapper{text-align: center; display:grid; grid-template-columns:1fr 1fr 1fr; color: #009ee2; text-transform:uppercase; letter-spacing:0.5px; margin-top:30px; gap:10px; }
.step_hint{font-weight:600;}
.step_hint.inactive{opacity:0.4;}

.step.inactive{display:none;}
.step.active{display:block;}

.step_headline {margin: 40px 0 10px; text-transform: uppercase; font-weight: 600; font-size: 18px; letter-spacing: 0.5px;}
#hint_wrap {padding:20px; text-transform: uppercase; color: #009ee2; font-size: 18px; letter-spacing: 0.5px;}
#bewerbungs_formular .control-label{font-weight:400;}
.forminner_wrap{padding:20px;}
.wrap_grid {display: grid; grid-template-columns: 1fr 1fr; gap:0 40px; align-items:center;}
.address_wrap_street{display:grid; grid-template-columns: 2fr 1fr; gap: 0 40px;}
.address_wrap_city{display:grid; grid-template-columns: 1fr 2fr; gap: 0 40px;}

.info_wrap{display:inline-block; position:relative;}
.info_text{font-weight:400; display:inline-block;}
.info_inner{display:none; transition: all 0.5s ease;}
.info_icon{display:inline-block; margin-left:10px; cursor:pointer;}
.info_icon:before{content:'i'; background: #009ee2; padding: 2px 10px; border-radius:15px; color:#fff; height:10px; width: 10px; text-align:center;}


.checkbox label{font-weight:400;}

#bewerbungs_formular .form-group{margin-bottom:10px;}
#bewerbungs_formular .checkbox{margin-bottom:0px;}
#bewerbungs_formular .step_2 .checkbox{margin-bottom:10px;}

.next_btn.invisible{display:none!important;}

.warning .control-label{color:red;}

.btn-primary{display:none!important;}
#anfrage_form .btn-primary{display:block!important;}
.checkbox.warning {color: red;}

@media(min-width:768px){
	.info_icon:hover + .info_inner{display:block; transition: all 0.5s ease; position:absolute; background:rgba(255, 255, 255, 0.9); padding:10px; border-radius:5px; width:100%; margin-top:10px; box-shadow: inset 0 0 2px #009ee2;}	
}

input[type=file] { padding: 20px; background: #fff; border:1px solid #222222; width: calc(100% - 42px);}

button {background: #009ee2; color: #fff; text-decoration: none; padding: 18px 30px; margin-right: 10px; text-transform: uppercase; margin-top: 10px;  -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 200ms ease; transition: all 200ms ease; font-weight: 400; letter-spacing: 1px;display:inline-block; border:none;}
button:hover{background-color: #45bef2; -webkit-transform: translate(5px, 0px); -ms-transform: translate(5px, 0px); transform: translate(5px, 0px); color: #fff;}

textarea::placeholder, input::placeholder {color: rgba(0, 158, 226, 0.5);  }

#kontakt .btn-primary, #form_prospekt .btn-primary {
    display: block!important;
}

.bewerbung_container{margin:0 10px;}
.akkordeon_item.online_bewerbung { margin-bottom: 20px;}

.section.video {display:block; margin-bottom:20px; position: relative}

.job-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap: 30px; padding:10px;}
.job.tile{text-decoration:none;}
.job .tile_flip{width:initial; float: initial; margin:initial; padding: 20px 10px 60px 10px; }
.job-img{height:200px; background-size: cover; background-position: 50%; background-repeat: no-repeat;}
.job.tile:hover .tile_flip{background: rgba(0, 158, 226, 0.3); cursor: pointer; transition: 0.5s;}
.job.tile:hover .tile_flip:after{opacity: 1;transform: translateY(0) rotateX(0);}
.job.tile:hover .tile_flip:before{opacity: 0;transform: translateY(50%) rotateX(90deg);}

@font-face{font-family:'icomoon';src:url('/assets/resources/fonts/iconfont/icomoon.eot?-qk6xo1');src:url('/assets/resources/fonts/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;}

.link_title:after,
.product_name:after,
.arrow:after,
.item_headline:after,
.download_link.doc:before,
.download_link.cad:before,
.button_nav.search:before,
.news_tile_full:after,
.close_jobs:before,
.close_foerder:before,
.close_search:before,
#toggle_button:after,
.anfrage_close:before,
.stoerer_close:before,
.facebook-link:before,
.instagram-link:before,
.linkedin-link:before,
.xing-link:before,
.youtube-link:before,
.section.video:after {font-family: icomoon;speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;}

.link_title:after {content: '\e900'; right: 10px; position: absolute; top:14px;}
.product_name:after {content: '\e900'; right: 10px; position: absolute; bottom:9px;}
.product_name.no_link:after{content:initial;}
.arrow:after {content: '\e900'; position: absolute; right: 0; margin-top:5px;}
.item_headline:after{content:'\e901'; position:absolute; right:20px;}
.download_link.doc:before { content: '\e90a';}
.download_link.cad:before { content: '\e909';}
.button_nav.search:before { content:'\e90b';}
.news_tile_full:after{content:'\e900'; position:absolute; bottom:20px; left:40px;}
.close_jobs:before { content: '\e908'; color: #fff; position: absolute; right: 15px; top: 15px; font-size:30px; cursor:pointer;}
.close_foerder:before { content: '\e908'; color: #fff; position: absolute; right: 15px; top: 40px; font-size:30px; cursor:pointer;}
.close_search:before { content: '\e908'; color: #fff; position: absolute; right: 15px; top: 40px; font-size:30px; cursor:pointer;}
.anfrage_close:before { content: '\e908'; color: #000; position: absolute; right: 15px; top: 0px; font-size:30px; cursor:pointer;}
#toggle_button:after{content: '\e905';}
.stoerer_close:before { content: '\e908'; color: #fff; position: absolute; right: 15px; top: 15px; font-size:30px; cursor:pointer;}
.facebook-link:before{content:'\f082'; color: rgba(34, 34, 34, 0.8); font-size:30px; text-align:center;}
.instagram-link:before{content:'\f16d'; color: rgba(34, 34, 34, 0.8); font-size:30px; text-align:center;}
.linkedin-link:before{content:'\f08c'; color: rgba(34, 34, 34, 0.8); font-size:30px; text-align:center;}
.xing-link:before{content:'\f169'; color: rgba(34, 34, 34, 0.8); font-size:30px; text-align:center;}
.youtube-link:before{content:'\f167'; color: rgba(34, 34, 34, 0.8); font-size:30px; text-align:center;}
.lightblue .stoerer_close:before, .lightgrey .stoerer_close:before{color:#222;}
.section.video:after{content:'\e907'; color: #fff; background: #009ee2; padding:10px; font-size:70px; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px);}


@media all and (max-width: 1800px){
	.tile_flip{height:200px;}
}

@media all and (max-width: 1600px){
	
	.category.tile{height:210px;}
	
	.footer_div .logo { width: 180px; margin-right:60px;}
	.footer_col.col_2, .footer_col.col_3{ width: calc(33.3333% - 100px);}
	.footer_col.col_4{ width: calc(33.33333% - 100px);}
	.footer_col.col_5{ width: 100%; float: none;}
	
}

@media (max-width:1400px){
	
	.container {margin:0 60px;}
	.alert-danger {margin:0 60px;}
	.container_rimless{margin:0 50px;}
	.akkordeon_container{margin:0 50px;}
	.category.tile{height:240px;}
	
	
	.footer_div .logo { width: 180px;}
	.footer_col.col_2, .footer_col.col_3{ width: calc(33.3333% - 80px); float: left;}
	.footer_col.col_4{ width: calc(33.33333% - 80px); float: left;}
	.footer_col.col_5{ width: 100%; float: none;}
	
}
@media (max-width:1200px){
	/*.tile_flip{width:calc(50% - 80px);}*/
	.news-start-grid{grid-template-columns:1fr 1fr;}
	.tile_flip{height:140px;}
	/*.job .tile_flip{width:calc(50% - 80px);}*/
	
	.category.tile{width: calc(33.33333% - 22px);}
	.product.tile{width: calc(33.33333% - 20px);}
	
	.content_col_small{width:calc(100% - 230px);}
	
	

}
@media (max-width:1023px){

	.category.tile{width: calc(50% - 22px);}
	.product.tile{width: calc(50% - 20px);}
	
	#hauptmenu{display:none; position: absolute; width: 100%; left: 0; background:#fff; top: 75px; padding: 20px 0;}
	/*.navigation{display: inline-block; top: 15px; right:0; position:relative;    width: calc(100% - 220px);}*/
	.nav_aside {position: relative;right:40px;}
	.nav_main li {float: none;}
	/*.navigation{position:relative;}*/
	#toggle_button{display: inline-block; padding: 10px 14px; background: #009ee2; color:#fff; position:absolute; top:15px; right:60px;}
	#toggle_button.active{background:#58cdff;}
	.button_nav{margin-top:25px;}
	.lang_div{margin-top:25.5px;}
	
	#yform-form_prospekt-p_firm, #yform-form_prospekt-p_mail{width:calc(50% - 10px);margin-right:10px; float:left;}
	#yform-form_prospekt-p_name, #yform-form_prospekt-p_phone{width:calc(50% - 10px);margin-left:10px; float:left;}
	#yform-form_prospekt-p_street{width:calc(75% - 10px);margin-right:10px; float:left;}
	#yform-form_prospekt-p_street_number{width:calc(25% - 10px);margin-left:10px; float:left;margin-right:0;}
	#yform-form_prospekt-p_plz{width:calc(25% - 10px);margin-right:10px; float:left;margin-left:0;}
	#yform-form_prospekt-p_location{width:calc(75% - 10px);margin-left:10px; float:left;}
	
	.slogan_col{padding:10px 20px 0; width:calc(50% - 40px);font-size: 48px; line-height: 50px;}
	.slogan .content_col{width:calc(50% - 20px);}
	
	
	.tile_flip{/*width:calc(100% - 80px); */height:auto; /*padding: 40px 30px 80px; */}
	/*.job .tile_flip{width:calc(50% - 80px); padding: 40px 30px 80px;}*/
	
	.tile_flip:hover:after{opacity: 1;transform: none;}
	.tile_flip:hover:before{opacity: 1;transform: none;}
	.tile_flip:after{position:relative;content: attr(data-back);transform: none;overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;  hyphens: auto;width:calc(100% - 60px);transition:0.5s; top:10px; text:none;}
	.tile_flip:before{position:relative; display:block; content: attr(data-front);transform: none;font-size: 22px; line-height: 30px; font-weight: 700;    overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;  hyphens: auto;width:calc(100% - 60px);transition:0.5s;}
	
	.imglink_col { width: 100%; float: none; margin-right: 0;}
	.imglink_col a{height:200px;}
	.content_col_small{width:100%; margin:0; float:none;}
	.akkordeon_item .content_col{width:calc(100% - 20px); margin:0; float:none;}
	
	.contact_tile{width:calc(50% - 80px);}
	
	.footer_col.col_1{float:none;}
	.footer_col.col_2, .footer_col.col_3{ width: calc(33.3333% ); }
	.footer_col.col_4{ width: calc(33.33333%); }
	
	.download_wrapper{grid-template-columns:1fr;}
	.cad_wrapper{column-count:1;}
	
	.download_list{grid-template-columns:1fr;}
	
	.grid_twice{grid-template-columns:1fr;}
	.grid_twice .hm_image{grid-row-start:1;}
	.grid_twice .hm_content{grid-row-start:2;}
	.job-grid{grid-template-columns:repeat(2, 1fr);}
	.job .tile_flip{padding:20px 10px 80px 10px;}

}

@media (max-width:768px){
	.job .tile_flip{width:calc(100% - 80px);}
	.news-start-grid{grid-template-columns:1fr;}
	.container {margin:0 20px;}
	.alert-danger {margin:0 20px;}
	#toggle_button{right:20px;}
	.container_rimless{margin: 0 20px;}
	.akkordeon_container{margin: 0 20px;}

	.category.tile{width: 100%; margin: 10px 0; height: 210px;}
	.tile_name{min-height:68px;}
	.product.tile{width: 100%; margin: 10px 0; }
	
	.title_img_content{width:calc(100% - 40px); max-width:calc(100% - 40px); left:20px;}
	
	.slogan_col{width:100%; padding:0; float:none;}
	.slogan .content_col{width:100%; margin:20px 0;}
	
	.two_three.first{width:60%; margin:10px 0; float:none;}
	.two_three.second{width:100%; margin: 10px 0; float:none;}
	.downloads .two.first { width: 100%; float: none;  margin-right: 0;}
	.downloads .two.second { width: 100%; float: none;  margin-left: 0;}
	
	.content_col{margin: 0; width:100%; float:none;}
	
	.item_headline{margin:0;}
	
	.pause.jobs, .pause.foerderung{right:10px; bottom:10px; background:rgba(0, 158, 226, 0.9); padding: 15px;}
	
	#yform-form_anfrage-prename, #yform-form_anfrage-mail { width: 100%; float: none; margin-right: 0px;}
	#yform-form_anfrage-name, #yform-form_anfrage-phone{ width: 100%; float: none; margin-left: 0px;}
	#yform-form_anfrage-ansprechpartner{width:100%;}
	
	.contact_tile{width:calc(100% - 60px);margin: 10px 0;}
	
	.footer_col.col_2, .footer_col.col_3{ width: 100%; float:none; }
	.footer_col.col_4{ width: 100%; float:none; }
	
	.wrap_grid{grid-template-columns:1fr;}
	.info_inner{display:none; position: initial; width:calc(100% - 20px);}
	
	.stoerer_wrapper{right:20px; bottom:20px; max-height: calc(100vh - 135px);}
	.stoerer_wrapper .stoerer_inner{padding:20px; margin-top:10px; width:200px;}
	.stoerer_wrapper .stoerer_inner img{width:100%;}
	.stoerer_wrapper .stoerer_inner .stoerer_close:before{top:5px; right:5px;}
	
	.job-grid{grid-template-columns: repeat(1, 1fr);}
	.job .tile_flip{width:initial; float: initial; margin:initial; padding: 20px 10px 80px 10px;}
}

@media (max-width:640px){
	.nav_div { height: 110px;}
	.navigation{position:initial;}
	.nav_aside {position: absolute; top: 60px;right: 0;}
	#toggle_button{right:15px;}
	#hauptmenu{top:110px;}
	
	.two_three.first{width:100%;}
	
	
	
}
@media (max-width:519px){
	
	h1{font-size: 32px; line-height: 32px; word-break: break-word; hyphens: auto;}
	h2{font-size: 32px; line-height: 32px; word-break: break-word; hyphens: auto;}
	
	.nav_aside {right: 20px;}
	.button_nav{margin-top:12px;}
	.lang_div{margin-top:12.5px; margin-left:10px; margin-right:0;}
	
	.slogan_col{font-size: 35px; line-height: 37px;}
	
	.title_img_content{bottom:30px}
	
	.contact_inner{padding:10px;}
	.step_hint_wrapper{display:block;}
	.address_wrap_street, .address_wrap_city{display:block;}
}

@media (max-width: 420px){
	.nav_div .logo {width:160px; margin-top:10px;}
	.item_headline{font-size: 18px; line-height:26px; padding: 36px 20px 26px;}
}

@media (max-width:370px){
	
	#hauptmenu{top:140px;}
	/*.nav_div { height: 140px;}*/
	
	/*.content_div{padding-top:155px;}*/
	

	
	.title_img_content{bottom:20px;}
	
	
}