/*
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");
/* ul ol */
.wpb_text_column ul {
	list-style-position: outside;
	padding-left: 18px;
}

/* Page */
body .content {
	padding-top: 50px !important;
}
/* Header */
/*
header.page_header.scrolled {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}*/

header {
  transition: transform 0.6s ease !important;
}

header.header--hidden {
  transform: translateY(-100%);
}



@media only screen and (min-width: 1001px) {
	body .content {
		padding-top: 100px !important;
	}
	.header_bottom .container_inner {
		display: flex;
	}
	.header_inner_right {
		order: 1;
		margin-left: auto;
	}
	
	nav.main_menu.right {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
}

.content h1 {
	font-size: clamp(
	  20px, 
	  calc(20px + (65 - 24) * ((100vw - 320px) / (1440 - 320))), 
	  65px
	);
	line-height: 1.1;
}

.content h2,
.content h3,
.footer_top_holder h2 {
	font-size: clamp(
		20px, 
		calc(20px + (45 - 24) * ((100vw - 320px) / (1440 - 320))), 
		45px
	);
	line-height: 1.1;
}

.content p strong {
	font-family: 'Gotham-Bold', sans-serif;
	font-weight: 500;
}
/* Helper */
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
	border-radius: 20px;
}
/* Basis-Klassen */
.d-none {
  display: none !important;
}

.block {
  display: block !important;
}

/* z-index */
.z-100 {
	z-index: 100 !important;
}

/* === Padding-Top Utilities === */
.pt-50 { padding-top: 50px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-150 { padding-top: 150px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-150 { padding-bottom: 150px !important; }

.py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.py-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.py-150 { padding-top: 150px !important; padding-bottom: 150px !important; }

/* Ab 1001px (lg) */
@media (min-width: 1001px) {
	.lg\:none {
		display: none !important;
	}

	.lg\:block {
		display: block !important;
	}

	.lg\:pt-50 { padding-top: 50px !important; }
	.lg\:pt-100 { padding-top: 100px !important; }
	.lg\:pt-150 { padding-top: 150px !important; }
	
	.lg\:pb-50 { padding-bottom: 50px !important; }
	.lg\:pb-100 { padding-bottom: 100px !important; }
	.lg\:pb-150 { padding-bottom: 150px !important; }
	
	.lg\:py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
	.lg\:py-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
	.lg\:py-150 { padding-top: 150px !important; padding-bottom: 150px !important; }
}


/* Grid - START */
.vc_row, .vc_row * {
	margin: 0 !important;
}

div.grid_section .section_inner {
	margin: 0 auto !important;
	width: calc(100% - 40px);
}

.vc_column_container>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

.vc_column_container.vc_col-sm-4>.vc_column-inner {
	padding-left: 15px;
	padding-right: 15px;
}
/* Grid - END */


/* Buttons */
a.qbutton.default {
	-webkit-box-shadow: 3px 5px 25px 0px rgba(51, 51, 51, 0.42);
	-moz-box-shadow: 3px 5px 25px 0px rgba(51, 51, 51, 0.42);
	box-shadow: 3px 5px 25px 0px rgba(51, 51, 51, 0.42);
}


a.qbutton.default.red {
	box-shadow: none;
	background: #F17E75;
	border-color: #F17E75;
}

a.qbutton.default.blue {
	box-shadow: none;
	background: #222D52;
	border-color: #222D52;
	color: #fff;
}


/* Footer Top - START */
.footer_top_holder,
footer .footer_bottom_holder {
	background: #DFDEDA;
}

/* Footer Bottom - START */
footer {
	background: transparent;
}
footer .footer_bottom_holder > .container {
	background: #222d52;
}
footer .footer_bottom_holder > .container,
.footer_top_holder {
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
}


footer .footer_bottom {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	justify-content: center;
	padding: 70px 0;
}

footer .footer_bottom > .menu-footer-bottom-container,
footer .footer_bottom > .menu-footer-bottom-en-container,
footer .footer_bottom > .textwidget {
	width: 100%;
}

footer .footer_bottom > .textwidget {
	order: 1;
}

footer .footer_bottom a img {
	max-width: 60px !important;
	margin-bottom: 60px;
}

footer .footer_bottom > .menu-footer-bottom-container ul li,
footer .footer_bottom > .menu-footer-bottom-en-container ul li {
	margin-bottom: 60px;
}

@media only screen and (min-width: 1001px) {
	footer .footer_bottom {
		align-items: center;
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 40px 0;
	}
	
	footer .footer_bottom > .menu-footer-bottom-container,
	footer .footer_bottom > .menu-footer-bottom-en-container,
	footer .footer_bottom > .textwidget {
		width: auto;
		order: inherit;
	}
	
	footer .footer_bottom > .menu-footer-bottom-container ul li,
	footer .footer_bottom > .menu-footer-bottom-en-container ul li {
		margin-bottom: 0;
	}
	
	footer .footer_bottom a img {
		margin-bottom: 0;
	}
}

footer .footer_bottom * {
	font-size: 14px !important;
}
footer .footer_bottom a {
	text-transform: none !important;
}

/* Stage-holder */
.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content {
	position: relative;
	aspect-ratio: 3/2;
}
.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content .overlay-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content .overlay-image img {
	aspect-ratio: 3/2;
	object-fit: cover;
}
/* line */
.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content .hero-line img {
	position: absolute;
	/*top: 50%;
	left: 100%;
	transform: translateX(-55%) translateY(-80%);*/
	top: calc(50% - 741px);
left: calc(100% - 1104px);

	max-width: none;
	will-change: transform;
	transition: transform 0.1s ease;
}

.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content .hero-line-mobile img {
	position: absolute;
		max-width: 250% !important;
		top: -80%;
		left: -66%;

	max-width: none;
	will-change: transform;
	transition: transform 0.1s ease;
}

.stage-holder .q_elements_holder > .q_elements_item:first-child {
	position: relative;
	z-index: 10;
}




@media only screen and (min-width: 1001px) {
	.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content .hero-line-mobile img {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	.stage-holder .q_elements_holder {
		display: flex;
		flex-wrap: wrap;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.stage-holder .q_elements_holder > .q_elements_item {
		width: 100%;
	}
	.stage-holder .q_elements_holder > .q_elements_item:first-child {
		order: 1;
	}
	
	.stage-holder .q_elements_holder > .q_elements_item:last-child .q_elements_item_content .hero-line img {
		display: none;
	}
}

/* Cards */
.card-1 > .full_section_inner {
	background: #514F2B;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
}
.card-1 h3,
.card-1 p {color: #fff;}

.card-2 {background: #514F2B; z-index: 100;}
.card-2 > .full_section_inner {
	background: #8FC9E9;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
}

.card-2, .card-3 {
	will-change: transform;
	transition: transform 300ms ease;
}

.card-4 {
	/*overflow: hidden;*/
}
.card-4 > .full_section_inner {
	background: #492D3F;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
}

.card-6 {
	background: transparent !important;
	transform: translateY(-80px);
	z-index: 100;
}
.card-6 > .full_section_inner {
	background: #f9f9f9;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
}



@media only screen and (min-width: 1001px) {
	.card-6 img {
		max-width: 300px;
		margin: 0 auto;
	}
}

.card-4 * {
	color: #fff;
}

.card-1 h3, .card-1 p,
.card-2 h3, .card-2 p,
.footer-top-wrapper p {
	max-width: 850px;
	margin: 0 auto !important;
	padding: 0 15px;
}

@media only screen and (max-width: 1000px) {
	.footer-top-wrapper p br {
		display: none;
	}
}

/* Accoridon */
.qode-accordion-mark-icon .icon_plus:before {
	display: inline-block;
	content: url(/wp-content/uploads/2025/08/chevron-up-icon.svg);
	transform: rotate(180deg);
}
.qode-accordion-mark-icon .icon_minus-06:before {
	display: inline-block;
	content: url(/wp-content/uploads/2025/08/chevron-up-icon.svg);
}
.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child,
.qode-accordion-holder .qode-accordion-content {
	padding-left: 0;
}

.qode-accordion-holder .qode-title-holder {
	color: #fff;
	border:0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	background: transparent !important;
}

@media only screen and (max-width: 480px) {
	.qode-accordion-holder .qode-title-holder {
		font-size: 18px;
	}
}

.qode-accordion-holder .qode-accordion-content {
	background: transparent !important;
	border: 0;
	border-radius: 0;
	padding-bottom: 50px;
}

.qode-accordion-holder .qode-accordion-content.ui-accordion-content-active {
	border-bottom: 1px solid #fff;
}

.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner {
	padding: 30px 0 !important;
}

.qode-accordion-holder .qode-accordion-content ul li {
	margin-bottom: 20px;
}
.qode-accordion-holder .qode-accordion-content ul li:last-child {
	margin-bottom: 0;
}

.qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover {
	color: #fff !important;
	background: transparent !important;
}


.qode-accordion-holder .qode-accordion-content-inner {
	max-width: 90%;
}

.line-accordion img {
	position: absolute;
	width: 1375px;
	max-width: 1375px;
	max-width: none;
	/*transform: translate(calc(-50% + 400px), -25%);*/
	will-change: transform;
	transition: transform 0.1s ease;
}

/*Couple*/
.card-5 {
	overflow: hidden;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	transform: translateY(-40px);
	z-index: 100;
	max-height: 1200px;
}
.couple-wrapper > .vc_column-inner > .wpb_wrapper {
	position: relative;
	aspect-ratio: 2/1;
}
.wpb_single_image.couple img,
.wpb_single_image.couple-overlay img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: 2/1;
	max-width: none;
	object-fit: cover;
}

.wpb_single_image.couple-line img {
	position: absolute;
	width: 2391px;
	max-width: 2391px;
	/*top: 15%;
	left: -4%;*/
	will-change: transform;
	transition: transform 0.1s ease;
}

@media only screen and (max-width: 768px) {
	.couple-wrapper > .vc_column-inner > .wpb_wrapper,
	.wpb_single_image.couple img,
	.wpb_single_image.couple-overlay img {
		aspect-ratio: 1/1;
	}
}

/*test*/
.wpb_text_column.text-max p {
	max-width: 820px;
	margin: 0 auto !important;
}

@media only screen and (max-width: 1000px) {
	.content h3 br,
	.content h2 br {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.content h1 br {
		display: none;
	}
}

.card-3, .card-4 {
	margin-top: -40px !important;
	z-index: 100;
}
.card-3 {
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
	padding-top: 300px !important;
}

.card-3 {
  will-change: background-position;
  background-size: cover;
  background-attachment: scroll; /* WICHTIG: nicht fixed, sonst kann’s haken */
}

@media only screen and (min-width: 1001px) {
	.card-3 {
		border-top-right-radius: 40px;
		border-top-left-radius: 40px;
		padding-top: 550px !important;
	}
}

@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;
	}
	
	.fa-bars:before {
		content: url('/wp-content/uploads/2025/08/burger-icon.svg');
	}
	
	.menu-open .fa-bars:before {
		content: url('/wp-content/uploads/2025/08/close-icon.svg');
	}
	
	.header_bottom, nav.mobile_menu {
		background-color: transparent !important;
	}
	nav.mobile_menu {
		opacity: 0;
		transition: opacity 400ms ease;
	}
	.menu-open nav.mobile_menu {
		opacity: 1;
	}
	.menu-open .header_bottom {
		background: #222D52 !important;
	}
	.menu-open ul#menu-main-menu-1,
	.menu-open ul#menu-main-menu-en-1 {
		height: calc(100vh - 100px);
		padding-top: 40px;
	}
	.menu-open .q_logo img.mobile {
		filter: invert(1) brightness(2);
	}
	nav.mobile_menu ul li, nav.mobile_menu ul li, nav.mobile_menu ul li ul li, nav.mobile_menu ul li.open_sub > ul {
		border: 0;
	}
	
	nav.mobile_menu .lang-item-first {
		margin-top: 30px;
	}
	
	/*	.wpb_single_image.couple-line img {
		left: -71%;
		top: 20%;
	}*/
}

/* LinkedIn */
.q_social_icon_holder.circle_social .fa-stack {
	border: 1px solid #F17E75;
}

.q_social_icon_holder.circle_social .fa-linkedin:before {
	color: #F17E75;
}
.q_social_icon_holder .fa-stack {
	background: transparent;
}

.q_social_icon_holder .fa-stack:hover .fa-linkedin:before,
a.qbutton.default.red:hover {
	color: #fff;
}
.q_social_icon_holder.circle_social .fa-stack:hover,
a.qbutton.default.red:hover {
	background: #F17E75;
}

.footer-top-wrapper {
	position: relative;
	overflow: hidden;
	border-top-right-radius: 40px;
	border-top-left-radius: 40px;
}

.footer-top-wrapper .footer-line img {
	position: absolute;
	width: 1783px;
	max-width: 1783px;
	will-change: transform;
	transition: transform 0.1s ease;
}

@media only screen and (min-width: 1001px) {
	.parallax-item {
	  transform: translateY(220px); /* initial nach unten verschieben */
	  will-change: transform;
	}
}

.card-1 .py-100,
.card-2 .py-100 {
  padding-bottom: 100vh !important; /* hoher Wert für den Effekt */
  transition: padding-bottom 0.6s ease-out; /* flüssige Animation */
}

/* Sobald die Card sichtbar ist: zurück auf normales Padding */
.card-1.in-view .py-100,
.card-2.in-view .py-100 {
  padding-bottom: 100px !important;
}

@media only screen and (min-width: 1001px) {
  #nav-menu-item-182-de, #nav-menu-item-182-en, nav.main_menu ul li:nth-child(3) a,
	#nav-menu-item-185-de,#nav-menu-item-185-en {
    display: none !important;
  }
	
	
}

/* Cookie */
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  display: none !important;
}

.copy-cookie-row {
	line-height: 40px;
}

footer .cookie-wrp button {
	all: unset;
	cursor: pointer;
	padding: 0 0 0 46px !important;
}
.copy-cookie-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 40px;
}


@media only screen and (max-width: 1000px) {
	footer .cookie-wrp button {
		padding:0 !important;
	}
	footer .cookie-wrp {
		position: relative;
	}
	
	.copy-cookie-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.cookie-wrp {
		margin-bottom: 60px;
	}
	
	.copy-cookie-row > div:first-child {
		width: 100%;
		order: 1;
	}
}

.cky-revisit-hide {
	display: block !important;
}

@media only screen and (min-width: 1200px) {
	footer .footer_bottom a img.wp-image-39 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

/* polylang */
@media only screen and (min-width: 769px) {
	.header_bottom_right_widget_holder,
	.header_bottom_widget.widget_polylang ul {
		display: flex;
		align-items: center;
		list-style: none;
		font-family: 'Gotham-Medium', sans-serif;
		font-weight: 500;
		letter-spacing: 0;
		font-size: 20px;
	}

	.header_bottom_widget.widget_polylang .lang-item-first:after {
		content: '|';
		margin: 0 8px;
	}
	.header_bottom_widget.widget_polylang .lang-item-first {
		margin-left: 60px;
	}

	.header_bottom_widget.widget_polylang .current-lang a {
		color: #F17E75;
	}

	.side_menu_button_wrapper.right {
		display: flex;
		align-items: center;
	}
}

/* Temp Remove Polylang 
.header_bottom_widget.widget_polylang,
nav.mobile_menu ul li.lang-item {
	display: none !important;
}*/