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

.q_logo a {
	max-height: 66px;
	transition: max-height 200ms ease;
	transform: translateY(-2px);
}
.page_header.scrolled .q_logo a {
	max-height: 50px;
}

/* Stage */
#stage > .full_section_inner {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding-top: 80px;
	padding-bottom: 80px;
	box-sizing: border-box;
	min-height: calc(70vh - 100px);
}

.home #stage > .full_section_inner {
	min-height: calc(100vh - 100px);
}

#stage > .full_section_inner:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(61, 71, 99, 0.7);
	display: block;
}

#stage > .full_section_inner h1,
#stage > .full_section_inner h2 {
	font-size: clamp(26px, 2vw + 3px, 34px);
	line-height: 1.2;
	margin-bottom: 25px;
}
#stage > .full_section_inner h2 {
	/*font-family: 'Como Medium', sans-serif;
	font-weight: 500;*/
}

#stage > .full_section_inner h1,
#stage > .full_section_inner h2 {
	color: #fff;
}

#stage > .full_section_inner .grid_section > .section_inner > .section_inner_margin {
	max-width: 800px;
}

.home #stage > .full_section_inner .grid_section > .section_inner > .section_inner_margin {
	margin-left: auto;
}

/* Fonts exclude Stage */
.wpb_text_column h2 {
	font-size: clamp(26px, 2vw + 3px, 34px);
	line-height: 1.2;
	/*font-family: 'Como Bold', sans-serif;
	font-weight: 700;*/
}

.wpb_text_column h3 {
	font-size: 24px;
	line-height: 1.2;
	/*font-family: 'Como Bold', sans-serif;
	font-weight: 700;*/
	color: #be9b52;
}

.dark-section .wpb_text_column h3 {
	color: inherit;
}

.wpb_text_column h2,
.wpb_text_column h2:last-child,
.wpb_text_column h3,
.wpb_text_column h3:last-child,
.wpb_text_column p,
.wpb_text_column p:last-child,
.footer_top p,
.wpb_text_column ul,
.wpb_text_column ul:last-child {
	margin-bottom: 28px;
}

/* Logo-Bild */
.logo-bild.wpb_single_image .vc_single_image-wrapper,
.logo-bild.wpb_single_image .vc_single_image-wrapper img {
	width: 100%;
	opacity: 0.7;
	padding: 0 3%;
	box-sizing: border-box;
}

/* 7 - 5 row */
@media only screen and (min-width: 1001px) {
	.vc_col-sm-7 > .vc_column-inner {
		padding-right: 40px;
	}
}
@media only screen and (min-width: 1500px) {
	.vc_col-sm-7 > .vc_column-inner {
		padding-right: 60px;
	}
	
	.full-4-clm .section_inner.clearfix {
		width: 90%;
		max-width: 1600px;
	}
}

.full-4-clm {
	background: #3d4763;
	padding: 100px 0;
	z-index: 100;
}
.full-4-clm.translate {
	margin-top: -100px;
}

@media only screen and (min-width: 767px) {
	.full-4-clm.translate {
		margin-top: -150px;
	}
}

.full-4-clm h2,
.full-4-clm h3,
.full-4-clm p {
	color: #fff;
}
.full-4-clm h2 {
	margin-bottom: 40px !important;
}
.full-4-clm h3 {
	margin-bottom: 8px !important;
}

/* Elementsholder */
.text-image-element-holder h2,
.text-text-dark-element-holder h2 {
	margin-bottom: 15px !important;
}

@media all and (max-width: 1000px) {
	.text-image-element-holder.reverse {
		display: flex;
		flex-wrap: wrap;
	}
	.text-image-element-holder.reverse > .q_elements_item:first-child {
		order: 1;
	}
}

/* info-grid */
.info-grid {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.info-grid .info-item {
	flex: 50%;
	color: #be9b52;
}
.info-grid .info-item .value {
	white-space: nowrap;
}

.info-grid .info-item .label {
	/*font-family: 'Como Bold', sans-serif;
	font-weight: 700;*/
}

@media only screen and (min-width: 600px) {
	.info-grid .info-item {
		flex: 1;
	}
}

/* Footer */
footer {
	margin-top: 100px;
}

.page-id-81 footer {
	margin-top: 0;
}

footer .column1 img {
	max-width: 115px !important;
	margin-bottom: 30px;
}

.footer_bottom {
	text-align: left;
	font-size: 16px !important;
}

/* Flex Slider */
.wpb_gallery .wpb_flexslider {
	margin: 0;
}
.wpb_gallery .wpb_flexslider .flex-direction-nav a {
	background: #be9b52 !important;
	opacity: 0.8;
}
.wpb_gallery .wpb_flexslider .flex-direction-nav a,
.wpb_gallery .wpb_flexslider .flex-direction-nav a > div {
	width: 32px;
	height: 32px;
}
.wpb_gallery .wpb_flexslider .flex-direction-nav a > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.wpb_gallery .wpb_flexslider .flex-direction-nav a .fa {
	font: normal normal normal 16px/1 FontAwesome;
}

.wpb_gallery .wpb_flexslider .flex-direction-nav a:hover {
	opacity: 1;
}

.flex-direction-nav a i {
	color: #fff !important;
	line-height: 32px;
}

.wpb_gallery_slides .qode-image-slider-description {
	padding: 4px 0 0;
	text-align: left;
	position: relative;
	background: none;
}
.wpb_gallery_slides .qode-image-slider-description p {
	color: #be9b52;
}

/* Thumb- Gallery */
.lSSlideOuter .lSSlideWrapper ul li img {
	height: 100%;
	object-fit: cover;
}

.lSSlideOuter .lSPager.lSGallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 600px) {
	.lSSlideWrapper, .lSSlideWrapper li {
		height: 320px !important;
	}
}

@media only screen and (min-width: 601px) {
	.lSSlideWrapper, .lSSlideWrapper li {
		height: 520px !important;
	}
}

@media only screen and (min-width: 1001px) {
	.lSSlideWrapper, .lSSlideWrapper li {
		height: 600px !important;
	}
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
	border-radius: 0;
	opacity: 1;
}

ul.lSGallery li {
	opacity: 0.5;
}
ul.lSGallery li.active {
	border: 0;
	opacity: 1;
}

.lSSlideOuter.vertical .lSAction > a {
	background: #be9b52;
	opacity: 0.8;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.lSSlideOuter.vertical .lSAction > a:first-child {
	top: 50%;
	right: inherit;
	left: 10px;
	transform: translate(50%, -50%);
}
.lSSlideOuter.vertical .lSAction > a:last-child {
	top: 50%;
	left: inherit;
	right: 10px;
	transform: translate(0, -50%);
}

.lSSlideOuter.vertical .lSAction > a:first-child:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f104";
	color: #fff;
}
.lSSlideOuter.vertical .lSAction > a:last-child:before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f105";
	color: #fff;
}

@media only screen and (max-width: 767px) {
	ul.lSPager.lSGallery {
		display: none;
	}
	
	.lSSlideOuter.vertical {
		padding-right: 0 !important;
	}
}

/* Tables */
table:not(.overview) tr {
	border-top: 1px solid;
}

table:not(.overview) tr:last-child {
	border-bottom: 1px solid;
}

table thead tr {
	border-top: 2px solid #ba9853 !important;
}

table.overview {
	width: 100%;
	min-width: 420px;
	max-width: 800px;
}
table.overview thead th {
	font-size: 1.5rem;
}
table.overview thead th,
table.overview td {
	text-align: left !important;
}

table:not(.overview) thead tr th {
	color: #be9b52;
	font-weight: 500 !important;
}

table tr th:first-child,
table tr td:first-child {
	padding-left: 0;
	text-align: left;
}

table tr th:last-child,
table tr td:last-child {
	padding-right: 0;
	text-align: right;
}

.table,
.table-overview-wrp {
	overflow-x: auto;
	width: 100%;
	margin-top: -20px;
}
.table table {
	min-width: 800px;
}

table.overview thead th {
	padding-top: 20px;
	padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
	table.overview thead th {
		font-size: 1.3rem;
	}
}

/* Forms */
.wpcf7-form .row > p,
.contact-form .wpcf7-form .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wpcf7-form .row > p > span,
.contact-form .wpcf7-form .row > div {
	width: 100%;
}

@media all and (min-width: 767px) {
	.wpcf7-form .row > p > span,
	.contact-form .wpcf7-form .row > div {
		width: calc(50% - 5px);
	}
}

.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
	height: 50px !important;
}

.wpcf7-form span.wpcf7-spinner {
	position: absolute;
}

input.wpcf7-form-control.wpcf7-submit[disabled] {
	background: #f6f6f6;
	text-decoration: line-through;
}

.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}

.wpcf7-radio .wpcf7-list-item {
	margin-left: 0;
	margin-right: 20px;
	margin-top: 10px;
}

.wpcf7 .wpcf7-response-output {
	background: #be9b52 !important;
	color: #fff !important;
}

/* parallax */
.parallax-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  will-change: transform;
  transition: transform 0.1s ease-out;
}

/* Mobile Menu */
@media only screen and (max-width: 1000px) {
	nav.mobile_menu a {
		text-decoration: none;
	}
	
	.mobile_menu_button {
		float: right;
	}
	
	.logo_wrapper,
	.q_logo a {
		left: 0;
	}
	
	.icon_menu:before {
		font-size: 30px;
		color: rgba(53,190,224,1);
	}
}

/* custom burger */
.custom-burger-icon .line {
  display: block;
  width: 30px;
  height: 3px;
  background: #3d4763;
  margin: 6px 0;
  transition: 0.4s ease;
}

.custom-burger-icon.open .line-1 {
  transform: rotate(45deg) translate(6px, 6px);
}

.custom-burger-icon.open .line-2 {
  opacity: 0;
}

.custom-burger-icon.open .line-3 {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* icon with text */
.q_icon_with_title .icon_title_holder {
	margin: 0;
}
.q_icon_with_title .icon_text_inner {
	padding: 12px 0;
	border-bottom: 1px solid;
}

.q_icon_with_title h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #132d67;
	text-transform: none;
}

/* custom ul */
.custom-ul ul {
	list-style: none;
}

.custom-ul li {
	position: relative;
	padding-left: 1.3em;
	margin-bottom: 10px;
}

.custom-ul li::before {
	position: absolute;
	top: 0;
	left: -5px;
	font-family: 'ElegantIcons' !important;
	content: "\35";
	color: rgba(190,155,82,1);
	display: inline-block;
	width: 1em;
	font-size: 20px;
	line-height: 24px;
}

/* custom spacing mobile */
@media only screen and (max-width: 767px) {
	div#referenzen ~ .vc_row {
		padding-top: 10px !important;
	}
}