/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: bridge
Template: bridge
*/

/* ----------------
Logo
-------------------
*/



@media (min-width: 981px) {
.q_logo img{
height:231px !important;
width:auto;
max-height:none !important;
	margin-top:-100px;
}
	
	.q_logo img.light,
.q_logo img.dark{
display:none !important;
}

.q_logo img.normal{
display:block !important;
}

.q_logo a{
height:auto !important;
}
  }



/* ----------------
 Breite mobil
-------------------
*/

@media (max-width: 768px) {
.qode_elementor_container_inner,
.full_width .parallax_content,
.steps_holder_inner,
div.grid_section .section_inner,
nav.content_menu ul { width:80% !important; }
  }

/* ----------------
Reverse mobile 
-------------------
*/

@media (max-width: 768px) {
  .reverse-mobile > .section_inner > .section_inner_margin {
    display: flex;
    flex-direction: column-reverse;
  }

  .reverse-mobile .wpb_column {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  .reverse-mobile .wpb_column:first-child {
    margin-top: 20px;
  }
}

/* ----------------
 Hero Container
-------------------
*/

.d7-hero{
position:relative;
width:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background-image:url("/wp-content/uploads/2026/03/hero-bg.webp");
background-size:cover;
background-position:75% bottom;
background-repeat:no-repeat;
overflow:hidden;
animation:heroZoom 2.4s ease-out forwards;
}

.d7-hero-inner{
position:relative;
max-width:1400px;
width:100%;
padding:270px 30px 60px 30px;
opacity:0;
transform:translateY(30px);
animation:heroContent 1.2s ease forwards .4s;
}

@media(max-width:1490px){
.d7-hero{
	height:800px;
background-position:78% bottom;
}
.d7-hero-inner{
padding:120px 30px 50px 30px;
}
}

@media(max-width:997px){
.d7-hero{
	height:372px;
background-position:78% bottom;
}
.d7-hero-inner{
padding:10px 30px 50px 30px;
}
}

@media(max-width:768px){
.d7-hero{
	height:430px;
background-position:90% bottom;
	background-image:url("/wp-content/uploads/2026/03/hero-bg-mobil.webp");
}
.d7-hero-inner{
padding:60px 25px 40px 25px;
}
.d7-hero-text br{
display:none;
}
}

.d7-hero-title{
font-family:'d7 - Montserrat-Bold',sans-serif;
font-size:clamp(36px,5vw,72px);
line-height:1.1;
margin-bottom:clamp(18px,2vw,30px);
color:#fff;
text-shadow:3px 3px 10px rgba(0,0,0,.85);
}

@media(max-width:768px){
.d7-hero-title{
font-family:'d7 - Montserrat-Bold',sans-serif;
font-size:32px;
line-height:1.1;
}
}

.d7-hero-text{
font-size:clamp(18px,2vw,24px);
line-height:1.6;
margin-bottom:clamp(28px,4vw,45px);
color:#fff;
text-shadow:3px 3px 8px rgba(0,0,0,1);
}


.d7-hero-btn{
display:inline-block;
padding:16px 34px;
border-radius:40px;
font-size:clamp(16px,1.1vw,18px);
font-weight:600;
text-decoration:none;
color:#2a1b00;

background-image: linear-gradient( 130deg, #e5aa37, #b98d32, #e9c379, #b98d32, #e5aa37 );
	
box-shadow:
0 10px 22px rgba(0,0,0,.45),
;

opacity:0;
transform:translateY(15px);
animation:heroBtn 1s ease forwards 1.1s;

transition:transform .25s ease, box-shadow .25s ease;

position:relative;
overflow:hidden;
}

.d7-hero-btn:hover{
box-shadow:
0 14px 28px rgba(0,0,0,.45),
0 0 18px rgba(255,210,120,.65),
inset 0 2px 3px rgba(255,255,255,.7),
inset 0 -4px 6px rgba(0,0,0,.25);
}

.d7-hero-btn::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:55%;

background:linear-gradient(
to bottom,
rgba(255,255,255,.65),
rgba(255,255,255,.2),
transparent
);

border-radius:40px;
pointer-events:none;
}

.d7-hero-btn::after{
content:"";
position:absolute;
top:-120%;
left:-120%;
width:120%;
height:340%;

background:linear-gradient(
115deg,
transparent 35%,
rgba(255,255,255,.18) 45%,
rgba(255,255,255,.45) 50%,
rgba(255,255,255,.18) 55%,
transparent 65%
);

transform:translateX(-200%) rotate(20deg);
animation:goldShimmer 7s linear infinite;

pointer-events:none;
}

@keyframes goldShimmer{
0%{
transform:translateX(-220%) rotate(20deg);
}
100%{
transform:translateX(220%) rotate(20deg);
}
}

@keyframes heroZoom{
0%{
background-size:110%;
opacity:.6;
}
100%{
background-size:100%;
opacity:1;
}
}

@keyframes heroContent{
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes heroBtn{
to{
opacity:1;
transform:translateY(0);
}
}

/* ----------------
Backgrounds
-------------------
*/

.bg-2{
background:
linear-gradient(to bottom,
rgba(10,10,10,1) 0%,
rgba(10,10,10,0) 25%,
rgba(10,10,10,0) 55%,
rgba(10,10,10,1) 100%),
url("/wp-content/uploads/2026/03/bg-1.webp");

background-position:center;
background-repeat:no-repeat;
background-size:2000px auto;
background-color:#0a0a0a;
}

@media(max-width:768px){
.bg-2{
background:
linear-gradient(to bottom,
rgba(10,10,10,1) 0%,
rgba(10,10,10,0) 25%,
rgba(10,10,10,0) 55%,
rgba(10,10,10,1) 100%),
url("/wp-content/uploads/2026/03/bg-1.webp");

background-position:center;
background-repeat:no-repeat;
background-color:#0a0a0a;
}
}

.bg-1{
background:
linear-gradient(to bottom,
#0a0a0a 0%,
rgba(10,10,10,0.95) 10%,
rgba(10,10,10,0.75) 18%,
rgba(10,10,10,0.4) 26%,
rgba(10,10,10,0) 35%,
rgba(10,10,10,0) 65%,
rgba(10,10,10,0.4) 74%,
rgba(10,10,10,0.75) 82%,
rgba(10,10,10,0.95) 90%,
#0a0a0a 100%
),
url("/wp-content/uploads/2026/03/bg-1.webp") center/2100px auto no-repeat,
#0a0a0a;
}

@media(max-width:768px){

.bg-1{
background:
linear-gradient(to bottom,
#0a0a0a 0%,
rgba(10,10,10,0.95) 10%,
rgba(10,10,10,0.75) 18%,
rgba(10,10,10,0.4) 26%,
rgba(10,10,10,0) 35%,
rgba(10,10,10,0) 65%,
rgba(10,10,10,0.4) 74%,
rgba(10,10,10,0.75) 82%,
rgba(10,10,10,0.95) 90%,
#0a0a0a 100%
),
url("/wp-content/uploads/2026/03/bg-mobile.webp") left top / cover no-repeat,
#0a0a0a;
}
}

.bg-3{
background:
linear-gradient(to bottom,
rgba(10,10,10,0) 0%,
rgba(10,10,10,0) 60%,
rgba(10,10,10,0.35) 75%,
rgba(10,10,10,0.65) 85%,
rgba(10,10,10,0.9) 95%,
#0a0a0a 100%
),
url("/wp-content/uploads/2026/03/bg-1.webp") center/2100px auto no-repeat,
#0a0a0a;
}

@media(max-width:768px){

.bg-3{
background:
linear-gradient(to bottom,
rgba(10,10,10,0) 0%,
rgba(10,10,10,0) 60%,
rgba(10,10,10,0.35) 75%,
rgba(10,10,10,0.65) 85%,
rgba(10,10,10,0.9) 95%,
#0a0a0a 100%
),
url("/wp-content/uploads/2026/03/bg-mobile.webp") left top / cover no-repeat,
#0a0a0a;
}
}


.footer_bottom_holder {
  background:
    linear-gradient(to bottom,
      rgba(10,10,10,1) 0%,
      rgba(10,10,10,0.9) 15%,
      rgba(10,10,10,0.6) 30%,
      rgba(10,10,10,0.25) 45%,
      rgba(10,10,10,0.2) 60%,
      rgba(10,10,10,0.25) 75%,
      rgba(10,10,10,0.6) 85%,
      rgba(10,10,10,0.9) 95%,
      rgba(10,10,10,1) 100%
    ),
    linear-gradient(rgba(10,10,10,0.2), rgba(10,10,10,0.2)),
    url("/wp-content/uploads/2026/03/bg-1.webp") center/2000px auto no-repeat,
    #0a0a0a;
}

/* ----------------
Space
-------------------
*/

.space-1 {margin-top:4%;}

@media (max-width: 767px) {
.space-1 {margin-top:10%;}
}

.space-side-1 {padding-left:10%; padding-right: 10%}

.space-img-team {margin-top:40px;}

@media (max-width: 767px) {
.space-img-team {margin-top:0px;}
}

.space-kontaktblock {margin-top:70px;}

@media (max-width: 767px) {
.space-kontaktblock {margin-top:20px;}
}

.space-img-faq {margin-top:110px;}

@media (max-width: 767px) {
.space-img-faq {margin-top:0px;}
}

/* ----------------
Headline
-------------------
*/

.headline::after{
content:"";
display:block;
width:220px;
height:2px;
margin:16px auto 0;

background:linear-gradient(
to right,
transparent,
rgba(217,153,26,.7) 25%,
#d9991a 50%,
rgba(217,153,26,.7) 75%,
transparent
);

box-shadow:0 0 6px rgba(217,153,26,.4);
transform:scaleX(0);
transform-origin:center;
transition:transform .9s ease;
}

.headline.animate::after{
transform:scaleX(1);
}

.headline-2::after{
content:"";
display:block;
width:220px;
height:2px;
margin:16px 0 0 10px;

background:linear-gradient(
to right,
transparent,
rgba(217,153,26,.7) 25%,
#d9991a 50%,
rgba(217,153,26,.7) 75%,
transparent
);

box-shadow:0 0 6px rgba(217,153,26,.4);

transform:scaleX(0);
transform-origin:left;
transition:transform .9s ease;
}

.headline-2.animate::after{
transform:scaleX(1);
}

/* ----------------
Feature Block
-------------------
*/

.features{
max-width:1400px;
margin:auto;
padding:40px 40px;
}

.features-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:60px;
text-align:center;
}

.feature{
display:flex;
flex-direction:column;
align-items:center;
}

/* Bild Platzhalter */

.feature-img{

margin-bottom:20px;
display:flex;
align-items:center;
justify-content:center;
}

.feature-img img{
max-width:100%;
height:auto;
display:block;
}

/* Headline */

.feature h3{
color:#d9991a;
font-size:20px;
margin-bottom:0px;
text-shadow: -3px 2px 1px rgba(0,0,0,1);
padding: 0 15px 0 15px;
min-height:48px;

display:flex;
align-items:flex-start;
justify-content:center;
}

/* Text */

.feature p{
color:#e6e6e6;
line-height:1.6;
font-size:16px;
max-width:280px;
}

@media(max-width:1000px){
.features-grid{
grid-template-columns:repeat(2,1fr);
gap:50px;
}
}

@media(max-width:600px){
.features-grid{
grid-template-columns:1fr;
	gap:20px;
}
}

/* ----------------
IMG Shadow
-------------------
*/

.img-card .wpb_single_image{
text-align:center !important;
}

.img-card img{
display:block;
margin:0 auto;
float:none;
}

.img-card img{
border-radius:30px;
box-shadow:
-1px 1px 16px rgba(0,0,0,.9),
0 0 4px rgba(0,0,0,.5);
  filter: brightness(0.75);

display:inline-block;
}


@media(max-width:600px){
.img-card .wpb_single_image{
text-align:left !important;
}

.img-card img{
	width: 80%;
}
}

/* ----------------
Card SLider
-------------------
*/

.card-slider-txt-left {padding-top:6%;}

.cardslider {
  position: relative;
  overflow: visible;
  padding-bottom: 200px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Swiper selbst darf clippen */
.cardslider .swiper {
  overflow: hidden;
}

.swiper-wrapper {
  height: 600px!important;
  padding-right:10px;
}

.cardslider .card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 520px;
  display: flex;
  align-items: flex-end;
  background: #000;
	 box-shadow: 0 8px 22px rgba(0,0,0,0.38);
}


.cardslider .card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

/* =========================
   Overlay
========================= */

.cardslider .card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.1)),
    linear-gradient(
      to top,
      rgba(0,0,0,0.85) 0%,
      rgba(0,0,0,0.55) 35%,
      rgba(0,0,0,0) 65%
    );
  z-index: 1;
}


.cardslider .card-content {
  position: relative;
  z-index: 2;
  padding: 24px;
}

.cardslider .card h3 {
  color: #fff;
  font-size: 24px;
  margin: 0 0 6px 0;
  line-height: 1.2;
}

.cardslider .card p {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  max-width: 90%;
  opacity: .95;
}

/* Card Content immer gleiche Höhe */

.cardslider .card-content{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:26px;
  min-height:130px;

  display:flex;
  flex-direction:column;
  justify-content:flex-start; /* Titel immer oben */
}

/* Titel immer gleiche Position */

.cardslider .card h3{
margin:0 0 10px 0;
font-size:20px;
line-height:1.2;
min-height:30px; /* gleiche Position */
}

/* Text begrenzen */

.cardslider .card p{
  margin: 0;
  font-size: 14px;
  line-height: 1.5;

  display: -webkit-box;
  -webkit-line-clamp: 4;     /* max 3 Zeilen */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =========================
   Hover
========================= */

@media (hover: hover) {

  .cardslider .card:hover img {
    transform: scale(1.04);
  }

}

/* =========================
   Pfeil-Navigation
========================= */

.cardslider .swiper-button-next,
.cardslider .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: 10px;
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 22px rgba(0,0,0,0.18);
  color: #1e2a55;
  transition: box-shadow 0.2s ease, opacity 0.2s ease;
}

.cardslider .swiper-button-prev {
  right: 64px;
  left: auto;
}

.cardslider .swiper-button-next {
  right: 10px;
}

.cardslider .swiper-button-next::after,
.cardslider .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 600;
}

@media (hover: hover) {
  .cardslider .swiper-button-next:hover,
  .cardslider .swiper-button-prev:hover {
    box-shadow: 0 14px 30px rgba(0,0,0,0.26);
    opacity: 0.9;
  }
}

.cardslider .swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* =========================
   Mobile Anpassung
========================= */

@media (max-width: 768px) {

  .cardslider {
    padding-bottom: 150px;
  }

  .cardslider .swiper-button-next,
  .cardslider .swiper-button-prev {
    bottom: 0px;
  }

}


/*
*****************
Insta-Slider
*****************
*/

.image-slider .swiper-wrapper {
  height: 450px!important;
  padding-right:10px;
}

@media (max-width: 767px) {
.image-slider .swiper-wrapper {
  height: 320px!important;
  padding-right:10px;
}
}

.image-slider .card{
  position: relative; /* WICHTIG */
  height: 420px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,0.38);
}

.image-slider .card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.1)),
    linear-gradient(
      to top,
      rgba(0,0,0,0.45) 0%,
      rgba(0,0,0,0.25) 35%,
      rgba(0,0,0,0) 65%
    );
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 767px) {
.image-slider .card{
  height: 300px;
  border-radius: 22px;
  overflow: hidden;
	 box-shadow: 0 8px 22px rgba(0,0,0,0.38);
}
}

.image-slider .card img{
  width:100%;
  height:100%;
  object-fit:cover;
}





/* =========================
Fade links / rechts
========================= */

.image-slider{
  position:relative;
}

.image-slider::before,
.image-slider::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:120px;
  z-index:5;
  pointer-events:none;
}

.image-slider::before{
  left:0;
  background:linear-gradient(to right,#000,transparent);
}

.image-slider::after{
  right:0;
  background:linear-gradient(to left,#000,transparent);
}

/* ----------------
Checklist
-------------------
*/

.d7-checklist{
list-style:none;
padding:0;
margin:0;
max-width:720px;
}

.d7-checklist li{
position:relative;
padding-left:44px;
margin-bottom:8px;
font-size:clamp(16px,1.05vw,18px);
line-height:1.6;
color:#eaeaea;
}

/* Goldener Check */

.d7-checklist li::before{
content:"✔";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);

font-size:24px;
font-weight:700;

background:linear-gradient(
135deg,
#fff4c6 0%,
#f3c96a 35%,
#d69a2a 65%,
#b77c16 100%
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* ----------------
Button
-------------------
*/

.qbutton.default{
display:inline-block;
padding:10px 22px;
border-radius:28px;

font-size:clamp(14px,0.95vw,16px);
font-weight:600;
text-decoration:none;
color:#2a1b00 !important;
	
background-image: linear-gradient( 130deg, #e5aa37, #b98d32, #e9c379, #b98d32, #e5aa37 );

border:none !important;

box-shadow:
0 6px 14px rgba(0,0,0,.35),;

transition:transform .25s ease, box-shadow .25s ease;

position:relative;
overflow:hidden;
}

/* Hover */

.qbutton.default:hover{
transform:translateY(-1px);

box-shadow:
0 10px 20px rgba(0,0,0,.35),
0 0 12px rgba(255,210,120,.5),
inset 0 2px 3px rgba(255,255,255,.7),
inset 0 -3px 5px rgba(0,0,0,.25);
}

/* Glas Highlight */

.qbutton.default::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:55%;

background:linear-gradient(
to bottom,
rgba(255,255,255,.65),
rgba(255,255,255,.2),
transparent
);

border-radius:40px;
pointer-events:none;
}

/* Gold Shimmer */

.qbutton.default::after{
content:"";
position:absolute;
top:-120%;
left:-120%;
width:120%;
height:340%;

background:linear-gradient(
115deg,
transparent 35%,
rgba(255,255,255,.18) 45%,
rgba(255,255,255,.45) 50%,
rgba(255,255,255,.18) 55%,
transparent 65%
);

transform:translateX(-200%) rotate(20deg);
animation:goldShimmer 7s linear infinite;

pointer-events:none;
}

/* Animation */

@keyframes goldShimmer{
0%{
transform:translateX(-220%) rotate(20deg);
}
100%{
transform:translateX(220%) rotate(20deg);
}
}

@media only screen and (max-width: 768px) {
    body:not(.qode_disabled_responsive_button_padding_change) #submit_comment, body:not(.qode_disabled_responsive_button_padding_change) .drop_down .wide .second ul li .qbutton, body:not(.qode_disabled_responsive_button_padding_change) .drop_down .wide .second ul li ul li .qbutton, body:not(.qode_disabled_responsive_button_padding_change) .load_more a, body:not(.qode_disabled_responsive_button_padding_change) .qbutton, body:not(.qode_disabled_responsive_button_padding_change) .qbutton.small {
        padding: 11px 20px!important;
    }
}

/* ----------------
Jobs Block
-------------------
*/

.jobs h3 {padding-bottom:25px;}


/* ----------------
Contact Form 7
-------------------
*/

input.wpcf7-form-control.wpcf7-submit[disabled] {
    color: #818181;
    border: 0px!important;
}

.d7-form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px 20px;
}

@media (max-width:768px){
.d7-form-grid{
grid-template-columns:1fr;
}
}


.d7-field{
margin-bottom:0px;
}

.d7-form-progress{
font-size:16px;
margin-bottom:20px;
color:#e9e9e9;
}

/* Steps */

.d7-form-step{
display:none;
}

.d7-form-step.active{
display:block;
}

/* Buttons */

.d7-next,
.d7-prev{

margin-top:20px;
margin-right:10px;

padding:10px 22px;

border-radius:30px;
border:none;

cursor:pointer;

background-image: linear-gradient( 130deg, #e5aa37, #b98d32, #e9c379, #b98d32, #e5aa37 );


color:#2a1b00;
font-weight:600;

}

/* Steps */

.d7-form-step{
display:none;
}

.d7-form-step.active{
display:block;
}


/* Button Container */

.d7-buttons{
margin-top:20px;
}


/* Buttons */

.d7-next,
.d7-prev{

padding:10px 20px;
margin-right:10px;

border:none;
border-radius:30px;

cursor:pointer;

background-image: linear-gradient( 130deg, #e5aa37, #b98d32, #e9c379, #b98d32, #e5aa37 );

color:#2a1b00;
font-weight:600;
}

.d7-field input[type="date"]::-webkit-calendar-picker-indicator{
filter:invert(1);
cursor:pointer;
opacity:0.8;
}

/* CF7 Submit Button */

.wpcf7-submit{
display:inline-block;
padding:10px 22px;
border-radius:28px;

font-size:clamp(14px,0.95vw,16px);
font-weight:600;

color:#2a1b00 !important;

background-image: linear-gradient( 130deg, #e5aa37, #b98d32, #e9c379, #b98d32, #e5aa37 );

border:none;
cursor:pointer;

box-shadow:
0 6px 14px rgba(0,0,0,.35),;

transition:transform .25s ease, box-shadow .25s ease;

position:relative;
overflow:hidden;
}

.wpcf7-submit:hover{

transform:translateY(-1px);

box-shadow:
0 10px 20px rgba(0,0,0,.35),
0 0 12px rgba(255,210,120,.5),
;

}

.wpcf7-submit::before{

content:"";
position:absolute;
top:0;
left:0;
right:0;
height:55%;

background-image: linear-gradient( 130deg, #e5aa37, #b98d32, #e9c379, #b98d32, #e5aa37 );

border-radius:40px;
pointer-events:none;

}

.wpcf7-submit::after{

content:"";
position:absolute;
top:-120%;
left:-120%;
width:120%;
height:340%;

background:linear-gradient(
115deg,
transparent 35%,
rgba(255,255,255,.18) 45%,
rgba(255,255,255,.45) 50%,
rgba(255,255,255,.18) 55%,
transparent 65%
);

transform:translateX(-200%) rotate(20deg);
animation:goldShimmer 7s linear infinite;

pointer-events:none;

}

.wpcf7-spinner{
margin-left:12px;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
font-family: 'd7 - Montserrat-Regular', sans-serif!important;
}

/* ----------------
Whatsapp Button
-------------------
*/

.d7-whatsapp-btn{
position:fixed;
top:260px;
right:24px;

width:58px;
height:58px;

background:#25D366;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

box-shadow:
0 10px 22px rgba(0,0,0,.35),
0 0 20px rgba(37,211,102,.35);

z-index:999999; /* wichtig */

cursor:pointer;
pointer-events:auto;

transition:transform .2s ease, box-shadow .2s ease;
}

.d7-whatsapp-btn img{
width:28px;
height:28px;
pointer-events:none;
}

@media (max-width: 767px) {
.d7-whatsapp-btn{
top:auto;
bottom:20px;
left:20px;
}
}

.d7-whatsapp-btn img{
width:28px;
height:28px;
pointer-events:none;
}

/* ----------------
Kontakt Infos
-------------------
*/

.d7-contact-info{
display:flex;
flex-direction:column;
gap:14px;
}

.d7-contact-row{
display:flex;
align-items:center;
gap:16px;

font-family:'d7 - Montserrat-SemiBold', sans-serif;
font-size:22px;
font-weight:600;

color:#fdbb3c;
}

.d7-contact-row i{
font-size:22px;
width:26px;
text-align:center;
}

/* ----------------
Toggle
-------------------
*/

.qode-accordion-holder .qode-title-holder {
 background-color: #ffffff00!important;
   
}

/* LP Content */

.lp-con h3 {margin-bottom:20px;}
.lp-con ul {margin-bottom:20px;}