h1 {font-size: 1.25rem; text-align: center;}

h2 {font-size: 1.125rem; margin-left: 5%;}

.gallery {
	margin:0 auto;
	display:table;
	width:90%
	}
	
.gallery p {
	display:table-cell;
	width:20%;
	padding:10px;
	background-color:#aaa;
	box-shadow:3px 3px 3px 1px #eee inset,-3px -3px 3px 1px black inset;
	border-radius:20px;
	}
	
  .gallery a {
	outline:none;
	text-decoration:none;
	display:block;
	width:100%;
	padding-bottom:100%;
	background-color:#aaa;
	border:0px solid #777;
	}
	
  .gallery a,.gallery span{background-size:contain;background-repeat:no-repeat;background-position:center;}
  
  .gallery span{position:fixed;left:0;top:0;right:0;bottom:0;display:none;background-color:rgba(20,20,20,1);}
  .gallery a:focus + span{display:block;z-index:200}
      
  #p1,#p1 + span{background-image:url(./fotos/bild1.jpg)}
  #p2,#p2 + span{background-image:url(./fotos/bild2.jpg)}
  #p3,#p3 + span{background-image:url(./fotos/bild3.jpg)}
  #p4,#p4 + span{background-image:url(./fotos/bild4.jpg)}
  #p5,#p5 + span{background-image:url(./fotos/bauschild.jpg)}
  #p6,#p6 + span{background-image:url(./fotos/grundstueck.jpg)}
  #p7,#p7 + span{background-image:url(./fotos/grundstueck2.jpg)}
  #p8,#p8 + span{background-image:url(./fotos/.jpg)}
  #p9,#p9 + span{background-image:url(./fotos/wohnwagen.jpg)}
  #p10,#p10 + span{background-image:url(./fotos/wohnwagen2.jpg)}
  #p11,#p11 + span{background-image:url(./fotos/campingplatz.jpg)}
  #p12,#p12 + span{background-image:url(./fotos/.jpg)}
  #p13,#p13 + span{background-image:url(./fotos/bild5.jpg)}
  #p14,#p14 + span{background-image:url(./fotos/bild6.jpg)}
  #p15,#p15 + span{background-image:url(./fotos/bild7.jpg)}
  #p16,#p16 + span{background-image:url(./fotos/bild8.jpg)}
  #p17,#p17 + span{background-image:url(./fotos/bild9.jpg)}
  #p18,#p18 + span{background-image:url(./fotos/bild10.jpg)}
  #p19,#p19 + span{background-image:url(./fotos/bild11.jpg)}
  #p20,#p20 + span{background-image:url(./fotos/.jpg)}