html body { margin-top: 0px; }
  div#header { display: none; }  
  html #main { min-height: calc(100vh - 266px); }
  div#main { float: none; margin-left: auto; margin-right: auto; }
  #right { display: none; }
  
  #footer{ z-index: 10; position: relative; }
  div#footer-container { width: 100%; }
  .footer-modul:first-child { display: none; }
  
  img#leaf-right {display: none;}
  img#pencil-left {display: none;}
  
@media (min-width: 550px) {

  #main #bottom-news {display: grid;}
  
  div#footer-container { width: min(63%,802px); }
  div.footer-modul:nth-child(2) { margin: 20px 6% 0 0; width: 47%; }
    
  img#pencil-left {
    display: block;
    position: absolute;
    height: 550px;
    width: auto;
    bottom: 420px;
	}

  div#main::before {
      background-image: url(/fileadmin/bilder/Diverses/what_is_next/whats-next-pencil.jpg);
      content: " ";
      width: 436px;
      height: 1500px;
      display: block;
      position: fixed;
      z-index: -1;
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: -326px;
      box-sizing: border-box;
      transform: scale(0.5);
      margin-top: -530px;
      background-blend-mode: multiply;
      background-color: #eae8e1;
  }

}

@media (min-width: 720px) {
  
   div#main { margin-top: 0px; }
  
}

@media (min-width: 960px){

	div#footer-container { width: min(68%,802px); }
  
}

@media (min-width: 1180px){

}