.keylink-section {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, #343a40 5%, #000 100%);
  margin-bottom: -1px;
}
.keylink-section p {
  margin-bottom: 5rem;
}

/* ====================================================================================================================================================================== */

.web-section {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, #555 5%, #222 80%, #000 100%);
  margin-bottom: -1px;
}
.web-section2 {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, #333 5%, #111 80%, #000 100%);
  margin-bottom: -1px;
}

/* ====================================================================================================================================================================== */

.about-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 100%);
}
.about-section p {
  margin-bottom: 5rem;
}

/* ====================================================================================================================================================================== */

.projects-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.projects-section-blogs {
  padding-top: 5rem;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.8) 100%);
}

.projects-section .project-text {
  padding: 3rem;
  font-size: 90%;
}

@media (min-width: 992px) {
						  .projects-section .project-text {
							padding: 5rem;
						  }
						  .projects-section .project-text hr {
							border-color: #4f5a93;
							border-width: 0.25rem;
							width: 30%;
						  }
}

/* ====================================================================================================================================================================== */

.partner-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, #f8f9fa 15%, #343a40 100%);
}

.partner-section .project-text {
  padding: 3rem;
  font-size: 90%;
}

@media (min-width: 992px) {
						  .partner-section .project-text {
							padding: 5rem;
						  }
						  .partner-section .project-text hr {
							border-color: #4f5a93;
							border-width: 0.25rem;
							width: 30%;
						  }
}

/* ====================================================================================================================================================================== */

.daten-section {
  padding-top: 10rem;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.8) 100%);
}

/* ====================================================================================================================================================================== */

.error-section {
  padding-top: 10rem;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.8) 100%);
}

/* ====================================================================================================================================================================== */

.galerie-img-section {
  padding-top: 10rem;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.8) 100%);
}

.galerie-preimg-section {
	background: linear-gradient(to bottom, #fff 0%, rgba(0, 0, 0, 0.65) 40%, rgb(0, 0, 0) 100%);
}

.galerie-section {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

.galerie-img {
	height: 1280px;
	width: 100% !important;
	object-fit: cover;
	object-position: bottom center;
	position: relative;
	margin-top: 0px;
}

.galerie-noimg {
	object-fit: cover;
	object-position: bottom center;
	position: relative;
	margin: 0px auto;
	display: block;
	padding: 2rem 0px;
}

.galerie-preimg {    
	height: 128px;
    width: 128px;
    object-fit: cover;
    object-position: bottom center;
    position: relative;
    margin: 0px -3px;
}

.galerie-section .galerie-text {
  padding: 3rem;
  font-size: 90%;
}

@media (min-width: 992px) {
						  .galerie-section .galerie-text {
							padding: 5rem;
						  }
						  .galerie-section .galerie-text hr {
							border-color: #4f5a93;
							border-width: 0.25rem;
							width: 30%;
						  }
}

/* ====================================================================================================================================================================== */

.blog-section {
  padding-top: 5rem;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.8) 100%);
}

.blog-section-blogs {
  padding-top: 2rem;
  background: linear-gradient(to bottom, #000 0%, #000 100%);
  /*background: linear-gradient(to bottom, #333 0%, #000 100%);*/
}

/* ====================================================================================================================================================================== */

.featured-text {
  padding: 2rem;
}
@media (min-width: 992px) {
						  .featured-text-left{
							padding: 0 0 0 2rem;
							border-left: 0.5rem solid #4f5a93;
						  }
						  .featured-text-right {
							padding: 0 2rem 0 0;
							border-right: 0.5rem solid #4f5a93;
						  }
}

/* ====================================================================================================================================================================== */

.contact-section {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 45%, #343a40 100%), url("../images/Kontakt.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.contact-section .form-inline input, .contact-section .form-inline textarea {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  height: auto;
  font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 80%;
  letter-spacing: 0.15rem;
  border: 0;
  
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-section .form-inline button {
  margin-top: 10px;
}

/* ====================================================================================================================================================================== */

.newsletter-section {
	background-color: #343a40 !important;
}

/* ====================================================================================================================================================================== */

.footer {
  padding-top: 5rem;
  padding: 0;
}

footer.footer, footer .footer-section{
  background: linear-gradient(to bottom, #343a40 15%, #202124 100%) !important;
}
.footer-section {
	padding-top: 2rem;
}

.footer-section .social {
  margin-top: 0rem;
}
.footer-section .social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  border-radius: 100%;
  line-height: 3rem;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.75);
}
.footer-section .social a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.footer-section .social a:active {
  color: rgba(255, 255, 255, 1);
}

/* ====================================================================================================================================================================== */

.interface-section {
  padding-top: 2rem;
  padding-bottom: 5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 45%, #343a40 100%), url("../images/Kontakt.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}