/* Verhindert jegliche Textmarkierung auf der gesamten Seite */
		* {
		  -webkit-user-select: none;  /* Safari/Chrome */
		  -moz-user-select: none;     /* Firefox */
		  -ms-user-select: none;      /* IE/Edge */
		  user-select: none;          /* Standard */
		}
		
		/* ========== BASISSTILE ========== */
		@font-face {
			font-family: 'Zapfino';
			src: url('fonts/Zapfino.woff2') format('woff2'),
				url('fonts/Zapfino.woff') format('woff'),
				url('fonts/Zapfino.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
		}

		:root {
			--primary-color: #B8874F;
			--secondary-color: #0B2E30;
			--dark-color: #0B2E30;
			--background-color: #FAF9F6;
			--text-color: #262422;
			--header-height: 100vh;
			--section-padding: 100px 20px;
		}

		* {
			box-sizing: border-box;
		}

		body {
			font-family: 'Inter', sans-serif;
			margin: 0;
			padding: 0;
			color: var(--text-color);
			background-color: var(--background-color);
			line-height: 1.65;
			transition: background-color 0.3s ease, color 0.3s ease;
		}

		h1, h2, h3 {
			font-family: 'Fraunces', serif;
			font-weight: 600;
			letter-spacing: -0.01em;
		}

		/* ========== HEADER & NAVIGATION ========== */
		header {
			position: relative;
			height: var(--header-height);
			background: url('bilder/header.jpg') center/cover no-repeat;
			color: white;
			text-align: right;
			padding: 840px 70px 0px 0px;
		}

		header h1 {
			font-family: 'Zapfino', cursive;
			font-size: 2.5em;
			color: white;
			margin-top: -50px;
			margin-left: auto;
			padding-right: 40px;
			line-height: 2;
			transform: perspective(400px) rotateX(5deg) rotateY(-15deg) rotateZ(0.5deg);
			transform-origin: right center;
			text-shadow: 
				1px 1px 2px rgba(0,0,0,0.4),
				3px 3px 5px rgba(0,0,0,0.2),
				0 0 15px rgba(255,255,255,0.1);
			background: linear-gradient(105deg, transparent, rgba(255,255,255,0.05) 50%, transparent);
			background-clip: text;
			-webkit-background-clip: text;
		}
		
		header h1 {
		  position: absolute;
		  width: 1px;
		  height: 1px;
		  overflow: hidden;
		  clip: rect(0, 0, 0, 0);
		  white-space: nowrap;
		  border: 0;
		}

		/* ========== CALL TO ACTION ========== */
		.cta-button {
			display: inline-block;
			font-family: 'Inter', sans-serif;
			font-weight: 600;
			font-size: 1.05em;
			color: white;
			background-color: var(--secondary-color);
			padding: 16px 34px;
			border-radius: 3px;
			border: none;
			text-decoration: none;
			cursor: pointer;
			transition: background-color 0.3s ease, transform 0.3s ease;
		}

		.cta-button:hover {
			background-color: var(--primary-color);
			transform: translateY(-2px);
		}

		header .cta-button {
			position: absolute;
			right: 70px;
			bottom: 80px;
			z-index: 1;
		}

		.cta-inline-wrap {
			text-align: center;
			padding: 20px 20px 100px;
		}

		/* ========== KONTAKTFORMULAR ========== */
		.contact-form-section {
			background-color: white;
			border-radius: 3px;
			border: 1px solid rgba(11, 46, 48, 0.12);
			padding: 60px 40px;
		}

		.contact-form-intro {
			max-width: 560px;
			margin: 0 auto 40px;
		}

		.contact-form {
			max-width: 640px;
			margin: 0 auto;
			text-align: left;
		}

		.form-row {
			display: flex;
			gap: 20px;
			flex-wrap: wrap;
		}

		.form-field {
			flex: 1 1 220px;
			margin-bottom: 20px;
			display: flex;
			flex-direction: column;
		}

		.form-field-full {
			flex: 1 1 100%;
		}

		.form-field label {
			font-family: 'Inter', sans-serif;
			font-size: 0.9em;
			font-weight: 500;
			margin-bottom: 6px;
			color: var(--text-color);
		}

		.form-field input,
		.form-field textarea {
			font-family: 'Inter', sans-serif;
			font-size: 1em;
			padding: 12px 14px;
			border: 1px solid rgba(11, 46, 48, 0.25);
			border-radius: 3px;
			background-color: var(--background-color);
			color: var(--text-color);
			resize: vertical;
		}

		.form-field input:focus,
		.form-field textarea:focus {
			outline: none;
			border-color: var(--secondary-color);
		}

		.contact-form .cta-button {
			display: block;
			width: 100%;
			text-align: center;
			margin-top: 10px;
		}

		@media (max-width: 768px) {
			header .cta-button {
				right: 24px;
				bottom: 50px;
				white-space: nowrap;
			}
			.contact-form-section {
				padding: 40px 20px;
			}
		}

		nav {
			position: fixed;
			top: 0;
			width: 100%;
			background: rgba(11, 46, 48, 0.92);
			padding: 8px 0;
			text-align: center;
			z-index: 2;
		}

		.nav-links {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}

		nav a {
			margin: 0 20px;
			color: white;
			text-decoration: none;
			font-family: 'Inter', sans-serif;
			font-size: 1em;
			font-weight: 500;
			letter-spacing: 0.02em;
			transition: color 0.3s ease;
		}

		nav a:hover {
			color: var(--primary-color);
		}

		/* Burger-Button: standardmäßig unsichtbar (nur mobil aktiv) */
		.nav-toggle {
			display: none;
			flex-direction: column;
			justify-content: center;
			gap: 5px;
			background: none;
			border: none;
			cursor: pointer;
			padding: 10px 16px;
			margin: 0 auto;
		}

		.nav-toggle span {
			display: block;
			width: 26px;
			height: 2px;
			background-color: white;
			transition: transform 0.3s ease, opacity 0.3s ease;
		}

		.nav-toggle[aria-expanded="true"] span:nth-child(1) {
			transform: translateY(7px) rotate(45deg);
		}
		.nav-toggle[aria-expanded="true"] span:nth-child(2) {
			opacity: 0;
		}
		.nav-toggle[aria-expanded="true"] span:nth-child(3) {
			transform: translateY(-7px) rotate(-45deg);
		}

		/* ========== SEKTIONSSTILE ========== */
		section {
			max-width: 1200px;
			margin: auto;
			padding: var(--section-padding);
			text-align: center;
			position: relative;
			z-index: 1;
		}

		h2 {
			font-size: 3em;
			color: var(--text-color);
			margin-bottom: 40px;
		}

		/* ========== ÜBER UNS ========== */
		.about-container {
			display: flex;
			flex-direction: column;
			gap: 40px;
			margin-top: 40px;
		}

		.about-person {
			display: flex;
			gap: 20px;
			background-color: white;
			padding: 30px;
			border-radius: 3px;
			border: 1px solid rgba(11, 46, 48, 0.12);
		}

		.about-image img {
			width: 220px;
			height: 220px;
			border-radius: 3px;
			object-fit: cover;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		.about-image img:hover {
			transform: scale(1.1);
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		}

		.about-text {
			flex: 1;
			text-align: left;
		}

		.about-text h3 {
			font-size: 1.8em;
			margin: 0 0 10px;
		}

		.about-text .title {
			font-size: 1.2em;
			color: var(--primary-color);
			margin-bottom: 15px;
			display: block;
		}

		.einsatzgebiet {
			font-size: 1.05em;
			color: var(--secondary-color);
			font-weight: 500;
			margin-top: 25px;
		}

		/* ========== FAQ ========== */
		.faq-section {
			text-align: center;
		}

		.faq-list {
			max-width: 760px;
			margin: 0 auto;
			text-align: left;
		}

		.faq-item {
			background-color: white;
			border: 1px solid rgba(11, 46, 48, 0.12);
			border-radius: 3px;
			padding: 18px 24px;
			margin-bottom: 14px;
		}

		.faq-item summary {
			font-family: 'Inter', sans-serif;
			font-weight: 600;
			font-size: 1.1em;
			cursor: pointer;
			list-style: none;
			position: relative;
			padding-right: 30px;
		}

		.faq-item summary::-webkit-details-marker {
			display: none;
		}

		.faq-item summary::after {
			content: "+";
			position: absolute;
			right: 0;
			top: 0;
			font-size: 1.3em;
			color: var(--secondary-color);
			transition: transform 0.3s ease;
		}

		.faq-item[open] summary::after {
			content: "–";
		}

		.faq-item p {
			margin: 14px 0 0;
			font-size: 1em;
			line-height: 1.6;
		}

		/* ========== PORTFOLIO & GALERIE ========== */
		.portfolio-section {
			background-color: white;
			padding: 25px;
			border-radius: 3px;
			border: 1px solid rgba(11, 46, 48, 0.12);
		}

		.gallery {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 25px; /* Fester Abstand */
			padding: 25px;
		}

		.gallery img {
			width: 330px;  /* Feste Breite */
			height: 220px; /* Feste Höhe (3:2) */
			object-fit: cover; /* Schneidet Bilder ggf. zu */
			border-radius: 3px; /* Optional: Abgerundete Ecken */
			flex-shrink: 0; /* Verhindert Schrumpfen */
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			cursor: pointer;
		}

		.gallery img:hover {
			transform: scale(1.05);
			box-shadow: 0 5px 12px rgba(0,0,0,0.3);
		}

		.gallery img:nth-child(n+13) {
			display: none;
		}

		.load-more-btn {
			display: block;
			margin: 20px auto;
			padding: 12px 28px;
			font-family: 'Inter', sans-serif;
			font-size: 1em;
			font-weight: 500;
			color: white;
			background-color: var(--secondary-color);
			border: none;
			border-radius: 3px;
			cursor: pointer;
			transition: 0.3s ease;
		}

		.load-more-btn:hover {
			background-color: var(--primary-color);
		}

		/* ========== LIGHTBOX ========== */
		.lightbox {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.95);
			justify-content: center;
			align-items: center;
			z-index: 1000;
			opacity: 0;
			transition: opacity 0.7s ease;
		}

		.lightbox.active {
			display: flex;
			opacity: 1;
		}

		.slider-container {
			display: flex;
			height: 100%;
			width: 100%;
			will-change: transform;
		}

		.slider-item {
			flex: 0 0 100%;
			min-width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.slider-item img {
			max-width: 90%;
			max-height: 90vh;
			object-fit: contain;
			border-radius: 3px;
			overflow: hidden;
		}

		.lightbox-arrow {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			color: white;
			opacity: 70%;
			font-size: 5em;
			cursor: pointer;
			z-index: 1001;
			background: none;
			border: none;
			padding: 20px;
			transition: transform 0.3s ease, opacity 0.3s ease;
			user-select: none;         /* Standard */
			-webkit-user-select: none; /* Safari/Chrome */
			-moz-user-select: none;    /* Firefox */
			-ms-user-select: none;     /* IE10+ */
			pointer-events: auto;      /* Interaktion trotzdem möglich */
		}

		.lightbox-arrow:hover {
			opacity: 1;
			transform: translateY(-50%) scale(1.1);
		}

		.lightbox-arrow.prev { left: 30px; }
		.lightbox-arrow.next { right: 30px; }
		
		.lightbox-arrow::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 200px;  /* Unsichtbarer Klickbereich */
			height: 250px; /* Unsichtbarer Klickbereich */
			transform: translate(-50%, -50%);
			z-index: -1;
		}
		
		.lightbox-close {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 3rem;
			color: white;
			background: transparent;
			border: none;
			cursor: pointer;
			z-index: 1002; /* Über den Pfeilen */
			opacity: 70%;
			transition: opacity 0.3s ease;
			width: 50px;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: transform 0.3s ease, opacity 0.3s ease;
		}

		.lightbox-close:hover {
			opacity: 1;
			transform: scale(1.1);
		}

		/* Mobile Optimierung */
		@media (max-width: 768px) {
			.lightbox-close {
				top: 10px;
				right: 10px;
				font-size: 2rem;
				width: 40px;
				height: 40px;
			}
		}
		
		/* ==== Abschnitt: Leistungen (Service-Karten) ==== */
.services-section {
  background-color: var(--background-color);
  padding: var(--section-padding);
  text-align: center;
}

.services-section h2 {
  font-size: 3em;
  color: var(--text-color);
  margin-bottom: 50px;
}

/* Desktop: Grid-Layout mit 4 Spalten */
.services-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Einzelne Service-Karte */
.service-item {
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgba(11, 46, 48, 0.12);
  padding: 25px 20px;
  transition: transform 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Hover-Effekt (Desktop) */
.service-item:hover {
  transform: translateY(-5px);
  border-color: var(--secondary-color);
}

/* ICON- / VIDEO-CONTAINER: festes Seitenverhältnis 16:9 */
.service-icon {
  width: 100%;
  aspect-ratio: 3 / 2;    
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

/* BILD: füllt Container komplett, wird ggf. beschnitten */
.service-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Bild schneidet überflüssige Ränder ab */
  transition: filter 0.5s ease;
  border-radius: 3px;
  filter: brightness(0.8); /* leicht neutraler Look */
  transition: filter 0.3s ease;
}

/* Hover: Bild wieder volle Helligkeit */
.service-item:hover .service-icon img {
  filter: brightness(1);
}

/* VIDEO-CONTAINER: schwarzer Hintergrund, Video mittig, Letterboxing */
.service-icon .video-container {
  width: 100%;
  height: 100%;
  background-color: #000;   /* schwarz für oben/unten Balken */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Iframe (Video): so groß wie möglich, behält Seitenverhältnis bei */
.service-icon .video-container iframe {
  max-width: 100%;
  max-height: 100%;
}

/* Titel innerhalb der Karte */
.service-item h3 {
  font-size: 1.8em;
  color: var(--secondary-color);
  margin: 0 0 15px;
}

/* Beschreibungstext */
.service-item p {
  font-size: 1.1em;
  color: var(--text-color);
  line-height: 1.5;
  margin: 0;
}

/* Ablauf-Sektion: 3 Schritte zum Ziel */
.process-section {
  background-color: var(--background-color);
  padding: var(--section-padding);
  text-align: center;
}

.process-section h2 {
  font-size: 3em;
  color: var(--text-color);
  margin-bottom: 50px;
}

.process-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.process-item {
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgba(11, 46, 48, 0.12);
  padding: 35px 25px 25px;
  transition: transform 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.process-item:hover {
  transform: translateY(-5px);
  border-color: var(--secondary-color);
}

.process-number {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--secondary-color);
  color: white;
  font-size: 1.4em;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.process-item h3 {
  font-size: 1.8em;
  color: var(--secondary-color);
  margin: 0 0 15px;
}

.process-item p {
  font-size: 1.1em;
  color: var(--text-color);
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 768px) {
  .process-section h2 {
    font-size: 2.2em;
  }
  .process-item h3 {
    font-size: 1.5em;
  }
  .process-item p {
    font-size: 1em;
  }
}

/* ===== Responsive Anpassungen (Mobile / max-width: 768px) ===== */
@media (max-width: 768px) {
  .services-section {
    padding: 60px 20px;
  }

  /* Container: aus Grid → Flex mit Scroll-Snap */
  .services-container {
    display: flex;
    flex-wrap: nowrap;                  /* keine Zeilenumbrüche */
    overflow-x: auto;                   /* horizontal scrollen */
    scroll-snap-type: x mandatory;      /* Snap-Verhalten: horizontal, verpflichtend */
    -webkit-overflow-scrolling: touch;  /* iOS-Smooth-Scroll */
    gap: 20;                             /* keine Lücken (jede Karte füllt 100%) */
    margin: 0;
    padding: 0;
  }

  /* Jede Karte nimmt exakt 100% des Viewports ein */
  .service-item {
    flex: 0 0 100%;
    box-sizing: border-box;
    scroll-snap-align: start;   /* Snap-Punkt am Anfang jeder Karte */
    padding: 20px 15px;
    margin: 0;
  }

  /* Icon-Container behält ab 768px trotzdem 16:9 bei */
  .service-icon {
	width: 78%;            /* Breite auf 80% setzen */
    margin: 0 auto;        /* zentrieren */
    aspect-ratio: 3 / 2;
	height: auto;	
    margin-bottom: 15px;
  }

  /* Bild: füllt weiterhin Container (object-fit: cover) */
  .service-icon img {
    object-fit: cover;
  }

  /* Video-Container: schwarzer Hintergrund bleibt */
  .service-icon .video-container {
    background-color: #000;
  }

  .service-icon .video-container iframe {
    
    max-height: 100%;
  }

  .service-item h3 {
    font-size: 1.5em;
  }

  .service-item p {
    font-size: 1em;
  }

  /* Punkt-Navigation (Indicators) */
  .carousel-indicators {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .carousel-indicators .dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .carousel-indicators .dot.active {
    background-color: var(--secondary-color);
  }

  /* Scrollbar bei Mobile unsichtbar machen (optional) */
  .services-container::-webkit-scrollbar {
    display: none;
  }
  .services-container {
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none;    /* Firefox */
  }
}






		/* ========== REFERENZEN ========== */
		/* Slider-Grundgerüst */
		.testimonials-slider {
		  position: relative;
		  overflow: hidden; 
		  max-width: 800px;
		  margin: 0 auto;
		}

		.slider-track {
		  display: flex;
		  transition: transform 0.3s ease;
		  z-index: 1000;
		}

		.testimonial-item {
		  flex: 0 0 100%;
		  box-sizing: border-box;
		  padding: 50px;
		  border-left: 2px solid var(--secondary-color);
		  background-color: white;
		  text-align: left;
		}

		/* Pfeile */
		.slider-arrow {
		  position: absolute;
		  top: 50%;
		  transform: translateY(-50%);
		  background: none;
		  border: none;
		  font-size: 2.5rem;
		  color: var(--text-color);
		  opacity: 0.6;
		  cursor: pointer;
		  padding: 0 10px;
		  z-index: 1000;
		  transition: opacity 0.2s ease;
		}
		.slider-arrow:hover { opacity: 1; }
		.slider-arrow.prev { left: 0px; }
		.slider-arrow.next { right: 0px; }

		/* Dots */
		.slider-dots {
		  display: flex;
		  justify-content: center;
		  margin-top: 15px;
		}
		.slider-dots .dot {
		  width: 10px;
		  height: 10px;
		  background: #ccc;
		  border-radius: 50%;
		  margin: 0 5px;
		  cursor: pointer;
		  transition: background 0.2s ease;
		}
		.slider-dots .dot.active {
		  background: var(--primary-color);
		}


		/* ========== KONTAKT ========== */
		#contact {
		  background-color: var(--dark-color);
		  color: white;
		  padding: 60px 20px;
		  border-radius: 3px;
		  margin-top: 80px;
		  user-select: none; /* Verhindert Textauswahl im Kontakt-Bereich */
		}

		#contact h2 {
		  color: white;
		  margin-bottom: 20px;
		}

		.contact-people {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 40px;
			margin-top: 30px;
		}

		.contact-person {
			flex: 1 1 260px;
			max-width: 320px;
		}

		.contact-person h3 {
			color: white;
			font-size: 1.5em;
			margin-bottom: 12px;
		}

		/* Basis: Alle Links (Email, Telefon, Homepage, Instagram) */
		#contact .contact-link {
		  color: var(--primary-color);
		  text-decoration: none;
		  font-weight: bold;
		  transition: color 0.3s ease;
		  cursor: pointer;
		}

		/* Hover: Email- und Telefonnummer-Span werden sekundär (schwarz) */
		#contact span.contact-link:hover {
		  color: var(--secondary-color);
		}

		/* Hover: Homepage-Link wird sekundär (schwarz) */
		#contact a.contact-link:hover {
		  color: var(--secondary-color);
		}

		/* Basis-Transition für Instagram-Icon */
		#contact .contact-link .contact-icon {
		  width: 40px;
		  height: auto;
		  vertical-align: middle;
		  margin: 0 8px;
		  transition: filter 0.3s ease;
		}

		/* Hover-Zustand: Instagram-Icon wird langsam schwarz */
		#contact .contact-link:hover .contact-icon {
		  filter: brightness(0);
		}

		/* Basis-Transition für Instagram-Label */
		#contact .contact-link .instagram-label {
		  margin-top: 8px;
		  font-size: 0.9em;
		  color: var(--primary-color);
		  transition: color 0.3s ease;
		}

		/* Hover-Zustand: Instagram-Label wird langsam schwarz */
		#contact .contact-link:hover .instagram-label {
		  color: #000;
		}



		/* ========== FOOTER ========== */
		footer {
			background: var(--dark-color);
			color: white;
			text-align: center;
			padding: 30px;
			margin-top: 80px;
		}

		footer a {
			color: var(--primary-color);
			text-decoration: none;
			transition: color 0.3s ease;
		}

		/* ========== RESPONSIVE DESIGN ========== */
		@media (max-width: 768px) {
			header {
				background: url('bilder/header2.jpg') center/cover no-repeat;
				height: 100vh; /* z.B. 50% der Viewport-Höhe – nach Bedarf anpassen */
				background-size: cover;
				background-position: 65% center;
				padding: 0;
			}

			header h1 {
				font-size: 2.5em;
				color: white;
				text-align: center;
			}

			nav a {
				font-size: 1.2em;
				margin: 0 10px;
			}

			nav {
				text-align: right;
			}

			/* Burgermenü nur mobil aktiv */
			.nav-toggle {
				display: inline-flex;
				margin: 0 20px;
			}

			.nav-links {
				display: none;
				flex-direction: column;
				width: 100%;
				background: rgba(11, 46, 48, 0.97);
				padding: 10px 0;
			}

			.nav-links.open {
				display: flex;
				align-items: center;
				text-align: center;
			}

			.nav-links a {
				padding: 12px 0;
				margin: 0;
			}

			.about-person {
				flex-direction: column;
				align-items: center;
				text-align: center;
			}

			.about-image img {
				width: 150px;
				height: 150px;
			}

			.about-text {
				text-align: center;
			}

			.gallery {
				grid-template-columns: 1fr;
			}

			.lightbox-arrow {
				font-size: 1.8em;
				padding: 12px;
			}

			.lightbox-arrow.prev { left: 10px; }
			.lightbox-arrow.next { right: 10px; }

			.testimonials-slider .slider-arrow {
			    display: none;
			}

			.service-icon img {
			    filter: none; /* keine Abdunkelung */
			  }
			
			  .service-item:hover .service-icon img {
			    filter: none; /* auch beim Hover keine Änderung */
 			  }
			.service-item:hover {
			    transform: none;
			    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
			  }
		}