/* ============================================================
   custom.css – Wetterstation Lünen
   Basis: Döbeln-Wöllsdorf custom.css + NRW-Vorhersage Fixes
   ============================================================ */

.statusIcon {
  width:14px;
  height:14px;
  display:inline-block;
  border:1px solid #808080;
}

.logoIcon {
  width:16;
}

.modal-lg {
  width:1000px;
}

.genesis-nav-menu a {
  color: #333;
  display: block;
  padding: 30px 24px 10px;
}

.genesis-nav-menu .sub-menu a {
  padding: 15px;
}

.genesis-nav-menu .sub-menu {
  box-shadow: 0px 0px 3px 1px rgba(200, 200, 200, 0.2);
}

.genesis-nav-menu .sub-menu .sub-menu {
  margin: -46px 0 0 199px;
  box-shadow: 0px 0px 3px 1px rgba(200, 200, 200, 0.2);
}

.dark .sub-menu {
  background-color:#333;
}

.light .sub-menu {
  background-color:#FFF;
}

.warning {
  background-color: #ffeeee;
  border: 1px solid #ffdddd;
  margin: 10px 30px 10px 30px;
  padding: 10px;
  border-radius: 6px;
  color: #333;
}

.pv-title {
  font-size:24px;
  text-align:center;
  padding-bottom: 5px;
}

.pv-obs-top {
  min-height:180px !important;
}

table a, table a:link, table a:active, table a:visited {
  text-decoration:none;
}

table a:hover {
  text-decoration:underline;
}

.current_temp .solarpower_outer {
  font-size:50px;
}

@media only screen and (max-width: 800px) {
  .current_temp .solarpower_outer {
    font-size: 40px;
  }
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

.infobox {
  background:#EBEBEB;
  border:1px solid #CCC;
  margin:5px;
  padding:10px;
  border-radius:5px;
  line-height:1.3;
}

.dark .infobox {
  background:#444;
  border:1px;
  margin:5px;
  padding:10px;
  border-radius:5px;
  line-height:1.3;
}

/* Volle Breite wie Döbeln */
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

/* ── DWD Forecast Tabelle (exakt wie Döbeln) ── */
.dwdforecasttable {
  line-height: 1.0;
}

.dwdforecasttable th {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 1.2;
  display:table-cell;
}

.dwdforecasttable td {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 1.2;
  display:table-cell;
}

.dwdforecasttable .icons td {
  padding-top: 5px;
  padding-bottom: 0px;
}

.dwdforecasttable .topdist td {
  padding-top: 5px;
}

.light .dwdforecasttable td.weekend {
  background-color: #ffe;
}

.dark .dwdforecasttable td.weekend {
  background-color: #333;
}

.dwdforecast-horizontal.dwdforecast-hourly48 {
  padding: 5px;
  overflow-x: scroll;
}

.dwdforecast-horizontal.dwdforecast-hourly48 td,
.dwdforecast-horizontal.dwdforecast-hourly48 th {
  padding-left: 5px;
  padding-right: 5px;
}

.dwdforecast-header {
  position: sticky;
}

/* ── NRW Textvorhersage (VHDL50) ── */
/* pre-Tag neutralisieren – kein grauer Kasten */
#textForecastNRW pre {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 0.93em;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
  color: inherit;
}

#textForecastNRW p {
  line-height: 1.65;
  margin-bottom: 0.5em;
  font-size: 0.93em;
}

#textForecastNRW a {
  color: #e5554e;
}

/* ── Sonstige Stile ── */
.wildfire-modal ul {
  margin-left: 30px;
}

.wildfire-modal ul > li {
  list-style-type: disc;
}

div.noscriptwarning {
  display:none;
}

body.no-js div.noscriptwarning {
  display:inline-block;
}

.records-month-compare td {
  width:7.142857143%;
}

.records th {
  padding:0px 10px;
}

dd {
  margin-left:2em;
}

.light .lightimage { display:inline-block; }
.light .darkimage  { display:none; }
.dark  .lightimage { display:none; }
.dark  .darkimage  { display:inline-block; }

ol.breadcrumb {
  padding: 1px 0px;
  margin-top: 20px;
  margin-bottom: -20px;
  font-size: 70%;
  background: inherit;
}

.dark ol.breadcrumb {
  padding: 1px 0px;
  margin-top: 5px;
  margin-bottom: -15px;
  font-size: 70%;
  background: inherit;
}

.dark ol.breadcrumb a {
  color: #e5554e;
}

svg {
  vertical-align: middle;
}

.graph-outer {
  margin-bottom: 15px;
}

a.external-link::after {
  content:'\00A0\F08E';
  font-family: FontAwesome !important;
  font-size: 85%;
}

.records-header-left {
  text-align:left;
  background:#D7D7D7;
  color:#000;
  font-weight:400;
}

.current_obs_top #wxicon {
  max-width:128px;
  width:100%;
}

.light .clock-color {
  background-color: #eaeaea;
  color: #1f718e;
}

.dark .clock-color {
  background-color: #1f718e;
  color: #eaeaea;
}

@media (width<768px) {
  .border-bottom-xs { border-bottom: 1px solid #D7D7D7 !important; }
}
@media (width>=768px) and (width<992px) {
  .border-bottom-sm { border-bottom: 1px solid #D7D7D7 !important; }
}
@media (width>=992px) and (width<1200px) {
  .border-bottom-md { border-bottom: 1px solid #D7D7D7 !important; }
}
@media (width>=1200px) {
  .border-bottom-lg { border-bottom: 1px solid #D7D7D7 !important; }
}

.light thead { background-color: #fff; }
.dark  thead { background-color: #222; }
.light .infobox thead { background-color: #ebebeb; }
.dark  .infobox thead { background-color: #444; }