html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Wrapper til tabel */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin-top: 10px;
}

/* Grundlæggende tabel-styling */
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

table th,
table td {
    padding: 10px 12px;
    border: 1px solid #ccc;
    text-align: center;
}

/* Zebra-striber */
table tr:nth-child(even) {
    background-color: #f7f7f7;
}

/* Header-styling */
table th {
    background-color: #e3e3e3;
    font-weight: bold;
}

/* Temperaturfarver */
.temp-high {
    background-color: #ffdddd;
    color: #b30000;
    font-weight: bold;
}

.temp-low {
    background-color: #ddeaff;
    color: #003d99;
    font-weight: bold;
}

/* Mobilvenlig styling */
@media (max-width: 1200px) {
    table th,
    table td {
        padding: 6px;
        font-size: 14px;
        white-space: nowrap;
    }

    #chartContainer {
        width: 100% !important;
    }
}

/* Desktop chart width */
#chartContainer {
    width:75%;
     
}