.davies-large .effectFade {
  font-size: 5rem;      /* your desired size */
  letter-spacing: 0.05em; /* adjust this value to create more space */
  margin-top: -60px !important;
  font-weight: 900;
}


@media (max-width: 900px) {
  .davies-large .effectFade {
    font-size: 3rem;     /* smaller size on narrow screens */
  }
}


/* or with media queries */
@media (max-width: 600px) {
  .davies-large .effectFade {
    font-size: 2rem;     /* smaller size on narrow screens */
  }
}

.davies-large .effectFade:nth-child(2) {
  margin-left: 20%; /* moves "Gemeindefond" 20% to the right */
}

.text-caption
{
  font-size: 1rem;      /* your desired size */
  letter-spacing: 0.05em; /* adjust this value to create more space */
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.section-hero-v1 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

#hidden {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* .section-cta {
  position: relative;

  .bg-img {
  position: absolute;
  top: 0; left: 0; right: 0;
  bottom: 100px; 
  z-index: -1;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
  }
}

  @include res(xxl, min) {
    min-height: 400px;  // example fixed height
    padding-bottom: 180px;
  }
} */

.section-cta {
  position: relative;
}

.section-cta .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100px;
  z-index: -1;
}

.section-cta .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

/* Media Query statt Mixin */
@media (min-width: 1400px) { /* Beispielwert für xxl */
  .section-cta {
    min-height: 400px;
    padding-bottom: 180px;
  }
}

#time {
    display: inline-block;
    transform: translateY(10px);
}

body {
  background:
    url('') repeat,
    #000000; /* fallback background color */
  color: #fff;
}

#codingroom {
  color: #07c42c;
    margin-left: -5px;
  padding: 0;
}

@media (max-width: 767px) {
  #codingroom {
    margin-left: -3px !important;
  }
}

@media (max-width: 844px) {
  #codingroom {
    margin-left: -3px !important;
  }
}

@media (max-width: 1200px) {
  #codingroom {
    margin-left: -3px !important;
  }
}

.wg-service-2 {
    min-width: 400px; /* or whatever min width fits layout */
}

.main-image {
    min-width: 200px; /* Set a minimum width for image container */
    flex-shrink: 0;   /* Prevent shrinking */
}

.center {
    flex-shrink: 1;   /* Let text shrink if needed */
}

#hidden {
    display: none;
}

.section-hero-v1 .overlay,
.section-hero-v1 .bg-video .video-overlay,
.section-hero-v1 .bg-video .video-overlay-2 {
  display: none !important;
}

.effectFade.fadeRotateX {
    color: #fff; /* Green text */
    text-shadow:
        -4px -4px 0 #181a19,  
         1px -1px 0 #181a19,
        -1px  1px 0 #181a19,
         1px  1px 0 #181a19; /* White outline */
}

.volume-btn {
  position: absolute;
  top: 6vh;  /* 10% of viewport height */
  right: 2vw; /* 5% of viewport width */
  border: none;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  z-index: 100;
}

.volume-btn {
  animation: fadePulse 5s infinite ease-in-out; /* Adjust duration as needed */
  opacity: 1;
}

@keyframes fadePulse {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}


.tf-list li {
  list-style-type: disc !important;
  display: list-item !important;
   margin-bottom: 0;
  padding-left: 20px !important;

}

.custom-list,
.custom-list li {
  list-style: none;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 18px;
}


.bg-image {
  opacity: 1.0;
}

.only-transparent img {
  opacity: 1.0;
}

.darker_section_1 {
  filter: brightness(0.9);
}

.darker {
  filter: brightness(0.5);
}

@media (max-width: 1024px) {
  img[src^="assets/images/section/section_"] {
    opacity: 0;
  }
  .bg-image {
    background: #000;
  }
}

.section-about-me {
  margin-top: 200px;
}
@media (max-width: 767px) {
  .section-about-me {
    margin-top: 0px !important;
  }
}

.section-hero-v1 {
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  .section-hero-v1 {
    margin-bottom: 0px !important;
  }
}

.s-img-bg img {
  margin-left: -100px; /* Moves image left */
}

.flat-spacing-avatar {
  padding-top: 300px;
  padding-bottom: 300px;
  
}

@media (max-width: 1439px) {
  .flat-spacing-avatar {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .flat-spacing-avatar {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.custom-image {
  height: 400px !important;
  width: auto !important;
  margin-left: 80px; /* Adjust as needed */
  margin-bottom: 150px;
}

@media (max-width: 800px) {
  .custom-image {
    margin-bottom: 50px;
    margin-left: 80px; /* Optional: also reduce left margin if needed */
    height: 200px;     /* Optional: reduce height on small screens */
  }
}

@media (max-width: 600px) {
  .custom-image {
    margin-bottom: 50px;
    margin-left: 80px; /* Optional: also reduce left margin if needed */
    height: 200px;     /* Optional: reduce height on small screens */
  }
}

.preloader {
  opacity: 1;
  transition: opacity 2.0s ease;
}
.preloader.fade-out {
  opacity: 0;
  pointer-events: none;
}