#jk-info {
    float: right;
    padding-top: 10px;
    z-index: 10000;
    min-width: 450px;
}

#jk-wasserstand {
    float: left;
}

#jk-wetterdaten {
    float: right;
}

.wd-daily-waterlevels {
    overflow: auto;
    display: flex;
    position: relative;
    float: right;
    z-index: 10000;
    color: white;
}

.wd-daily-waterlevels h3 {
    font-size: 42px;
    color: #fff !Important;
    margin: 10px 0 46px;
    border-bottom: 2px solid #d7dde9;
}

.wd-tide {
    float: left;
    display: inline-block;
}

.wd-tide img {
    width: 70px;
    float: left;
    margin-right: 5px;
}

.wd-tide-data {
    float: right;
    width: 135px;
}

.wd-daily-waterlevels .wd-tide-data h5 {
    font-size: 12px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.wd-tide-data .wd-tide-time {
    display: block;
    font-size: 14px;
    clear: both;
}

.wd-weather {
    overflow: auto;
    display: inline-block;
    float: right;
    padding-right: 20px;
}

.wd-weather h3 {
    font-size: 42px;
    color: #d7dde9;
    border-bottom: 2px solid #d7dde9;
    margin-top: 10px;
}

.wd-weather .wd-current-temperature {
    font-size: 12px;
    color: #fff;
}

.wd-weather .wd-wind,
.wd-weather .wd-humidity {
    font-size: 14px;
    color: #fff;
}

.wd-value,
.wd-current-temperature {
    font-weight: bold;
}

.wd-temp-metric {
    letter-spacing: 1px;
}

.wd-weather-notice-text {
    float: right;
    display: block;
}

@media screen and (max-width: 768px) {
    .wd-daily-waterlevels {
        overflow: hidden;
        width: 100%;
        padding: .5em 1em 0;
    }

    .wd-daily-waterlevels img {
        display: none;
    }

    .wd-daily-waterlevels .wd-tide-data {
        float: none;
    }

    .wd-daily-waterlevels .wd-tide-data h5 {
        font-size: 12px;
    }
}