header a{
		  padding: 20px 0;
		  color: inherit;
		  display: block;
		  text-align: center;
		  text-transform: uppercase;
		  text-decoration: none;
		  font-weight: 500;
	  }
	  
	  .img-bkg, .img-projekte, img {
		   /*-webkit-filter: grayscale(100%);
		   filter: grayscale(100%);*/
	  }
	  
	  section {
		  padding: 25px 0 50px;
	  }
	  
	  .gray-bkg {
		  background: #f7f7f7;
	  }
	  
	  
	  .logo h1 {
		  text-align: center;
		  display: block;
		  padding: 50px 0;
		  text-transform: uppercase;
		  letter-spacing: 7pt;
	  }
	  
	  h2 {
		  text-align: center;
		  text-transform: uppercase;
		  letter-spacing: 3pt;
		  font-size: 16pt;
	  }
	  
	  .img-bkg {
		  background: url("https://images.pexels.com/photos/10012212/pexels-photo-10012212.jpeg") no-repeat center center;
		  background-size: cover;
		  width: 100%;
		  height: 80vh;
		  background: #f7f7f7; 
	  }
	  
	  .hero-img-wrapper {
		  width: 100%;
		  padding-bottom: 50%;
		  height: 0;
		  //border: 1px solid black;
	  }
	  
	  .hero-img img {
		  display: block;
		  width: 100%;
	  }
	  
	  .about-con {
		  background: rgba(230,230,230,0.7);
		  padding: 50px;
		  margin-top: -200px;
		  position: relative;
		  z-index: 10; 
	  }
	  
	  button {
		  margin: 0 auto;
		  text-align: center;
		  background: none;
		  border: 1px solid black;
		  display: block;
		  width: fit-content;
		  padding: 2.5px 15px; 
		  text-transform: uppercase;
	  }
	  
	  .zitat p {
		  font-family: serif;
		  text-align: center;
		  padding: 25px 0;
	  }
	  
	  .img-projekte {
		  background-size: contain;
		  width: 100%;
		  height: 25vh;
	  }
	  
	  .ff-img-wrapper {
		  width: 100%; padding-bottom: 70%;
		  height: 0;
	  }
	  
	  .ff-img img{
		  display: block;
		  width: 100%;
	  }
	  
	  
	  h3 {
		  text-align: center;
		  padding: 15px 0 15px;
		  text-transform: uppercase;
		  font-size: 13pt;
	  }
	  
	  .square-img-wrapper {
		  width: 100%; padding-bottom: 100%;
		  display: block;
		  overflow: hidden;
		  height: 0;
		  //border: 1px solid black;
		  border-radius: 100%;
	  }
	  
	  .square-img {
		  /*background: #f7f7f7;
		  background: url("img/irmi-unterricht.png");
		  width: 100%;
		  height: 100%;
		  background-size: cover;*/
	  }
	  
	  .square-img img {
		  display: block;
		  width: 100%;
		  filter: none;
	  }
	  
	  .therapie .square-img-wrapper {
		  width: 120%; padding-bottom: 120%;
		  margin-left: -20%;
	  }
	  
	  #image{
	  	position:absolute;
	  	width: 10vw;
	  	mix-blend-mode: multiply;
	  	pointer-events: none;
	}