weatherForecastData.css

.filter label {
    display: block;
    margin-bottom: 5px;
  }
  
  .filter input[type="text"],
  
  .filter select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  .filter button {
    padding: 10px 20px;
    background-color: var(--dl-color-theme-primary1);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  
  .filter button:hover {
    background-color: var(--dl-color-theme-primary2);
  }
  
  .output {
    margin-top: 40px;
  }
  
  .checkBoxFilter {
    margin-bottom: 10px;
  }
  
  #weatherData {
    white-space: pre-wrap; /* Umbruch von langen Zeilen */
  }
  #apiUrl {
    margin-top: 50px;
  }
  
  #apiUrloutput {
    width: 1250px;
  }