/* Makierter Text/Bilder */
	::selection {
		background: #6f8461;
		color: white;
	}
/* Links */
	a:link, a:visited { color: #676758; }
	a:hover, .nav-link:focus, .nav-link:hover, .nav-underline .nav-link.active, .nav-underline .show>.nav-link {
		color: #6f8461!important;
	}
	a:link, a:visited, a:hover { 
		text-decoration: none;
	}

/* Font */
	.team-name {
		font-family: "Lato"!important;
	}

/* Color */
	.green h3, .green {
		color: #6f8461!important;
	}
	.green a:hover {
			filter: brightness(50%);
	}
	.font-color {
		color: #676758!important;
	}
	.ueber-uns-bg {
		background-color: #f2f2f2!important;
	}
/* Formular*/
	input, textarea {
		border: 0px solid black;
		border-bottom: 1px solid black;
	}
/* Buttons */
	body > div.p-5.bg-white.text-center > div > form > div > div.d-flex.flex-wrap.justify-content-center > input,
	body > div.container > button, body > div.bg-white.text-center.font-color > div > form > div > div.d-flex.flex-wrap.justify-content-center > input	{
		background-color: #6f8461!important;
		color: #fff;
	}
/* Buttons : Hover */	
	body > div.py-5.bg-white.text-center.font-color > div > form > div > div.d-flex.flex-wrap.justify-content-center > input:hover,
	body > div.bg-white.text-center.font-color > div > form > div > div.d-flex.flex-wrap.justify-content-center > input:hover,
	body > div.container > button:hover {
		background-color: #fff!important;
		color: #6f8461;
	}
/* Slider */
	.slider-font {
		font-family: "EB GARAMOND"!important;
	}
	.slider-dark {
			filter: brightness(80%);
	}
	@media only screen and (max-width: 1200px) {
		.slider-height {
			height: 350px !important;
			width: 100%;
			object-fit: cover;
		}
	}
	@media only screen and (min-width: 1200px) {
		.slider-height {
			height: 100%;
			width: 100%;
		}
	}
	.carousel-control-next, .carousel-control-prev, .carousel-indicators {
		filter: invert(100%);	
	}
/* Team hover */
	.image-container {
	  position: relative;
	  display: inline-block;
	}
	.image-container img {
	  display: block;
	  transition: filter 0.3s ease; /* Animiere den Filtereffekt */
	}
	.image-container:hover img {
	  filter: grayscale(100%) brightness(50%);
	}
	.image-caption {
	  position: absolute;
	  display: none; /* Verstecke den Text standardmäßig */
	}
	.image-caption-off {
	  position: absolute;
	}
	.image-container:hover .image-caption, .image-container:hover .image-caption-off {
	  display: block; /* Zeige den Text an, wenn der Container gehovert wird */
	  color: #fff;
	}
	@media (max-width: 768px) {
		footer.fixed-bottom {
			position: static; /* Footer für kleine Bildschirme auf static setzen */
			margin-top: auto; /* Footer für kleine Bildschirme am unteren Rand positionieren */
		}
	}
	body > div.bg-white.container-flex.sticky-top > ul > li > a > img:hover{
		opacity: 0.5;
	}
/* */
	.produktion-padding {
			padding-top: 42px;
		
	}
/* Small Content Footer */
	@media (max-width: 1200px) {
		footer.small-content-footer-xl {
			position: static; /* Footer für kleine Bildschirme auf static setzen */
			margin-top: auto; /* Footer für kleine Bildschirme am unteren Rand positionieren */
		}
	}
	@media (max-width: 992px) {
		footer.small-content-footer-l {
			position: static; /* Footer für kleine Bildschirme auf static setzen */
			margin-top: auto; /* Footer für kleine Bildschirme am unteren Rand positionieren */
		}
	}
	@media (max-width: 768px) {
		footer.small-content-footer-m {
			position: static; /* Footer für kleine Bildschirme auf static setzen */
			margin-top: auto; /* Footer für kleine Bildschirme am unteren Rand positionieren */
		}
	}