body {background-color:#ffffff;}

* {color:#000000;
     font-size: 14px;
     font-family: Verdana;
     line-height: 16px; }
     a:link {color:#6c6860; text-decoration:none; }   
     a:visited {color:#6c6860; text-decoration:none;}
     a:hover {color:#6c6860; text-decoration:underline;}
     a:active {color:#6c6860; text-decoration:underline;}

h1, h2 {font-weight:bold;}

.abschnitt {font-weight:bold;} /* im HTML mit <span class="abschnitt">Abschnitt</span> */

.rund {border-radius:100%;}

div.seite {width:97%;} /* im HTML mit <div class="seite">[Inhalt der Seite]</div> */

@media screen and (min-width: 750px) {div.seite {width:744px;}} /* f&uuml;r PC-Browser */ 

.galerie {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, 118px);
  justify-content:center;
}
/* im HTML mit <div class="galerie">[alle Bilder]</div> */

@media screen and (min-width:750px){
    .galerie{
      grid-template-columns: repeat(6, 118px);
    }
    }
/* f&uuml;r PC-Browser */ 

.links {
  display: grid;
  gap: 6px;
  grid-template-columns: 2;
}

.kunst {
   grid-column: 1/2;
}

.anderes {
   grid-column: 2/3;
}