@font-face {
     font-family: 'EuroPlate';
     src: url("https://sterny.de/themes/sterny-official/assets/kennzeichen/static/fonts/EuroPlate.ttf") format('truetype');
 }

 .scrollable-list {
     max-height: 60vh;
     overflow-y: auto;
     border: 2px solid black;
     border-radius: 25px;          
     padding: 10px;
     margin-bottom: 20px;
     background: white;
 }

 body {                                                                                                      
     display: flex;                                                                                              
     flex-direction: column;                                                                                     
     align-items: center;                                                                                        
     justify-content: center;                                                                                    
     height: 100vh;                                                                                              
     margin: 0;                                                                                                  
     font-family: Arial, sans-serif;                                                                         
     background-image: linear-gradient(to bottom, #f5fffa, #eaf5f0, #deebe7, #d3e2de, #c8d8d5);
 }                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                     
 .search-container-class {                                                                                         
     display: flex;                                                                                              
     flex-direction: column;                                                                                     
     align-items: center;                                                                                        
     margin-bottom: 20px;                                             
     margin-top: 50px; /* Add margin to move the search field down */
 }                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                     
 .input-container {
     position: relative;
     display: flex;
     align-items: center;
 }

 .input-icon {
     position: absolute;
     top: 0px;
     left: 0px;
     width: auto;
     height: 55px;
 }

 #kennzeichen-input {                                                                                                                                                                                                                
     width: 200px;                                                                                                                                                                                                                   
     height: 50px;                                                                                                                                                                                                                   
     font-size: 24px;                                                                                                                                                                                                                
     text-align: center;                                                                                                                                                                                                             
     margin-bottom: 10px;                                                                                                                                                                                                            
     border: 2px solid black;                                                                                                                                                                                                        
     border-radius: 5px;                                                                                                                                                                                                             
     padding-left: 20px;                                                                                                                                                                                                      
     font-family: 'EuroPlate', Arial, sans-serif;    
     box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);                                                                                                                                                                                                         
 }                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                     
 button {                                                                                                                                                                                                                            
    width: 100px;                                                                                                                                                                                                                   
    height: 40px;                                                                                                                                                                                                                   
    font-size: 16px;      
    background-color: white;
    border: 2px solid black;
    border-radius: 5px;                                                                                                                                                                                                                   
 }                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                     
 #info-box {
     margin-bottom: 20px;
     font-size: 18px;
     text-align: center;
 }

 #info-box {
     margin-bottom: 20px;
     font-size: 18px;
     text-align: center;
     border: 2px solid black;
     border-radius: 10px;
     padding: 10px;
     background-color: white;
 }
 #map {                                                                                                                                                                                                                              
     width: 80%;                                                                                                                                                                                                                     
     height: 80%;                                                                                                                                                                                                                    
 }                                                                                                                                                                                                                                   
                                                                                                                                                                                                                                     
 #deutschland-map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 #search-container { 
     position: absolute;
     top: 33%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
     background-color: transparent;
     transition: top 0.5s ease-in-out;
 }

 .hidden {
     top: -100px;
     opacity: 0;
     pointer-events: none;
 }

 .bottom-links {      
     position: absolute;
     bottom: 10px;
     left: 10px;
 }

 .link {
     margin-right: 10px;
     text-decoration: none;
     color: white;
     font-size: 16px;
 }

 .link:hover {
     text-decoration: underline;
 }