body {
        background: linear-gradient(185deg rgb(165, 18, 18) 100%);
        font-family: "Schriftartname", sans-serif;
        height: 100vh;
        margin: 0;
        padding:0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      
      .button {
        --c: #316b23; /* the color */
        box-shadow: 0 0 0 .1em inset var(--c);
        --_g: linear-gradient(var(--c) 0 0) no-repeat;
        background:
          var(--_g) calc(var(--_p, 0%) - 100%) 0%,
          var(--_g) calc(200% - var(--_p, 0%)) 0%,
          var(--_g) calc(var(--_p, 0%) - 100%) 100%,
          var(--_g) calc(200% - var(--_p, 0%)) 100%;
        background-size: 50.5% calc(var(--_p, 0%)/2 + .5%);
        outline-offset: .1em;
        transition: background-size .4s, background-position 0s .4s;
        font-family: system-ui, sans-serif;
        font-size: 3.5rem;
        cursor: pointer;
        padding: .1em .6em;
        font-weight: bold;
        border: none;
    
      }
      
      .button:hover {
        --_p: 100%;
        transition: background-position .4s, background-size 0s;
      }
      
      .button:active {
        box-shadow: 0 0 9e9q inset rgba(156, 150, 150, 0.164);
        background-color: var(--c);
        color: #ffffff;
      }
      
      .Seitenteile::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 80%;
        background: linear-gradient(to bottom, #316b23 80%, rgb(255, 255, 255) 80%);
        z-index: -2;
      }
      
      .unten {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 25vh;
      }

      .link1,
      .link2,
      .link3 {
        margin: 2vw;
      }
      
      .ogpbild {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50vh;
      }
      
      .bild1 {
        border-radius: 50%;
        width: 200px;
        height: auto;
      }
      
      .Überschrift {
        color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -27vh; /* Abstand von 30 Pixeln */
        
      }
      
      .block {
          height:13vh;
          
      }
      
      .block2 {
          height:15vh;

      }