h3 { 
   text-align: center; }
.halb {
   margin-top: 0.6rem; }
div[class*="ref"]:hover, 
div[class="ty"]:hover {
   border-radius: 1rem; 
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
   transition: 0.3s }
div[class*="ref"]:hover { 
   transform: scale(1.05) translateY(10px) }
div[class="ref12"]:hover { 
   transform: scale(1.02) translateY(12px) }
div[class="ty"]:hover { 
   transform: scale(1.01) translateY(20px) }
h2 { 
   margin-bottom: -1rem; 
   text-indent: 1rem; }
h2:hover { 
   background-color:yellow;
   letter-spacing: 2px;
   word-spacing: 3px;
   text-indent: 2rem; }
.zwischen {
   color: papayawhip; }
.zwtitel {
   color: navajowhite; }
h2:target {
   background-color: #7DF2E8 }
h2:target:hover {
   background-color: navajowhite }
main {
   display: flex; 
   white-space: nowrap; 
   flex-wrap: wrap; }
article {
   white-space: nowrap; }
/*grid*/
/* main > * {
   box-sizing: border-box;
   border-radius: 7px; }
main {
   grid-template-columns: max-content; 
      repeat(auto-fit, minmax(200px, 1fr));
   grid-auto-flow: dense; }
div { 
   grid-column: span 2; }
div.ref1 { 
   grid-row: span 2; }
div.ref2 { 
   grid-row: span 3; }
div.ref3 { 
   grid-row: span 4; }
div.ref4 { 
   grid-row: span 5; }
div.ref5 { 
   grid-row: span 6; }
div.ref6 { 
   grid-row: span 7; }
div.ref7 { 
   grid-row: span 8; }
div.ref8 { 
   grid-row: span 9; }
div.ref9 { 
   grid-row: span 10; }
div.ref12 { 
   grid-row: span 13; }
div.ty { 
   grid-row: span 43; }
div#vsestihi { 
   display: grid; 
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 2rem; 
   text-align: center; } */
@media screen and (max-width:999px) {
   h2 {
      margin-bottom: -0.4rem; }
   h3 {
      display: none; } }