/* the grid */

.platzhalter {
	width: 12.6em;
	height: 15.0em;
	box-shadow: none;
}

.grid-1 {
  display: grid;
  width: 95%;
  max-width: 85em;
  margin: 3% auto;
  grid-template-columns: 0.75fr;
  grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr 
                           1fr 1fr 1fr 1fr 1fr auto;                      
  grid-gap: 2em;
  }

.panel-38, a { background-image: url(../Bilder/Kopfbilder/2025_Igor-Levit-1_grid.JPG);}
.panel-37, a { background-image: url(../Bilder/Kopfbilder/2025_Igor-Levit-2_grid.JPG);}
.panel-36, a { background-image: url(../Bilder/Kopfbilder/2025_Ulrich-Urban_grid.JPG);}
.panel-35, a { background-image: url(../Bilder/Kopfbilder/2019_Arnd-Schultheiss_grid.JPG);}
.panel-34, a { background-image: url(../Bilder/Kopfbilder/2019_Ingrid-Schultheiss_grid.JPG);}
.panel-33, a { background-image: url(../Bilder/Kopfbilder/2016_Selbstbefragung_grid.JPG);}
.panel-32, a { background-image: url(../Bilder/Kopfbilder/2017_Blomstedt_klein_grid.JPG);}
.panel-31, a { background-image: url(../Bilder/Kopfbilder/2019_Hermann_grid.JPG);}

.panel-28, a { background-image: url(../Bilder/Kopfbilder/2017_Blomstedt_klein_grid.JPG);}	
.panel-27, a { background-image: url(../Bilder/Kopfbilder/2016_Bildnis-einer-Dame_klein_grid.JPG);}
.panel-26, a { background-image: url(../Bilder/Kopfbilder/2016_Studie-Richard-Wagner_klein_grid.JPG);}
.panel-30, a { background-image: url(../Bilder/Kopfbilder/2017_Hoffnung_grid.JPG);}
.panel-25, a { background-image: url(../Bilder/Kopfbilder/2016_Juedisches-Maedchen_klein_grid.JPG);}
.panel-24, a { background-image: url(../Bilder/Kopfbilder/2016_noch-kein-Titel_klein_grid.JPG);}
.panel-23, a { background-image: url(../Bilder/Kopfbilder/2016_Richard-Wagner_klein_grid.JPG);}
.panel-22, a { background-image: url(../Bilder/Kopfbilder/2015_Gabriele_klein_grid.JPG);}
.panel-21, a { background-image: url(../Bilder/Kopfbilder/2015_Karline_klein_grid.JPG);}
.panel-20, a { background-image: url(../Bilder/Kopfbilder/2015_Studie_klein_grid.JPG);}
.panel-19, a { background-image: url(../Bilder/Kopfbilder/2015_Dame_mit_Fluegelhaube_klein_grid.JPG);}
.panel-18, a { background-image: url(../Bilder/Kopfbilder/2015_Dame_mit_Fluegelhaube2_klein_grid.JPG);}
/*.panel-17, a { background-image: url(../Bilder/Kopfbilder/2015_Karline_Portrait_klein_grid.JPG);}     */
.panel-16, a { background-image: url(../Bilder/Kopfbilder/2015_Mara_klein_grid.JPG);}
.panel-15, a { background-image: url(../Bilder/Kopfbilder/2014_Janina_klein_grid.JPG);}
.panel-14, a { background-image: url(../Bilder/Kopfbilder/2014_Grit_klein_grid.JPG);}
.panel-13, a { background-image: url(../Bilder/Kopfbilder/2014_Maria_klein_grid.JPG);}
.panel-12, a { background-image: url(../Bilder/Kopfbilder/2014_Maria2_klein_grid.JPG);}
.panel-29, a { background-image: url(../Bilder/Kopfbilder/2013_Sebastian_Krumbiegel_grid.JPG);}	
.panel-11, a { background-image: url(../Bilder/Kopfbilder/2006_Selbst_klein_grid.JPG);}
.panel-10, a { background-image: url(../Bilder/Kopfbilder/2006_Blomstedt_klein_grid.JPG);}
.panel-9, a { background-image: url(../Bilder/Kopfbilder/2005_im_Spiegel_klein_grid.JPG);}
.panel-8, a { background-image: url(../Bilder/Kopfbilder/2005_Blomstedt_klein_grid.JPG);}
.panel-7, a { background-image: url(../Bilder/Kopfbilder/2005_Riccardo_Chailly_klein_grid.JPG);}
.panel-6, a { background-image: url(../Bilder/Kopfbilder/2005_Dirigent_klein_grid.JPG);}
.panel-5, a { background-image: url(../Bilder/Kopfbilder/2005_Woody-Allen_klein_grid.JPG);}
.panel-4, a { background-image: url(../Bilder/Kopfbilder/2005_David-Timm_klein_grid.JPG);}
.panel-3, a { background-image: url(../Bilder/Kopfbilder/2004_Masur_klein_grid.JPG);}
.panel-2, a { background-image: url(../Bilder/Kopfbilder/2004_Masur_dirigiert_klein_grid.JPG);}
.panel-1, a { background-image: url(../Bilder/Kopfbilder/2004_Adrian_klein_grid.JPG);}





@media only screen and (min-width: 500px) {
	
  .grid-1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr  auto;                      
    }  
  .panel-title,  
  .panel-copyright {
    grid-column: span 2;
  }
  
  .panel-copyright {
    text-align: right;
  }
}


/* media query 2 */
@media only screen and (min-width: 768px) {
	
  
  .grid-1 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto 
                        1fr 1fr 1fr 1fr auto;
    }
    
  .panel-title,
  .panel-copyright {
    grid-column: span 3;
  }
}

/* media query 3 */
@media only screen and (min-width: 1100px) {	
  
 .grid-1 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto 1fr 1fr 1fr auto;
    }
  .panel-title,
  .panel-copyright {
    grid-column: span 4;
  }
  
  
} 
 
  /* media query 4 */
@media only screen and (min-width: 1280px) {

.platzhalter {
	width: 12.6em;
	height: 15.5em;
}	
	
  .grid-1 {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr 1fr auto;
    }
  
  .panel-title,
  .panel-copyright {
    grid-column: span 5;
  }
  
  
  
}