#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; } }