/*
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");


/* Alle H2 Links blau */
h2 a {
    color: #375ab4 !important;
}
/* Alle H2 Links schwarz bei Hover */
h2 a:hover {
    color: #000000 !important;
}

/* RESPONSIVE-MENÜ   RESPONSIVE-MENÜ  RESPONSIVE-MENÜ  RESPONSIVE-MENÜ  RESPONSIVE-MENÜ  RESPONSIVE-MENÜ */

/* Gesamtes Menü auf Höhe mit linkem Logo */
@media only screen and (min-width: 1000px) {
#responsive-menu-pro-wrapper {
    margin-left: 0px !important;
}
}

/* Fix Menüpunkte überlagern immer Visual-Comp.-Elemente (Problem Kontakt) */
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
	z-index: 1000 !important;
}

/* Unterstrichene Menüpunkte*/
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a:hover {
    text-decoration: underline !important;
}

/* Sprachschalter-Hover-Effekt */
h6 a:hover {
    text-decoration: underline !important;
    color: #ffffff !important;
}

/* Responsive Menu-Container Position*/
#responsive-menu-pro-container {
    top: 158px !important;
}

/* Responsive Menu-Inhalte Position*/
@media only screen and (min-width: 200px) {

#responsive-menu-pro-container li.responsive-menu-pro-item a {
    top: 50px !important;
    padding: 0 45px !important;
}
}

/* Responsive Additional-Content Position*/
#responsive-menu-pro-additional-content {
     padding: 0 0px !important;
     margin-left: 45px !important;
}


/* Schriftgrösse und Text-Align im Menü auf MOBILE*/
@media only screen and (max-width: 415px) {
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
    line-height: 40px !important;
    font-size: 32px !important;
    text-align: center !important;
}
}

/* Schriftgrösse und Text-Align von der Sprachwahl im Menü auf MOBILE*/
@media only screen and (max-width: 415px) {
div#responsive-menu-pro-additional-content h6 {
	   text-align: center !important;
}

div#responsive-menu-pro-additional-content h6 a {
	   font-size: 32px !important;

}
#responsive-menu-pro-additional-content {
     margin-left: 0px !important;
}

#responsive-menu-pro-container {
    top: 0px !important;
}
}

/* Responsive Menu-Container MOBILE*/
@media only screen and (max-width: 415px) {
#responsive-menu-pro-container {
    top: 0px !important;
}
	div#responsive-menu-pro-additional-content {	
	    margin-top: -28px !important;
}
}

/* Navigationsbutton Position und Hintergrundfarbe*/
button#responsive-menu-pro-button {
    top: 48px !important;
    right: 32px !important;
}

/* Navigationsbutton Höhe angepasst */
.responsive-menu-pro-box {
	height: 25px !important;	
}

/* Navigationsbutton auf TABLET Position angepasst */
@media only screen and (min-width: 421px) and (max-width: 600px) {
button#responsive-menu-pro-button {
    right: 10px !important;
}
}


/* Navigationsbutton auf MOBILE Position angepasst */
@media only screen and (max-width: 420px) {
		button#responsive-menu-pro-button {
 			right: 10px !important;
		}
		}

/* RESPONSIVE-MENÜ   RESPONSIVE-MENÜ  RESPONSIVE-MENÜ  RESPONSIVE-MENÜ  RESPONSIVE-MENÜ  RESPONSIVE-MENÜ */

/* HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER */

/* Header wird genau 160px hoch */
.header_top_bottom_holder {
    height: 160px !important;
}

/* Header wird genau 160px hoch */
.header_bottom {
    height: 160px !important;
}

/* Header wird genau 160px hoch */
.header_inner_right {
    display: none !important;
}

/* HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER */

/* WIDGET-LOGO WIDGET-LOGO  WIDGET-LOGO WIDGET-LOGO WIDGET-LOGO WIDGET-LOGO WIDGET-LOGO   */


/* Widget im Header mittig und überlagernd (für Link) */
.header-left-from-logo-widget {
    top: -20px !important;
	z-index: 100 !important;
}

/* Widget im Header auch während sticky/scroll dargestellt*/
header.sticky .header-right-from-logo-widget {
    top: -16px !important;
    display: block !important;
	z-index: 100 !important;
}


/* Widget im Header 50% kleinere Darstellung */
.header-left-from-logo-widget img {
	width: 50% !important;
}


/* Widget im Header auch während sticky/scroll dargestellt*/
header.sticky .header-left-from-logo-widget {
    display: block !important;
    top: 0px !important;
}


/* Widget-Bereich im Header wird 160px hoch */
header.centered_logo .header_inner_left {
    height: 160px !important;
}


/* WIDGET-LOGO WIDGET-LOGO  WIDGET-LOGO WIDGET-LOGO WIDGET-LOGO WIDGET-LOGO WIDGET-LOGO   */

/* LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO  */

/* Logo-Mobile bleibt auf gleicher Höhe wie Logo-Normal*/
.q_logo img.mobile {
    top: -20px !important;
}

/* Logo-Sticky an gleicher Stelle wie normales Logo*/
.q_logo .sticky {
left: -15px !important;
}

/* Keine Animation vom Logo*/
.q_logo img {
    transition: opacity 0.0s ease-in-out !important;
}

/* Logo-Grösse im Header wird 80px */
header.centered_logo .q_logo a {
    vertical-align: middle !important;
    height: 80px !important;
    top: 18px !important;
}

/* Logo-Bereich gleichgross wie Header */
.q_logo {
    height: 160px !important;
}

/* Sticky-Logo centered */
header.sticky .logo_wrapper, header.sticky.centered_logo .logo_wrapper {
    width: 96.3% !important;
}

/* Logo 1 hat kein Padding mehr */
.header-left-from-logo-widget, .header-right-from-logo-widget {
    padding: 0 0px;
}

/* Logo MOBILE auf Landing-Page weiss 
.page-id-25212 .q_logo img.mobile {
 filter: brightness(100) !important;
}*/

/* LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO LOGO  */

/* TEXTBOXEN  TEXTBOXEN TEXTBOXEN TEXTBOXEN TEXTBOXEN TEXTBOXEN TEXTBOXEN  TEXTBOXEN */

/* Textbox ohne Padding oben */
.vc_column_container > .vc_column-inner {
    padding-top: 0px !important;
}

/* Textbox mit Padding rechts Desktop/Laptop */
@media only screen and (min-width: 768px) {
  .text_inhalt_padding {
    padding-right: 45px !important;
}
}

@media only screen and (max-width: 767px) {
.link_circle {
 text-align: center !important;
}
}

@media only screen and (max-width: 767px) {
.vc_custom_1535557911895 {
    margin-right: 45px !important;
}
}

/* TEXTBOXEN  TEXTBOXEN TEXTBOXEN TEXTBOXEN TEXTBOXEN TEXTBOXEN TEXTBOXEN  TEXTBOXEN */


/* Keine Sticky Animation */
header.sticky {
    webkit-transition: all .00s cubic-bezier(.00,.00,.00) !important;
    moz-transition: all .00s cubic-bezier(.00,.00,.0) !important;
    o-transition: all .00s cubic-bezier(.0,.00,.0) !important;
    ms-transition: all .00s cubic-bezier(.0,.0,.0)!important;
    transition: all .00s cubic-bezier(.0,.00,.0)!important;

}


/* MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE */

/* Empty Space auf Landing-Seite weg auf MOBILE */
@media only screen and (min-width: 601px)  and (max-width: 1000px) {
.empty_space {
height: 64px !important;
}
	}

/* Side-Menü-Wrapper weg auf MOBILE */
@media only screen and (max-width: 600px) {
.side_menu_button_wrapper {
    display: none !important;
}
}

/* Eigentliches Mobiles Menü (Burger) wird ausgeblendet*/
.mobile_menu_button {
    display: none !important;
}

/* Mobiles Logo aus Platzgründen linksbündig*/
@media only screen and (max-width: 480px) {
.q_logo img.mobile {
    left: -20px !important;
}
}

/* Mobile-Logo kleiner da Problem mit Burger 1*/
@media only screen and (max-width: 420px) {
		.q_logo img.mobile {
		     height: 50% !important;	
		}
		}
/* Mobile-Logo kleiner da Problem mit Burger 2*/
@media only screen and (min-width: 421px) and (max-width: 499px) {
		.q_logo img.mobile {
		     height: 60% !important;	
		}
		}

/* Mobile-Logo kleiner da Problem mit Burger 3*/
@media only screen and (min-width: 500px) and (max-width: 530px) {
		.q_logo img.mobile {
		     height: 70% !important;	
		}
		}

/* Mobile-Logo kleiner da Problem mit Burger 4*/
@media only screen and (min-width: 531px) and (max-width: 712px) {
		.q_logo img.mobile {
		     height: 80% !important;	
		}
		}

/* MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE */

/* SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER  */

/* Slider Content-Box MOBILE */
@media only screen and (min-width: 1400px) {
.carousel-inner .slider_content_outer {
    width: 80% !important;
}
}


@media only screen and (min-width: 1400px) {
.carousel-inner .slider_content.left {
    text-align: left !important;
    margin-left: -7% !important;
}
}


/* Slider Content-Box MOBILE */
@media only screen and (min-width: 321px) and (max-width: 600px) {
.carousel-inner .slider_content_outer {
    width: 80% !important;
}
}


@media only screen and (min-width: 321px) and (max-width: 600px) {
.carousel:not(.advanced_responsiveness) .carousel-inner h2 {
    margin-top: 30px !important;
}
}

@media only screen and (max-width: 320px)  {
.carousel-inner .slider_content_outer {
    width: 80% !important;
	
}
}

@media only screen and (max-width: 320px) {
.carousel-inner .slider_content .text {
    margin: 10% 0% 0% 5% !important;
}
}

@media only screen and (min-width: 411px) and (max-width: 580px) {
	
.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_subtitle span {
    font-size: 6vw !important;
}	
	
.carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
    font-size: 6vw !important;
	line-height: 1.1em !important;
}
	}

/*Slider auf mobile mit weniger durchschuss */

@media only screen and (min-width: 100px) and (max-width: 410px)  {
	.carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
	line-height: 0.1em !important;
	    font-size: 6vw !important;

	}
	.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_subtitle span {
    font-size: 6vw !important;
}
}
	
/* SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER SLIDER  */


@media only screen and (max-width: 600px)  {
.empty_space {
    height: 32px !important;
}
	}


/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER   */

/* Footer Mobile Textboxgrösse 70% */	
.footer_top .textwidget {
		
		width: 70% !important;
	}
.footer_top .textwidget a {

		    color: #375ab4 !important;
	}
.footer_top .textwidget a:hover {
			    color: #000000 !important; 
	}

/* Footer Mobile Textboxgrösse 100% */
@media only screen and (max-width: 768px)  {
.footer_top #text-8 .textwidget {
		width: 100% !important;
	}
}

.qode_icon_font_awesome {
		margin-bottom: 0px !important;
	}

@media only screen and (max-width: 414px)  {
.footer_top {
  text-align: center !important;
}
}

/* Footer Mobile zentrierter Inhalt */
@media only screen and (max-width: 768px) {
#text-8 .textwidget {
	    text-align: center !important;
}
.footer_top .footer_col2 {
    text-align: center !important;
}
}
	


/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER  */
	
/* BLAUE TEXT-BOXEN  BLAUE TEXT-BOXEN BLAUE TEXT-BOXEN BLAUE TEXT-BOXEN */
	
@media only screen and (min-width: 2768px) {
.blue_box h2 {
		color: #ffffff !important;
		font-size: 32px !important;
	}
	
.blue_box {
padding-right: 2vw !important;
	}
	}

@media only screen and (min-width: 1604px) and (max-width: 2768px) {
.blue_box h2 {
		color: #ffffff !important;
		font-size: 1.3vw !important;
	}
	
.blue_box {
padding-right: 2vw !important;
	}
	}
	
@media only screen and (min-width: 1422px) and (max-width: 1604px) {
	
.blue_box h2 {
		color: #ffffff !important;
		font-size: 2.0vw !important;
	}
.blue_box {
padding-right: 3vw !important;
	}
	}
	
@media only screen and (min-width: 1128px) and (max-width: 1422px) {
	
.blue_box h2 {
		color: #ffffff !important;
		font-size: 2.2vw !important;
	}
.blue_box {
padding-right: 4vw !important;
	}
	}
	
	
@media only screen and (min-width: 1001px) and (max-width: 1128px) {
	
.blue_box h2 {
		color: #ffffff !important;
		font-size: 2.3vw !important;
	}
	
.blue_box {
padding-right: 8vw !important;
	}
	}
	
	
@media only screen and (min-width: 768px) and (max-width: 1001px)  {
	
.blue_box h2 {
		color: #ffffff !important;
		font-size: 2.0vw !important;
	}
.blue_box {
padding-right: 7vw !important;
	}	

	}
	
@media only screen and (min-width: 479px) and (max-width: 768px)  {
	
.blue_box h2 {
		color: #ffffff !important;
		font-size: 5vw !important;
	}
.blue_box {
padding-right: 16vw !important;
	}	

	}
	
@media only screen and (min-width: 300px) and (max-width: 479px)  {
	
.blue_box h2 {
		color: #ffffff !important;
		font-size: 6vw !important;
	}
.blue_box {
padding-right: 15vw !important;
	}	

	}
	
/* BLAUE TEXT-BOXEN  BLAUE TEXT-BOXEN BLAUE TEXT-BOXEN BLAUE TEXT-BOXEN */
	
/* ZEILE PUBLIKATION (Blue Points)*/ /* ZEILE PUBLIKATION (Blue Points)*/ /* ZEILE PUBLIKATION (Blue Points)*/


	
@media only screen and (min-width: 300px) and (max-width: 480px)  {

.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
    width: 100% !important;
    text-align: center !important;
    vertical-align: middle;
    display: block !important;
}
	
.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
	 width: 100% !important;
    text-align: center !important;
    vertical-align: middle;
    display: block !important;
}
	
.table_beitraege {
		margin-bottom: 32px !important;
	}
	
	
.cellspacing_pub img {
    max-width: 30% !important;

}
	}	
	
@media only screen and (min-width: 481px) and (max-width: 599px)  {
.cellspacing_pub h2 {
	font-size: 16px !important;
	}
.cellspacing_pub h2 a {
	font-size: 16px !important;
	}
	
}		
	
	
@media only screen and (min-width: 600px)  {
.cellspacing_pub h2 {
	font-size: 21px !important;
	}
.cellspacing_pub h2 a {
	font-size: 21px !important;
	}	
	}
	
@media only screen and (min-width: 769px) and (max-width: 1199px)  {
.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
	width: 24% !important;
	}
	
	
.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
	width: 76% !important;
	}
	}
	
@media only screen and (min-width: 1200px) and (max-width: 1859px)  {
.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
	width: 16% !important;
	}
	
	
.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
	width: 84% !important;
	}
}

 @media only screen and (min-width: 1860px) {
	.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
	width: 16% !important;
	}
	.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
	width: 84% !important;
	}
}
/* ZEILE PUBLIKATION (Blue Points)*//* ZEILE PUBLIKATION (Blue Points)*//* ZEILE PUBLIKATION (Blue Points)*/


 @media only screen and (max-width: 480px) {
	 
	 h1, h1 a {
    font-size: 36px !important;
		}


.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
		 padding-left: 0px !important;
		 padding-right:0px !important;

}
	 .cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
		 padding-left: 0px !important;
		 padding-right:0px !important;
}
	 
	 
.cellspacing_pub > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) h2 {
	 
	 margin-left: 15px !important;
    margin-right: 15px !important;

}
	}
	
/* NEUER HEADER */
	
.header-right-from-logo-widget {
    right: 60px !important;
    top: -36px !important;
}
	
.wpml-ls-legacy-list-horizontal {
    			margin-top: 100px !important;
				width: 200px !important;
	            text-align: left !important;
	}


	
.wpml-ls-item:hover {	
	border-bottom: 2px solid currentColor !important;
	border-bottom-color: #375ab4 !important;
	}
	
.textwidget {
		width: 200px !important;
        text-align: left !important;
	}
	
.textwidget p {
	    color: #375ab4 !important;
	    font-weight: 600 !important;
	    font-size: 21px !important;
}
	
	
/* Liste mit Abstand oben und unten */
ul {
    margin-top: 16px;
    margin-bottom: 32px;
}
	
ul li {
    margin-bottom: 16px !important;
}
	
	
/* Sidebar Listen-Links Blau und schwarz bei Hover */
aside .widget a:hover {
			    color: #000000 !important;
	}
aside .widget a {
			    color: #375ab4 !important;
	}
	

/* Bullet-Points / Liste besser eingezogen (nur bei Textboxen!)*/
.wpb_text_column ul {
    list-style: outside !important;
    margin-left: 1em !important;
}
	
/* Post-Info auf Single-Post-Page verbergen */
div.blog_single.blog_holder div.post_info {
	display: none !important;
	}

/* Textfeld Kommentare */

#respond textarea {
	font-size: 16px !important;
    font-family: inherit !important;
	background-color: #eaf9ff !important;
	color: #375ab4;
}

/* Textfeld Kommentare */
#respond input[type="text"] {
    font-size: 16px !important;
    font-family: inherit !important;
	background-color: #eaf9ff !important;
	color: #375ab4;
}

/* Kommentare: ohne E-Mail */
form#commentform.comment-form div.three_columns.clearfix div.column3 {
	display: none !important;
}
/* Kommentare: Antwort-Button */
a.comment-reply-link {
	background-color: #375ab4 !important;
	padding-left: 6px !important;
  	padding-right: 6px !important;
	  padding-top: 2px !important;
	  padding-bottom: 2px !important;;
  margin-left: 12px !important;
}


/* Share Buttons mit Margin oben */
.shariff {
    margin-top: 24px !important;
}
/* Share nicht von Listen-Code betroffen */
.shariff-buttons .shariff-button {
padding-left: 0em !important;
text-indent: 0em !important;
}

/* Share-Buttons mittig auf mobile */
 @media only screen and (max-width: 768px) {
.shariff.shariff-align-flex-start ul {
    justify-content: center !important;
    align-items: center !important;
}
}

/* G-Form Formular */
/* G-Form Formular */
/* G-Form Formular */

/* G-Form nicht von Listen-Code betroffen */
.gform_fields .gfield {
	padding-left: 0em !important;
text-indent: 0em !important;
}

/* G-Form mit blauem Hintergrund */
body .gform_wrapper .chzn-container-single .chzn-single span, body .gform_wrapper input[type="email"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper select, body .gform_wrapper textarea {
    background-color: #eaf9ff !important;
	font-family: inher !important;
}

body .gform_wrapper div.ginput_container {
    background-color: #eaf9ff !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
    color: #375ab4  !important;
	border-color: #375ab4 !important;
	font-family: inherit !important;
    text-transform: none !important;

}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover {

    color: #000000 !important;
	border-color: #000000 !important;
	background-color: #ffffff !important;
	font-family: inherit !important;
    text-transform: none !important;

}
/* G-Form Formular Ende */
/* G-Form Formular Ende */
/* G-Form Formular Ende */


/* Logo 2 links vom Header linksbündig */
.header-left-from-logo-widget {
    text-align: left !important;
}

/* Logo nicht mehr unscharf */
.q_logo a img {
	    image-rendering: auto !important;
}