/**************************/
/* BELOW 944px (Tablets) */
/**************************/

@media (max-width: 59em) {

    .krone img { margin-top: 76px; }
    h1 { font-size: 90%; }


    /* MOBILE NAVIGATION */
    .btn-mobile-nav {
    display: block;
    z-index: 9999;
     position: fixed;
    top: 0;
    right: 10px;
    }
  
    .main-nav {
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateX(100%);

    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in;

    /* Hide navigation */
    /* Allows NO transitions at all */
    /* display: none; */

    /* 1) Hide it visually */
    opacity: 0;

    /* 2) Make it unaccessible to mouse and keyboard */
    pointer-events: none;

    /* 3) Hide it from screen readers */
    visibility: hidden;
  }

  .nav-open .main-nav {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
  }

  .nav-open .icon-mobile-nav[name="close-outline"] {
    display: block;
  }

  .nav-open .icon-mobile-nav[name="menu-outline"] {
    display: none;
  }

  .main-nav-list { 
    flex-direction: column;
    gap: 0.8rem;
  }

  .main-nav-link:link, .main-nav-link:visited {
    font-size: 1.5rem;
    border-bottom: 0;
    color: #333;
  }
  .social-footer .main-nav-link:link, .social-footer .main-nav-link:visited   {
		font-size: 1.2rem;
		color: #aaa;
	}
  .gallery-img {
  max-width: 120px;
  }

  .box { padding: 120px 40px; }
  
  .newsbreak { display: inline; }

}





@media only screen and (max-width: 480px) {
	a:link,
	a:visited {font-size: 100%; letter-spacing: 0; padding: 0 0 0 0;}
	h2 {font-size: 100%;} 	
	.main-nav {padding: 18px 0;}
	section {  }
	.box { padding: 80px 15px; }
	.krone { width: 100%; }
	.godsave-logo, .subtitle { width: 90%; }
	.contact-form { width: 100%; }
	.footer-box { display: block; }
	.footer-side { width: 100%; text-align: center; }
	.footer-rechts { padding-left: 0px; }
	.footer-social { padding: 16px 0px; }
	.social-footer { 
		width: 35%;
		justify-content: space-evenly;
		gap: none;
		margin: 0 auto; }
	.footer-imprint-link { 
		display: block; 
       		font-size: 80%;
		margin: 20px 0px;
	}	
	a:link.footer-imprint-link,
	a:visited.footer-imprint-link  { 
       		font-size: 70%;
	}	

	.footer-nav { display: none; }
	audio { width: 100%; margin-bottom: 10px;}
	.mp3 p { 
		font-size: 80%;
	}
	.musician { gap: 30px; }
	.musician img {width: 100%; max-width: 160px;}
	.musician h3 { font-size: 20px; }
	.musician h4, p  { margin: 0; }
	.mp3 { display: block; }
	.mp3 div { width: 100%; }
	.gallery-img {
  	  max-width: 90px;
  	}
	.news-box h2 { 
	font-size: 140%;
	}
	#newsheader { text-align: center;}


}