html {
  scroll-behavior: smooth; }

#top-section:before {
  content: "";
  background-image: url("/images/zuchtanlage_small_blur.jpg");
  margin-top: 50px;
  background-position-y: top;
  background-position-x: center;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0.75;
  color: #000;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.75;
  overflow: none;
  z-index: -1; }

@media (max-width: 1000px) {
  #top-section:before {
    background-size: 1000px 600px;
    /* Force the image to its minimum width */ } }

#top-section {
  background: none;
  text-shadow: 2px 2px 8px #000; }

:target:before {
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0; }