/* Add here all your CSS customizations */
	.page-header {
 		height: 350px;
 		color: white;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		text-align: center;

 		/* Arka plan resmi + gradient birlikte */
 		        background-image: linear-gradient(#151515ad, #151515ad), url(/img/home/tagwerksplaner_in_der_nahe.jpeg) !important;
 		background-size: cover;
 		background-position: center;
 	}
.error-404 {
  position: relative;
  background-image: url('/img/error/404_error.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.error-404::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(63, 66, 135, 0.594); /* Siyah yarı saydam overlay */
  z-index: 2;
}

/* İçeriklerin üstte görünmesi için */
.error-404 > * {
  position: relative;
  z-index: 3;
}
.footer {
    background-image: url('/img/footer/background-1.png') !important;
    background-size: cover !important;
    background-position: center 100% !important;
    background-repeat: no-repeat !important;
} 
#footer .footer-copyright {
    background: #000000;
    margin-top: 3em !important;
    padding: 10px 0px 0px 0px !important;
}


#footer .logo img {
     
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
}

.recent-posts > ul > li + li {
    margin-top: 5px !important;
}

.overlay:before {
    background: #2388ed42 !important;
}

.form-control:not(.form-control-sm):not(.form-control-lg){
	    line-height: 2.0 !important;
		font-size: 14px !important;
}

.box-hover:hover {
	 background-color: #f1f3f7 !important; /* hover olduğunda değişecek renk */
}

.img-lesitung-height {
	    height: 131px !important;
}