body {
font-family: Helvetica, Arial, sans-serif;
font-size:1.1em;
color: #3A3A3A;
}

@media (prefers-color-scheme: dark) {

  body {
  color: #CFCFCF;
  }

  .text-body-secondary {
      color: #878787 !important;
  }

}

/* Styling für den Videocontainer */
.VideoContainer {
position: relative;
width: 100%; /* Vollbreite des Viewports */
height: 100%; /* Vollhöhe des Viewports */
overflow: hidden; /* Verstecken von Inhalten, die über die Grenzen hinausgehen */
}

/* Styling für das Video-Hintergrund */
.VideoContainer video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Bildanpassung, um den ganzen Hintergrund abzudecken */
}

/* Styling für das überlappende Bild */
.VideoContainer img {
position: absolute;
right: 0; /* An die rechte Seite anheften */
top: 50%; /* Vertikal zentrieren */
transform: translateY(-50%);
z-index: 1; /* Über dem Video liegen */
}

/*Styling Iamge Container */
.ImageContainer {
position: relative;
width: 100%; /* Vollbreite des Viewports */
height: 100%; /* Vollhöhe des Viewports */
overflow: hidden; /* Verstecken von Inhalten, die über die Grenzen hinausgehen */
}

/* Styling für das Video-Hintergrund */
.ImageContainer img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* Bildanpassung, um den ganzen Hintergrund abzudecken */
}
        
 .btn
 {
   border-radius: 20px !important;
   background-color: #3B61D2 !important;
 }
 
 .thblue{
  color: #3B61D2 !important;
 }

 
 @media (max-width: 900px) {

  // Align text to center.
  .text-xs-center {
    text-align: center;
  } 
}
 
/* Set initial opacity to 0 */
.animate-element {
  opacity: 0;
}

.animate-element span {
  opacity: 0;
}

.fade-in-icon {
    opacity: 0;
    transition: opacity 1s ease-in;
}

.fade-in-icon.visible {
    opacity: 1;
}

.no-word-break {
  word-break: keep-all;
}





/* Call To Action Start */
.d2c_c2a_wrapper {
    background: #030540;
    padding: 50px 0px;
    background-image: url('https://team.teamhub.software/Data/Pages/Files/62fed228-667a-4783-92dd-544ffca984af/call_to_action_ellipse.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}
h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
}
.pcta {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    padding-right: 100px;
    margin-bottom: 40px;
}

.htcta {
color: #FFFFFF;
}

  .dock-btn {
    background-color: rgb(24, 24, 24);
    border-radius: 10px;
    transition: transform 0.2s;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  }

.border
{
	border-radius: 5px;
}