/*
  Style-Sheet für das Programmarchiv /Veranstaltungen
*/
    .fzGrid2C {
        grid-template-columns: auto;
        max-width: 30em;
        row-gap: 10px;
        display:grid;
        background-color:revert;
    }

    div.fzGrid2C.Bilder{
        max-width: 30em;

    }
    .fzGrid2C div  {
        padding-left: 0.5em;
        font-size: 1.2em;
        font-weight: 600;
        border-radius: 5px;
    }
    .fzGrid2C a:hover{
        font-weight: revert;
    }
    .fzGrid2C div.fzMitte {
        align-items: center;
        display:inline-flex;
        background-color:var(--Farbe-Titel-BG); 
    }

    .Bilder.fzHefte{ 
        grid-template-columns: auto auto ;
        max-width: 850px;
        display:grid;

    }
    .Bilder.fzHefte hr{
        background-color:black;
    }

    .Bilder.fzHefte img{ 
    border:black solid 1px;
    }

    .Bilder.fzHefte.hoveron img:hover{
        border-width: 2px;
    }

    .Bilder img.responsivH2S{
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    @media screen and (max-width: 730px) {
      .Bilder.fzHefte{ 
            grid-template-columns: auto auto;
            max-width: 680px;
      
        }
    }
    
    @media screen and (max-width: 425px) {

      .Bilder.fzHefte
        { 
            grid-template-columns: auto;
            max-width: 400;
      
        }
    }