* {
     font-family: Geneva, sans;
     // font-family: geneva,sans-serif;
     font-size: 18px;
     color: black;
 }

 html {
     padding: 8%;
     text-align: center;
 }


 
 /* The Modal (background) */
 .modal {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }

 /* Modal Content/Box */
 .modal-content {
     line-height: 1.3rem;
     background-color: #fefefe;
     margin: 15% auto; /* 15% from the top and centered */
     padding: 20px;
     border: 1px solid #888;
     width: 80%; /* Could be more or less, depending on screen size */
 }

 /* The Close Button */
 .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }

 .close:hover,
 .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 } 


 #impressumBtn {
     color: inherit;
     border: none;
     background-color: inherit;
     text-decoration: underline;
 }


 #impressum {
     text-align: left;
 }
 
 #text {
     border: 3pt solid black;
     padding: .3rem 1rem;
     line-height: 1.3rem;
     width: 90%;
     margin: 3rem auto;
     display: block;
 }

 #logo {
     max-width: 80%;
 }


 @media screen and (min-width:900px) {
     
     html {
         //height: 100%;
      }

     #text {
	 line-height: 1.3rem;
	 width: 60%;
	 margin: 3rem auto;
	 display: block;
     }



 }