.parentgr1 {
    max-width: 750px;
    margin: auto;
    align-self: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 60px repeat(3, 1fr) 0.3fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    }
    
 
    .div1gr1 { 
        grid-area: 2 / 1 / 5 / 4; 
        z-index: 5;
    }
    .div2gr1 {
         grid-area: 3 / 3 / 6 / 6;
         z-index: 10;
         }
    .div3gr1 { 
        grid-area: 1 / 3 / 4 / 6; 
        z-index: 1;
    } 
    

     .parentfl1 {
        max-width: 80%;
        margin: auto;
        padding: 2% 0;
        display: flex;
        height: auto; /* Or whatever */
      }
      
      .div1fl1 {
        width: 1fr;  /* Or whatever */
        height: auto; /* Or whatever */
        margin: auto;  /* Magic! */
        max-width: 40%;
        
      }

      .article_style_Gaststube {
        background-image: var(--sch-img-weintraube);
        background-size: auto 38%;
        background-repeat: no-repeat;
        background-position: 80% 2%;
      }

      .article_style_Wirtshaussaal {
        background-color: #f1eaec;
        background-image: var(--sch-img-weintraube);
        background-size: auto 40%;
        background-repeat: no-repeat;
        background-position: 3% 10%;
      }

      .article_style2_event1 {
        background-image: var(--sch-img-note1);
        background-size: auto 35%;
        background-repeat: no-repeat;
        background-position: 0 center;
      }

      .article_style_Gastgarten {
        background-color: #dfead9;
      }

      .article_style_Gastgarten_header {
        background-image: url(/images/articles/gastgarten/gastgartenhead1.avif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: 400px;
      }

      .parentgr2 {
        max-width: 950px;
        margin: auto;
        align-self: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0px;
        row-gap: 0px;
        }

        @media only screen and (max-width: 600px) {

          .parentgr2 {
            max-width: 650px;
            margin: auto;
            align-self: center;
            display: grid;
            grid-template-columns:  1fr;
            column-gap: 0px;
            row-gap: 0px;
            }

            .not-active-link {
              pointer-events: none;
              cursor: default;
          }  

          .nav 
          {
            display: list-item;
          }

          .parentfl1 {
            flex-direction: column;
          }

          .div1fl1 {
            max-width: none;
          }

          .article_style2_event1 {
            background-image: none;
          
          }

          
        }

        .div1gr2 { 
          text-align: center;
          margin: auto;
          padding: 10%;
                 
      } 

      .div2gr2 { 
        margin: -1.5px;
        padding: 8%;
        border-color: #9a6476;
        border-style: solid;
    } 

    .tet3_p {
      text-align: center;
      padding: 25px 0 50px;
     
    }

    .label.label-warning 
    {
      display: none; font-size: 0; visibility: hidden; 
    }

    .article_style_3
    {
      background-color: #9a6476;
      color: white;
    }

    .footer_style
    {
      background-color: #804f5f;
      color: white;
    }

    .mod_style1
    {
      background: #9a647696;
    }

    .spacermin25 {
      width: 100%;
      height: 25px;
    }

    #logo {

      transition: 0.2s ease-in-out; 
    }

    .fadein
{
    opacity: 0.1;
}


    @media only screen and (max-width: 600px) {
    .div2gr2 {
      border-style: none;
      padding: 3%;
     }
    }