/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/*** Fonts ***/
/* --- Liberation Sans --- */
@font-face {
    font-family: 'liberation_sansbold';
    src: url('fonts/LiberationSans-Bold-webfont.eot');
    src: url('fonts/LiberationSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Bold-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/LiberationSans-Bold-webfont.svg#liberation_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_sansbold_italic';
    src: url('fonts/LiberationSans-BoldItalic-webfont.eot');
    src: url('fonts/LiberationSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/LiberationSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/LiberationSans-BoldItalic-webfont.svg#liberation_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_sansitalic';
    src: url('fonts/LiberationSans-Italic-webfont.eot');
    src: url('fonts/LiberationSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Italic-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/LiberationSans-Italic-webfont.svg#liberation_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_sansregular';
    src: url('fonts/LiberationSans-Regular-webfont.eot');
    src: url('fonts/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LiberationSans-Regular-webfont.woff') format('woff'),
         url('fonts/LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/LiberationSans-Regular-webfont.svg#liberation_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Anpassungen Theme-Font */
body, a, p {
font-family: 'liberation_sansregular', sans-serif !important;
}

@media only screen and (max-width:480px) {
  h1 {
    font-size:22px !important;
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   background-position:left 2px;
  }
}


h2 {
  font-family: 'liberation_sansbold', sans-serif !important;
  font-weight:normal;
}
h2 a {
    font-family: inherit !important;
}

#spctr-video-row h2 {
  margin-bottom: 25px;
  margin-top:2px;
  font-size:16px;
}


/**** Boxen in Video-Row auf Startseite, mittels Flex-Boxen ****/
#spctr-video-row {
  background-size:cover;
}
#spctr-video-row .section_inner_margin {
  box-sizing:border-box;
  display: -webkit-flex;
	display: flex;
  margin:20px 0 20px 0;
  display:-ms-flexbox;
}

#spctr-video-row .vc_col-sm-4 {
  box-sizing:border-box;
  -webkit-flex: 1 1 0;
  flex:1 1 0;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 30%;
  margin: 0 10px 0 10px; 
}
#spctr-video-row .vc_col-sm-4:first-child {
  margin-left:0px;
}
#spctr-video-row .vc_col-sm-4:last-child {
  margin-right:0px;
}


#spctr-video-row  .vc_column_container > .vc_column-inner {
  box-sizing:border-box;
  height:100%;
  padding-bottom:10px;
}

#spctr-video-row  .vc_column_container > .vc_column-inner > .wpb_wrapper {
  box-sizing:border-box;
  height:100%;
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  display: -ms-flexbox; 
  -ms-flex-direction: column;
  -ms-flex-pack: justify;
}
#spctr-video-row .box-img {
  overflow:hidden;
}

@media only screen and (min-width:0px) and (max-width:767px) {
  #spctr-video-row .section_inner_margin {
    box-sizing:border-box;
    display:block;
  }

  #spctr-video-row .vc_col-sm-4 {
  box-sizing:border-box;
  min-width: 30%;
  margin: 10px 0 10px 0;
  }

}

@media only screen and (width:768px) {
  .section_inner {
    width:700px !important;
  }
  #spctr-video-row .section_inner {
    width:730px !important;
  }
}
@media only screen and (min-width:768px) and (max-width:1000px) {
  #spctr-video-row .wpb_single_image.box-img {
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
  #spctr-video-row .video-row-single-box > .vc_column-inner {
    padding-left:15px !important;
    padding-right:15px !important;
    height:610px; /* wegen Chrome! Chrome passt die Box in der Höhe nicht an die umgebende Box an. */ 
  }
  
}

@media only screen and (min-width:1001px) and (max-width:1199px) {
  #spctr-video-row .video-row-single-box > .vc_column-inner {
    height:650px; /* wegen Chrome! Chrome passt die Box in der Höhe nicht an die umgebende Box an. */ 
  }  
}
@media only screen and (min-width:1200px) {
  #spctr-video-row .video-row-single-box > .vc_column-inner {
    height:682px; /* wegen Chrome! Chrome passt die Box in der Höhe nicht an die umgebende Box an. */ 
  }  
}


/***** Anpassungen für Ubermenu *****/
/*** die responsive Menüsteuerung vom Bridge-Theme ausschalten ***/
nav.mobile_menu, .mobile_menu_button, header .header_inner_right {
  display:none !important;
}
/*** Die Höhe der Logo-Box und damit auch die Größe des Logos anpassen ***/ 
header .container_inner .header_inner_left .q_logo a {
  height:40px !important;
}
header .container_inner .header_inner_left .q_logo {
  top:34%;
}
header.sticky .container_inner .header_inner_left .q_logo {
  top:70%;
}


/*** ---------------Anpassen des Ubermenu an das CI und das Layout von SPECTAIR -------------------***/
/* soweit möglich sind die Anpassungen in den Einstellungen vom Ubermenu im Backend vorgenommen worden.*/
/* Hier erfolgen Anpassungen, die dort nicht eingestellt werden können.*/

/*Allgemeine Menüanpassungen unabhängig von der Breite des Viewports*/

nav.my_main_menu {
  padding:25px 0 25px 0;
  font-family: 'liberation_sansbold', sans-serif !important;
}    
.ubermenu .ubermenu-target-text {
  font-family: 'liberation_sansbold', sans-serif !important;
}
header.sticky nav.my_main_menu {
  padding:10px 0 10px 0;
}
a.ubermenu-responsive-toggle {
  border:none;
}
/* line-height bei Lupen-Symbol anpassen (sonst ist der Menüpunkt einen Pixel zu hoch)*/ 
.ubermenu .ubermenu-item-notext > .ubermenu-icon.fa-search { 
    line-height: 1.2em !important;
}
/* font-weight muss "normal" sein, da schon die font-family "bold" ist */
nav.my_main_menu .ubermenu .ubermenu-target-text {                                        
    font-weight: normal;
}

/* Anpassung Language-Switch */
nav.my_main_menu .ubermenu-widget {
  padding:0px !important;
}
#lang_sel_list.lang_sel_list_vertical {
    width: auto;
}
#lang_sel, #lang_sel a, #lang_sel_list, #lang_sel_list a {
  font-family: 'liberation_sansbold', sans-serif !important;
}
#lang_sel_list a {
    font-size: 12px;
    color: #888888;
    background-color:transparent;
}
#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited {
    background-color: transparent !important;
}
#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited {
    color: #888888 !important;
}
#lang_sel_list ul a.lang_sel_other:hover, #lang_sel_list ul a.lang_sel_other {
    background-color: transparent !important;
    
}
#lang_sel_list ul a.lang_sel_other, #lang_sel_list ul a.lang_sel_other:visited {
    color: #888888 !important;
}
#lang_sel_list a.lang_sel_sel:hover, #lang_sel_list ul a.lang_sel_other:hover {
    background-color: transparent;
    color:#000000 !important;
}
#lang_sel_list {
    font-family: verdana,arial,sans-serif;
    height: auto;
    position: relative;
    z-index: 99;
}
#lang_sel_list li {
    display:block;
    float: none;
}
#lang_sel_list.lang_sel_list_vertical a {
    border:none;
    padding-left: 10px;
}
#lang_sel_list.lang_sel_list_vertical ul {
    /*border-top: 1px solid #cdcdcd;*/
    border-top: none;
    height: auto;
    top: 19px;
}  
#lang_sel_list.lang_sel_list_vertical li {
    width: 140px;
}  
#lang_sel_list.lang_sel_list_vertical ul a {
    padding: 15px 20px 15px 20px;
}
img.iclflag {
    padding-right:8px;
}

/*Anpassungen in Abhängigkeit von der Breite des Viewports*/
/*** responsive Menu-Style ***/
@media only screen and (min-width: 480px) and (max-width: 1000px) {
  /* in diesem Bereich von 480 bis 1000px wird das Mobile-Menu mit zwei Spalten angezeigt */
}

@media only screen and (max-width:1000px) {
  /* unter 1000px wird das Mobile-Menu angezeigt */
  nav.my_main_menu {
    padding:60px 0 10px 0;
  } 
  header .container_inner .header_inner_left .q_logo {
    top: 0;
  }
  .q_logo {
    vertical-align:top;
    padding-top:10px;
  }
  .logo_wrapper {
    height: 60px !important;
  }
  nav.my_main_menu .ubermenu.ubermenu-main .ubermenu-item-level-0 {
    margin: 0;
    border: 1px solid #ffffff;
    border-bottom-color:#cccccc;
    border-right-color:#cccccc;
  }
  nav.my_main_menu .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    padding-bottom: 12px;
    padding-top: 12px;
 }

}



/*** Logo im Content-Bereich => Menüzeile muss Platz machen ***/
@media only screen and (min-width:1000px) and (max-width:1450px) {
  #ubermenu-main-2-top-navigation {
    margin-left:87px;
  }              
  li.ubermenu-item {
/*    margin:0 3px 0 3px !important;*/
  }
  li.ubermenu-item:last-child {
    margin-right:0px !important;
  }
  .ubermenu-main .variable-width-item {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  header .container_inner .header_inner_left .q_logo a {
    height:24px !important;
    margin-left:-10px;
  }

}

/*** Logo links neben dem Content-Bereich => Menü in voller Breite des Content-Bereichs ***/
@media only screen and (min-width:1451px) and (max-width:1475px) {
  header .container_inner .header_inner_left {
    margin-left:-160px;
  }
  li.ubermenu-item {
/*    margin:0 3px 0 3px !important;*/
  }
  li.ubermenu-item:first-child {
    margin-left:0px !important;
  }
  li.ubermenu-item:last-child {
    margin-right:0px !important;
  }
  header .container_inner .header_inner_left .q_logo a {
    height:36px !important;
  }
}
@media only screen and (min-width:1476px) {
  header .container_inner .header_inner_left {
    margin-left:-175px;
  }
  li.ubermenu-item {
/*    margin:0 3px 0 3px !important;*/
  }
  li.ubermenu-item:first-child {
    margin-left:0px !important;
  }
  li.ubermenu-item:last-child {
    margin-right:0px !important;
  }
  header .container_inner .header_inner_left .q_logo a {
    height:36px !important;
  }
} 


/**** ----------- Ende: Anpassungen Ubermenu --------------****/


.hero_image {
  box-sizing:border-box;
  height:500px !important;
  background-position:center center;
  background-size:cover;
}

@media only screen and (max-width:1000px) and (orientation:landscape) {
	.hero_image {
		height:150px !important;
	}
}

@media only screen and (max-width:1000px) and (orientation:portrait){
 /* die Hero-Images werden in der Höhe reduziert */
 .hero_image {
   height:250px !important;
 }
 
 #qode-anmeldung-top {
  height:400px !important;
 }
}

@media only screen and (max-width:500px) {
	.hero_image {
		height:150px !important;
	}
}

/*** Anfrageformular ***/
.anfrageformular-box .anfrageformular-text p {
  line-height:27px;
}
.anfrageformular-box .anfrageformular input[type="text"],
.anfrageformular-box .anfrageformular input[type="email"],
.anfrageformular-box .anfrageformular input[type="tel"] {
  height:47px;
}
@media only screen and (max-width:590px) {
 /* für schmale displays die Formularfelder untereinander anzeigen */
  .anfrageformular .formular-spalte {
    display:block !important;
  }
}


/*** Blog-Slider Termine auf Startseite ***/
#start_blog_slider_termine  {
  margin-top:-80px;
  margin-bottom: 20px !important;
  z-index:100;
}
@media only screen and (max-width:1000px) {
  #start_blog_slider_termine  {
    margin-top:-100px;
  }
}
#start_blog_slider_termine .blog_text_holder.info_bottom .blog_text_date_holder {
  display:none;
}
#start_blog_slider_termine .blog_slider_holder .item_holder {
    height: 60px;
}
#start_blog_slider_termine h3 a{
  font-size:14px;
}
#start_blog_slider_termine .blog_text_holder_inner {
  height:50px;
}
#start_blog_slider_termine .blog_text_holder.info_bottom {
  margin:0;
  bottom: auto;
  top:0;
}
#start_blog_slider_termine .caroufredsel_wrapper {
  height:60px !important;
}
#start_blog_slider_termine .blog_text_holder.info_bottom .blog_text_holder_outer {
  padding:5px 0 5px 0;
}

#start_blog_slider_termine .button_spalte_termine {
  vertical-align:middle;
}
#start_blog_slider_termine .button_spalte_termine .vc_column_container > .vc_column-inner {
  padding-left:0px;
  padding-right:0px;
}
@media only screen and (min-width:768px) and (max-width:1000px) {
  #button_termine_seminare {
    display:block;
    font-size:12px;
    margin-right:23px;
    padding:0;
    text-align:center;
  }
}

#start_blog_slider_termine .blog_slider .caroufredsel-prev, #start_blog_slider_termine .full_width .section_inner .blog_slider .caroufredsel-prev {
  left: -30px;
}
#start_blog_slider_termine .blog_slider .caroufredsel-next, #start_blog_slider_termine .full_width .section_inner .blog_slider .caroufredsel-next {
    right: -30px;
}
#start_blog_slider_termine .caroufredsel-direction-nav a {
  height: 30px !important;
  line-height: 30px !important;
  width: 30px !important;
  margin-top:-18px !important;
}
#start_blog_slider_termine .caroufredsel-direction-nav a i {
  line-height: 31px;
  font-size: 32px !important;
  color: #e2e2e2 !important;
}
#start_blog_slider_termine .caroufredsel-direction-nav a i.fa-angle-left {
  letter-spacing:4px;
} 
#start_blog_slider_termine .caroufredsel-direction-nav a i.fa-angle-right {
  letter-spacing:-4px;
} 

@media only screen and  (max-width:870px) {
  #start_blog_slider_termine div.button_spalte_termine > div.vc_column-inner > div.wpb_wrapper {
    text-align:center;
  }
  #start_blog_slider_termine .button_spalte_termine {
    padding-bottom: 15px;
  }
}



/*** Blog-Slider News auf Startseite ***/
#start_news_carousel-row {
  z-index:100;
}
#start_news_carousel .blog_slider_holder .item_holder {
    height: 180px !important;
}
#start_news_carousel .blog_text_holder.info_bottom .blog_text_date_holder {
  display:none;
}
#start_news_carousel .blog_text_holder.info_bottom {
  margin:0;
}
#start_news_carousel .blog_text_holder.info_bottom .blog_text_holder_outer {
  padding:10px 0 10px 0;
}
#start_news_carousel .blog_slider .blog_slides > li {
    padding-left: 7px;
    padding-right: 7px;
}
 
#start_news_carousel .vc_column_container > .vc_column-inner {
    padding-left: 8px;
    padding-right: 8px;
}
 
#start_news_carousel .caroufredsel-direction-nav a i {
    color: #e5e5e5;
    font-size: 40px;
}
#start_news_carousel .caroufredsel-direction-nav a i.fa-angle-left {
    letter-spacing: 4px;
}
#start_news_carousel .caroufredsel-direction-nav a i.fa-angle-right {
    letter-spacing: -4px;
}
#start_news_carousel .caroufredsel-direction-nav a.caroufredsel-prev {
    left: -46px;
} 
#start_news_carousel .caroufredsel-direction-nav a.caroufredsel-next {
    right: -46px;
} 
@media only screen and  (min-width:1000px) and (max-width:1050px),
    only screen and  (min-width:770px) and (max-width:890px),
    only screen and  (min-width:601px) and (max-width:700px),
    only screen and  (min-width:481px) and (max-width:525px),
    only screen and (max-width:410px) {
    #start_news_carousel .caroufredsel-direction-nav a {
      background-color: rgba(3, 3, 3, 0.5);
    }
    #start_news_carousel .caroufredsel-direction-nav a.caroufredsel-prev {
      left: 12px;
    } 
    #start_news_carousel .caroufredsel-direction-nav a.caroufredsel-next {
      right: 12px;
    } 
}




/* Anpassung der latest Post zur Anzeige der Terminliste von Schulungen */
.schulung-termin-liste  {
  min-height:260px;
}
.schulung-termin-liste .latest_post_title a {
  display:block;
  background-color:#016e5b;
  color:#ffffff;
  font-familiy:'liberation_sansbold', sans-serif;
  font-weight:normal;
  padding:8px 15px 8px 15px;
  text-align:center;
  border-top:1px solid #319e8b;
  border-left:1px solid #319e8b;
  border-right:1px solid #003e2b;
  border-bottom:1px solid #003e2b;
}
.schulung-termin-liste .latest_post_title a:hover {
  color:#016e5b;
  background-color:#d9e9e6;
} 
.schulung-termin-liste .aktueller-termin {
    background-color: #d9e9e6 !important;
    color: #016e5b !important;
font-weight: bold;
    cursor: default;
}

.schulung-termin-liste .latest_post_holder.minimal .latest_post_inner .post_infos {
    margin: 0;
}
.schulung-termin-liste .latest_post_holder.minimal li {
  margin:0;
  padding:0;
  height: 41px;
}
.schulung-termin-liste .latest_post_holder.minimal li h5 {
  line-height:23px !important;
}
.schulung-termin-liste ul {
-moz-column-count: 2;
-moz-column-gap: 0px;
-webkit-column-count: 2;
-webkit-column-gap: 0px;
column-count: 2;
column-gap: 0px;
margin:0;
display:block;
}
.schulung-termin-liste .latest_post_holder.minimal li{
display: block;
width:auto;
}
.schulung-termin-liste .minimal.latest_post_holder li {
  break-inside:avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
.schulung-termin-liste .latest_post_holder > ul > li {
    margin: 0 !important;
}


/*** Blog single Termin-post anpassen ***/
.single-post .category-academy.category-termin .post_text_inner > h2:first-child, .category-academy.category-termin .post_text_inner > .post_info {
  display:none !important;
}
.blog_single article.category-schulungstermine .post_text_inner .post_info {
display:none;
}
.blog_single article.category-schulungstermine .post_text_inner h2 {margin-bottom:10px;}
/*.blog_single article.category-schulungstermine .post_text_inner h2 span.date {display:none;}*/




/*** VC-Bildergalerie mit ExtraClass in der Höhe anpassen ***/
.bildergalerie300  .wpb_flexslider.flexslider {
  height:auto;
}
.bildergalerie300 .fa.fa-angle-left {
  font-size:50px;
  line-height:40px;
  letter-spacing:4px;
  /*color:#4b988a;*/
}
.bildergalerie300 .fa.fa-angle-right {
  font-size:50px;
  line-height:40px;
  letter-spacing:-4px;
  /*color:#4b988a;*/
}



/*** 404-Error-Page ***/
#error404-container {
  margin-top:140px;
}
@media only screen and (max-width:1000px) {
  #error404-container {
  margin-top:0px;
  }
} 
#error404-headline {
  margin-top:30px;
}
#error404-text-row .error404-text-box {
  margin-top:50px;
}
#error404-button-row {
  margin-top:50px;
}
#error404-text-row {
  padding-bottom:50px;
}
/*** Ende: 404-Error-Page ***/


/*** VC Image with Text anpassen ***/
.q_image_with_text_over table td:hover {
   background: rgba(1,110,91,0.8) none repeat scroll 0 0 !important;
}


/*** Footer Widgets designen, ggf. responsive ***/
#foot-bot-center-textwidget {
  text-align:left;
}
@media only screen and (max-width:600px) {
  .footer_bottom_columns .column1{ /*erste Footer-Bottom-Spalte hat keinen Inhalt, daher ausblenden */
    display:none;
  }
  .footer_bottom {
    height:30px;
  }
  #foot-bot-right-textwidget {
    text-align:left; /* Textalign, der rechten Spalte von right auf left umschalten */
  }
  
}


/*** Qode-Slider am Beginn einer Seite schiebt sich hinter den Header (per "margin-top:-140px"). Das muss ausgeglichen werden ***/
.content.has_slider {
  margin-top:0 !important;
}


/*** Search result page anpassen ***/
.search-results .content {
  margin-top:0 !important;
}
@media (min-width:768px){
    body.search.search-results article .post_content_holder .post_image{
        width:20%!important;
        float:left!important;
    }
    body.search.search-results article .post_content_holder .post_text {
        width:80%!important;
        float:left!important;
        padding-left:2%!important;
        box-sizing: border-box!important;
    }
    body.search.search-results article .post_content_holder .post_text .post_text_inner {
        padding-top:0!important;
    }
}

.search-results .type-page .post_text_inner h2 .date,
.search-results .type-post.category-academy .post_text_inner h2 .date {
  display:none;
}

.search-results .post_text_inner h2 a {
  color:#ff5000 !important;
}
.search-results .post_text_inner h2 a:hover {
  text-decoration:underline;
}
.search-results .post_text_inner .post_info {
  display:none;
}
.search-results .post_text_inner  .post_more {
  margin-top:6px;
}
.search-results .post_text_inner  .post_more .qbutton {
  height:auto !important;
  background-color:transparent !important;
  line-height:auto !important;
  color:#ff5000;
}
.search-results .post_text_inner  .post_more .qbutton:before {
  content:"> ";
}
.search-results .type-post.category-academy .post_text_inner  h2:before {
  display:block;
  content:"Schulung";
}
.search-results .type-post.category-news .post_text_inner  h2:before {
  display:block;
  content:"News";
}
.search-results .type-page .post_text_inner  h2:before {
  display:block;
  content:"Info";
}