/* Desktop: 3 Spalten */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Bilder im Grid */
.gallery-grid a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.gallery-grid img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.gallery-grid img:hover {
  transform: scale(1.03);
}

/* Text und Abstand */
.vlt-services__text {
  padding: 0 0px;
  text-align: justify;
}


/* Responsive Anpassung für kleine Screens */
@media (max-width: 768px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0 10px;
  }

  .gallery-grid img {
    height: 120px; /* feste Höhe für kompakteres Layout */
    object-fit: cover;
  }

  .vlt-services__text {
    font-size: 0.95rem;
  }



.vlt-navbar .vlt-navbar-logo img.white {
    max-width: 100px !important;
    height: auto !important;
}

.vlt-custom--8131 {
	bottom: -250px;
	left: -200px;
	max-width: 550px;
}
.has-first-color {
	color: #a898bf !important;
}
.vlt-counter-up .counter {
	color: #a898bf !important;
}
.vlt-counter-up sup {
	color: #a898bf !important;
}
.vlt-link-with-arrow__text {
	color: #a898bf !important;
}
.vlt-link-with-arrow__icon {
	color: #a898bf !important;
}
.vlt-offcanvas-menu__navigation a {
	color: #a898bf !important;
}

}
.vlt-offcanvas-menu__navigation a:hover {
	color: #cbb8e5 !important; /* oder ein etwas helleres Lila */
}
.vlt-offcanvas-menu__navigation .sfHover > a,
.vlt-offcanvas-menu__navigation li.current > a {
	color: #a898bf !important;
}
.vlt-fullpage-slider-progress-bar {
	background-color: #a898bf !important;
}
.vlt-offcanvas-menu__navigation li a::before {
	background-color: #a898bf !important;
}
.vlt-offcanvas-menu__navigation li a::before {
	background-color: #a898bf !important; /* Lila */
}

.vlt-offcanvas-menu::after {
	background-color: #a898bf !important; /* dein lila Farbton */
}
.vlt-fixed-socials a {
	color: #ac95c2; /* ersetzt rot mit deiner gewünschten Farbe */
}

.vlt-fixed-socials a::after {
	background-color: #ac95c2 !important; /* ersetzt den roten Balken */
}

.vlt-fixed-socials::after {
	background-color: #ac95c2 !important; /* falls es direkt auf dem Container ist */
}
body .vlt-offcanvas-menu::after {
	background-color: #ac95c2 !important;
}
.vlt-offcanvas-menu.vlt-offcanvas-menu--style-1::after {
	background-color: #ac95c2 !important;
}
html body .vlt-fixed-socials::after {
    background-color: #ac95c2 !important; /* dein lila Farbton */
}
.vlt-offcanvas-menu__navigation::-webkit-scrollbar-thumb{
    background-color: #ac95c2 !important; /* dein lila Farbton */
}
.vlt-language-switcher {
    display: none !important;
}


.vlt-custom--1451 {
	top: -25px;
	left: -30px;
	width: 256px;
	height: 208px;
}

@media only screen and (max-width: 575px) {
	.vlt-custom--1451 {
		top: -100px;
		left: -100px;
	}
}

.vlt-custom--1512 {
	bottom: -28vw;
	left: 50vw;
	width: 75vw;
	height: 75vw;
	background-size: cover;
}

.vlt-custom--4124 {
	top: 0;
	right: 0;
	bottom: 0;
	width: 40vw;
	height: 100%;
	background-position: top left;
	background-size: cover;
}

@media only screen and (max-width: 991px) {
	.vlt-custom--4124 {
		right: 0;
		width: 50vw;
	}
}

@media only screen and (max-width: 767px) {
	.vlt-custom--4124 {
		right: -50vw;
		width: 100vw;
	}
}

.vlt-custom--1259 {
	top: -20px;
	right: -5px;
	width: 256px;
	height: 208px;
}

.vlt-custom--2355 {
	bottom: -250px;
	left: 0;
	width: 389px;
	height: 550px;
}