.mod_kalender_list {
  max-width: 1550px;
  margin: auto;
  
  .hidden{
    display: none;
    visibility: hidden;
  }
  
  .search_container{
    
    .headline{
      font-weight: lighter;
    }
    
    .search{
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 10px;
      
      #mntc_search_input{
        flex: 1;
        width: auto;
        max-width: 100%;
        transition: 0.2s;
        
      }
    }
    
  }
  
  
  .search_letters_container{
   
   .search_text{
     margin-bottom: 20px;
     font-weight: bold;
     font-size: 1.75rem;
   }
    
    .search_letters{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 40px;
      
      .letter{
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(clamp(2.5rem, 3.125vw + 1.328rem, 4.063rem));
        aspect-ratio: 1;
        background: #F2F2F2;
        padding: 10px;
        font-size: calc(clamp(1.25rem, 0.75vw + 0.969rem, 1.625rem));
        font-weight: 200;
        transition: 0.3s;
        
        &#highlighted{
          background: #3D3D3C;
          color: white;
        }

      }
    }
    
    .search_hint{
      margin-bottom: calc(clamp(1.25rem, 3.125vw + 0.078rem, 2.813rem));
      font-weight: lighter;
    }
  }
  
  .streets{
    max-width: 100%;
    .hide{
      display: none;
    }
    
    .streets_list{
      columns: 4;
      column-width: 300px;
      /*
      li::marker {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6.228" height="11.196"><path data-name="Pfad 11325" d="M6.228 5.598 1.89 0 0 1.656l3.024 3.942L0 9.58l1.89 1.62Z" fill="%23ff8000"/></svg>');
        color: #FF8000;
      }
      */
      .streets_list_item{
        width: fit-content;
        margin-right: 20px;
        
      }
    }
  }
  
}
