.link_blau:hover{
    color: #11c1ff !important;
}

.fx_footer_bottom{
	font-family: Open Sans;
	font-size: 14px !important;
	color: #9D9D9C
	font-weight: 500 !important;
}

#mapBox{
	height: 660px;        
}

/*footerBox = MapBox*/
#footerBox{
	height: 1185px;
}

#footer_top{
	width: 100%;
	position: absolute;
	z-index: 10;
}

/*fx_uponMap = footer_top*/
#fx_uponMap{
	width: 100%;
	position: absolute;
	z-index: 10;
}

/*fx_map = myMap*/
#fx_map{
	position: absolute;
	z-index: 5;
       width: 100%;
}

#myMap{
	position: absolute;
	z-index: 5;
    width: 100%;
}

/*fx_downMap = footer_bottom*/
#footer_bottom{
	width: 100%;
	position: absolute;
	z-index: 7;
       margin-top: 546px;
}

#fx_downMap{
	width: 100%;
	position: absolute;
	z-index: 7;
       margin-top: 546px;
}


#footer-three-cols{
    width: 100%;
    position: absolute;
    z-index: 12;
   margin-top: 657px;

   height: 527px;
}

#fx_footerbottom{
	position:absolute;
	margin-top: 1180px;
	z-index: 200;
}

#mapBoxDemo{
       height: 1230px;
}
/*Something else to look at ---*/
#normalFooter{
	height: 114px;
      
}

#normalFooterBottom{
    margin-top: 0px;
    	width: 100%;
	position: absolute;
	z-index: 7;
}

#menu-hauptmenu li a{
    letter-spacing: 0.5px !important;
}

/*Following two styles are atributed to the History Slider in Firma/Vorstellung*/
#geschichtslider .flex-direction-nav li a{
    background-color: rgba(255,255,255, 0.25) !important;
}

#geschichtslider .flex-direction-nav li a:hover{
    background-color: #206292 !important;
}

.vorstellung_balmer_tabletHoch_txt{
	margin-left: 33% !important;
}

.vorstellung_balmer_tabletHoch_bild{
	position: absolute !important;
	bottom: 0 !important;
}

.enterpriseEquipe_leadTitel_1{
	text-align: left;
	font-family: montserrat;
	line-height:55px !important;
}


.leadTxt_titel_blauSchwarz{
    font-size: 72px !important;
    color: black !important;
    font-weight: bold !important;
    font-family: montserrat !important;
    text-align: left !important;
}

.q_logo .mobile{
    height: 45px !important;
	margin-top: 20px !important;  
}

.leadText_Text{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
}

/*Afftect the little dots underneath the Testimonial Slider. They usually serve as a Navigation element. They can be enabled again HERE*/
.testimonials_holder.left_align .flex-control-paging{
    display: none;
}

.testimonial_text{
    color: #ffffff !important;
	font-weight: 400 !important;
}

/*Regulates the Height of the Banners present in the theme*/
#fx_banner_referenzen, #fx_transport_banner_flotte, #fx_banner_firma_galerie, #fx_banner_team, #fx_banner_vorstellung{
      height: 595px;
}

.slide_buttons_holder .qbutton{
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.slide_buttons_holder .qbutton:hover{
    background-color: #11c1ff !important;
}
/*Gives the Logo the desired Height for Desktop Version. If deactivated it gets the default height from the Pitch Theme*/

.q_logo a{
  height: 70px !important;
}


@media screen and (min-width: 740px) and (max-width: 1024px) {
	.q_logo a{
		height: 40px !important;
	}
}

/* 
Media Queries: Following Queries affect the Smartphone in normal View and Landscape View
For more information about screen Sizes, here a helpful Resource: http://stephen.io/mediaqueries/
*/
@media screen and (min-width: 0px) and (max-width: 740px) {/*768px*/

    .mobile-hide{
        display: none;
    }
   #myMap{
       display: none;
    }

    #mapBox{
        height: 100px;
}

   #footer_bottom{
        margin-top: 0px;
    }

}

@media screen and (min-width: 0px) and (max-width: 768px) {/*768px*/
    .tablethigh-hide{
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 1025) {

    .tablet-hide{
        display: none !important;
    }
	
	.q_logo a{
		height: 80% !important;
	}
}


/* Media Queries: Everything written in this Media-Query only affects the Desktop Version
^^^^^^^^^^^^^^^^^*/
@media screen and (min-width: 740px){
	.desktop-hide{
		display: none;
	}
}

@media screen and (min-width: 768px){
	.desktop1024-hide{
		display: none;
	}
}



/* Media Queries: Everything written in this Media-Query only affects under 1024px Width
^^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 1024px){
	.banner-hide{
		display: none !important;
	}
}

/*Media Queries fuer Sprachen Switcher
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
@media screen and (min-width:960px){
  .longmnu {
    display :none;
  }
  .shortmnu {
    display :block;
    padding : 0 10px 0 10px;
  }
}

/*Media Queries: Affect only Landscape View of the smartphones
^^^^^^^^^^^^^^^^*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
    .mobile-rotated-hide{
        display: none
    }
	
	.balmer-rotated-bg{
		background-image: none !important;
		background-color: #EDF0F5 !important;
                padding: 5% !important;
	}
        .balmer-rotated-bg p{
                line-height: 35px !important;
        }
}


/*Media Queries: Affects Tablet Landscape (1024px width) and below where COL 2 AND COL 3 of the footer will disappear
^^^^^^^^^^^^^^^^*/
@media screen and (max-width: 1024px){
	.three_columns>.column1 {
		width: 99% !important;
	}
	
	.three_columns>.column2{
		display: none !important;
	}
	
	.three_columns>.column3 {
		display: none !important;
	}
	
	.footer_bottom_holder .column1 .column_inner{
		padding-right: 0px;
	}
}

@media screen and (max-width: 764px){
	.three_columns>.column1 {
		width: 99% !important;
		text-align: left !important;
		
	}
	
	.footer_bottom_holder .textwidget{
		text-align: left !important;
		padding-left: 25px;
	}	
	
}
	
/* Media Queries für Navigation*/

@media screen and (min-width: 985px) and (max-width: 1230px) {
	nav.main_menu.right{
		margin-right: 0px !important;
	}
	.header_bottom.header_full_width{
		padding-right: 0px !important;
	}
	
	nav.main_menu > ul > li > a span.item_inner{
		padding: 0  12px !important;
	}
	
	.q_logo a{
		height: 40px !important;
	}
}


	
	
/* The following CSS was written by the Select-Team (Creators of the Pitch Theme). Tickets can be found through Brotbeck (BCD) Envato Account
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.page-id-54668 .projects_holder article .icons_holder{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-id-54668 .projects_holder article .icons_holder a{
	display: table !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
}
.page-id-54668 .projects_holder article .icons_holder a:before{
	 display: table-cell;
    vertical-align: middle;
}
.page-id-54668 .projects_holder article .icons_holder a.preview:before, 
.page-id-54668 .projects_masonry_holder article .icons_holder a.preview:before, 
.page-id-54668 .portfolio_slides .icons_holder a.preview:before {
    content: "\f178";
    font-size: 42px;
}

.page-id-54668 .qode_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item, 
.page-id-54668 .caroufredsel-direction-nav a {
    background-color: #f5245f;
    color: #fff;
}

.page-id-54668 .qode_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item:hover, 
.page-id-54668 .caroufredsel-direction-nav a:hover {
    background-color: #16171D;
    color: #fff;
}

.page-id-54668 .full_width .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev {
    left: 15px;
}

.page-id-54668 .full_width .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {
    right: 15px;
}

#nav-menu-item-56339 .second ul li {
    border-left: 0;
}

#nav-menu-item-56339 .second .inner ul li a {
    margin: 0;
}

#nav-menu-item-56339 .second .inner .widget {
     padding: 10px 9px 0;
}

#nav-menu-item-56339 .second .inner ul li a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

#nav-menu-item-56339 .second .inner ul li a img {
    display: inline-block;
    vertical-align:middle;
    position: relative;
}

#nav-menu-item-56339 .second .inner ul li a:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(22,23,29,0.8);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 3;
}

#nav-menu-item-56339 .second .inner ul li a:hover:before {
    opacity: 1;
}

#nav-menu-item-56339 .second .inner ul li a:after {
    content: "\f178";
    font-size: 42px;
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    left: 0;
    right:0;
    color: #fff; 
    opacity: 0;
    -webkit-transform: scale(1.2) translateY(20px);
    -ms-transform: scale(1.2) translateY(20px);
    transform: scale(1.2) translateY(20px);
    transition: background-color 0.2s ease-out, transform 0.3s ease-out, opacity 0.3s ease-out;
    -webkit-transition: background-color 0.2s ease-out, -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
    backface-visibility: hidden;
    z-index: 4;
}

#nav-menu-item-56339 .second .inner ul li a:hover:after {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    backface-visibility: hidden;
}

.qode_clients .qode_client_image_holder.grayscale a img{
      filter: grayscale(100%)!important;opacity: 0.8;
}
.qode_clients .qode_client_image_holder.grayscale a img:hover{
      filter: grayscale(0%)!important;
}

div.section.vorstellung {
    background-position: top;
}
.single-post .blog_holder:not(.blog_split_column) article:not(.format-audio) .post_image{
display: none;
}
.blog_holder.blog_standard_type article .post_info .date{
color: #11c1ff;
}

.carousel-indicators {
    display: none !important;
}

.boxes_image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  position: absolute;
}

.boxes .latest_post_text .latest_post_title > * {
    text-transform: none;
}

ul, ol {
    list-style-position: outside;
    margin-left: 1rem;
}

.latest_post_holder .post_info_section > div::before {
    display: none;
}

div.latest_post_categories {
    color: white !important;
}

.boxes .latest_post_text .post_info_section a {
    pointer-events: none;
    cursor: default;
    margin-left: -1rem;
}

video.video {
     width: 100% !important;
}