.pinwand {
  max-width: 1150px;
  margin: 0 auto 30px auto;
  text-align: center;
}

.tafel {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 1150px;
}

.tafel-bg {
  width: 100%;
  height: auto;
  display: block;
}

.pin {
  position: absolute;
  transform: translate(-50%, -50%);
  display: block;
}

.pin img {
  width: 122px;
  height: 160px;
}

.pin1  { left: 15%; top: 34%; }
.pin2  { left: 29%; top: 36%; }
.pin3  { left: 43%; top: 38%; }

.pin4  { left: 15%; top: 70%; }
.pin5  { left: 70%; top: 38%; }
.pin6  { left: 80%; top: 38%; }

.pin7  { left: 29%; top: 72%; }
.pin8  { left: 39%; top: 72%; }
.pin9  { left: 49%; top: 72%; }

.pin10 { left: 60%; top: 72%; }
.pin11 { left: 70%; top: 72%; }
.pin12 { left: 80%; top: 72%; }

.pin4 img,
.pin5 img,
.pin6 img,
.pin10 img,
.pin11 img,
.pin12 img {
  width: 110px;
  height: 140px;
}

#kanzleistunden,
#rundschreiben,
#jahreshauptversammlung,
#laufende-termine {
  scroll-margin-top: 320px;
}