#detail-weather{--weather-ink:#1e3b24;--weather-border:#c3d3bb;margin:22px 0;color:var(--weather-ink);font:19px/1.45 "Times New Roman",Times,serif;clear:both}
#detail-weather *,#detail-weather *::before,#detail-weather *::after{box-sizing:border-box}
#detail-weather [hidden]{display:none!important}
#detail-weather p{margin:8px 0}
#detail-weather button,#detail-weather input{font:inherit;color:var(--weather-ink);max-width:100%}
#detail-weather button{cursor:pointer;border:1px solid #6f9568;background:#ccffcc;border-radius:8px;padding:12px 20px;min-height:48px;font-weight:bold;line-height:1.3;transition:background .15s}
#detail-weather button:hover{background:#b6e8b6}
#detail-weather button:disabled{cursor:wait;opacity:.65}
#detail-weather button:focus-visible,#detail-weather a:focus-visible,#detail-weather input:focus-visible{outline:3px solid #277e47;outline-offset:3px}
#detail-weather a{color:#246539;text-underline-offset:3px}
#detail-weather #weather-toggle{font-size:21px}
#detail-weather #weather-panel{margin-top:16px}
#detail-weather label{font-weight:bold}
#detail-weather input{width:100%;background:#fff;border:1px solid #8caa85;border-radius:7px;padding:10px 12px;min-height:48px}
#detail-weather input[type=range]{padding:0;min-height:32px;border:0;accent-color:#29773f;background:transparent;cursor:pointer}
#detail-weather .weather-settings{border:1px solid var(--weather-border);border-radius:16px;background:linear-gradient(130deg,#e1f6d6,#f9fbf4);padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 30px}
#detail-weather .field{display:flex;flex-direction:column;gap:6px;min-width:0}
#detail-weather .date-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}
#detail-weather .field-note{font-size:16px;font-weight:400;color:#456147}
#detail-weather .speed-field{min-width:0}
#detail-weather .speed-field>label{display:inline-block}
#detail-weather .speed-field output{float:right;font-weight:bold}
#detail-weather .speed-scale{display:flex;justify-content:space-between;font-size:14px}
#detail-weather .weather-settings>button{grid-column:1/-1;justify-self:start;min-width:245px}
#detail-weather #weather-submit,#detail-weather #weather-toggle{position:relative;isolation:isolate;background:#edf6e8}
#detail-weather #weather-submit::before,#detail-weather #weather-toggle::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url('/nordost-modules/bilder/wolken.jpg') center 70%/cover no-repeat;opacity:.25;pointer-events:none}
#detail-weather #weather-submit:hover,#detail-weather #weather-toggle:hover{background:#dcebd7}
#detail-weather .weather-status{min-height:28px;padding:4px 0;margin:14px 0}
#detail-weather .weather-status.error{color:#8a231f}
#detail-weather .section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}
#detail-weather .section-heading h2{font:400 28px/1.2 "Times New Roman",Times,serif;margin:0;color:var(--weather-ink)}
#detail-weather .section-heading>span{font-size:17px}
#detail-weather .weather-results{position:relative;isolation:isolate;margin-top:20px;padding:20px clamp(12px,2vw,24px);border:1px solid var(--weather-border);border-radius:16px;background:#edf6e8}
#detail-weather .weather-results::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url('/nordost-modules/bilder/wolken.jpg') center/cover no-repeat;opacity:.25;pointer-events:none}
#detail-weather .section-help{font-size:17px;margin-bottom:15px}
#detail-weather .weather-overview{background:linear-gradient(120deg,#e4f5d9,#f3f9ec);border:1px solid #b7ceac;border-radius:14px;padding:18px 20px;margin:0 0 18px}
#detail-weather .overview-title{font:400 24px/1.2 "Times New Roman",Times,serif;margin:0 0 14px;color:var(--weather-ink)}
#detail-weather .overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(4,minmax(0,1fr));gap:18px}
#detail-weather .overview-label{display:block;font-size:16px;line-height:1.25;margin-bottom:6px;hyphens:auto}
#detail-weather .overview-value{display:block;font-size:25px;font-weight:400;line-height:1.2;overflow-wrap:break-word}
#detail-weather .overview-note{display:block;font-size:15px;line-height:1.25;margin-top:4px}
#detail-weather .overview-condition-list{display:flex;flex-direction:column;gap:3px}
#detail-weather .overview-condition-item{display:flex;align-items:center;gap:7px;font-size:18px;line-height:1.2}
#detail-weather .overview-condition-item .weather-icon{font-size:25px;flex-shrink:0}
#detail-weather .overview-footnote{margin:14px 0 0;font-size:15px;line-height:1.3;color:#456147}
#detail-weather .overview-incomplete{margin:8px 0 0;font-size:16px;color:#75450b}
#detail-weather .weather-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#detail-weather .weather-card{display:block;width:100%;min-width:0;text-align:left;background:white;border:1px solid var(--weather-border);border-radius:12px;padding:14px;font-weight:400;line-height:1.25;align-self:start}
#detail-weather .weather-card:hover{background:#f1f8eb}
#detail-weather .weather-card[aria-pressed=true]{border:2px solid #26703c;padding:13px;background:#eef8e8;box-shadow:0 0 0 2px #d7ebd0}
#detail-weather .card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#detail-weather .card-top strong{font-size:21px}
#detail-weather .card-top small{font-size:16px;white-space:nowrap}
#detail-weather .card-arrival{display:block;font-size:16px;margin:3px 0 9px;font-weight:400}
#detail-weather .card-condition{display:flex;align-items:center;gap:9px}
#detail-weather .weather-icon{font-family:Arial,sans-serif;font-size:29px;line-height:1.3}
#detail-weather .card-temperature{font-size:27px;white-space:nowrap}
#detail-weather .card-condition-info{display:block;min-width:0}
#detail-weather .card-condition-label{display:block;font-size:17px;line-height:1.15}
#detail-weather .card-feels-like{display:block;font-size:15px;margin-top:3px;color:#456147}
#detail-weather .card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin-top:11px;font-size:16px}
#detail-weather .card-metric{display:flex;flex-direction:column;min-width:0;gap:2px}
#detail-weather .card-metric>span{font-size:14px;line-height:1.2;color:#456147;hyphens:auto;word-break:normal}
#detail-weather .card-metric>strong{font-size:17px;font-weight:400;text-align:left;line-height:1.25;word-break:normal}
#detail-weather .card-note{display:block;color:#576b54;border-top:1px solid #dbe5d5;margin-top:9px;padding-top:7px;font-size:14px;line-height:1.25}
#detail-weather .weather-source{margin-top:22px;padding-top:16px;border-top:1px solid var(--weather-border);font-size:16px}
#detail-weather .data-status{font-size:16px;margin-top:18px}
#detail-weather .weather-warnings{font-size:17px}
#detail-weather .weather-warnings:not(:empty){background:#fcf1d5;border-left:4px solid #b48724;border-radius:4px;padding:12px 16px;margin:12px 0}
.opr-detail-weather-point{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;border:3px solid #1e3b24;border-radius:50%;background:#ccffcc;box-shadow:0 1px 5px #0005;cursor:pointer;box-sizing:border-box;font:700 16px/1.2 "Times New Roman",Times,serif;color:#1e3b24;overflow:visible}
.opr-detail-weather-point-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:block;padding:7px 10px;white-space:nowrap;border:1px solid #1e3b24;border-radius:7px;background:#fff;box-shadow:0 2px 5px #0003}
.opr-detail-weather-point.is-start .opr-detail-weather-point-label{left:auto;right:16px;transform:none}
.opr-detail-weather-point.is-finish .opr-detail-weather-point-label{left:16px;transform:none}
.opr-detail-weather-point:hover .opr-detail-weather-point-label{background:#e4f5d9}
.opr-detail-weather-point.is-selected{background:#1e3b24;border-color:white;z-index:1}
.opr-detail-weather-point.is-selected .opr-detail-weather-point-label{background:#1e3b24;color:white}
.opr-detail-weather-point:focus-visible .opr-detail-weather-point-label{outline:3px solid #277e47;outline-offset:3px}
.opr-detail-weather-popup{font:17px/1.4 "Times New Roman",Times,serif;color:#1e3b24;max-width:240px}
.opr-detail-weather-popup strong{font-size:20px}
.opr-detail-weather-popup-shell .maplibregl-popup-content{background:#eef8e8;max-height:300px;overflow-y:auto}
.opr-detail-weather-popup-shell:is(.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right) .maplibregl-popup-tip{border-bottom-color:#eef8e8}
.opr-detail-weather-popup-shell:is(.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right) .maplibregl-popup-tip{border-top-color:#eef8e8}
.opr-detail-weather-popup-shell.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#eef8e8}
.opr-detail-weather-popup-shell.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:#eef8e8}
@media(max-width:1100px){#detail-weather .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}#detail-weather .overview-condition{grid-column:1/-1}#detail-weather .overview-condition-list{flex-direction:row;flex-wrap:wrap;gap:7px 18px}#detail-weather .weather-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#detail-weather{font-size:18px}#detail-weather .weather-settings{grid-template-columns:minmax(0,1fr);padding:17px;gap:18px}#detail-weather .weather-settings>button{width:100%;min-width:0}#detail-weather .section-heading{align-items:flex-start}#detail-weather .section-heading h2{font-size:25px}}
@media(max-width:640px){#detail-weather .weather-sections{grid-template-columns:minmax(0,1fr)}#detail-weather .weather-overview{padding:16px}#detail-weather .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}#detail-weather .overview-value{font-size:25px}#detail-weather .overview-title{font-size:23px}#detail-weather .card-metrics{gap:9px 16px}#detail-weather .card-metric>strong{font-size:18px}}
@media(max-width:480px){#detail-weather .date-fields{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:10px}#detail-weather .section-heading{flex-wrap:wrap}#detail-weather #weather-toggle{width:100%}}