.sd-wcp{--bg:#07111f;--panel:#0d1d30;--line:#294962;--text:#eef6ff;--muted:#abc0d2;--accent:#55b9ff;--mint:#72e2c3;--warn:#ffc96b;color:var(--text);background:linear-gradient(180deg,#07111f,#091827 50%,#07111f);border-radius:20px;padding:clamp(14px,3vw,36px);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}.sd-wcp *{box-sizing:border-box}.sd-wcp h1,.sd-wcp h2,.sd-wcp h3{color:#fff;line-height:1.15}.sd-wcp h1{font-size:clamp(2rem,5vw,4.2rem);margin:.2em 0}.sd-wcp h2{font-size:clamp(1.3rem,2.4vw,2rem);margin:0 0 8px}.sd-wcp h3{margin:0 0 6px}.sd-wcp p{color:var(--muted)}.sd-wcp a{color:#8fd2ff}.sd-wcp__hero,.sd-wcp__panel,.sd-wcp__toolbar,.sd-wcp__metrics article,.sd-wcp__source,.sd-wcp__legal article{background:linear-gradient(145deg,rgba(18,40,65,.98),rgba(9,24,40,.98));border:1px solid rgba(139,193,232,.2);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.sd-wcp__hero{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;align-items:center;padding:clamp(24px,5vw,52px);margin-bottom:16px}.sd-wcp__kicker{display:inline-block;padding:6px 10px;border:1px solid #2d5877;border-radius:999px;background:#102b44;color:#bfe7ff;font-weight:700;font-size:.78rem}.sd-wcp__globe{width:min(260px,80%);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(ellipse at 35% 44%,#48a877 0 17%,transparent 18%),radial-gradient(ellipse at 63% 61%,#55a96f 0 13%,transparent 14%),radial-gradient(circle,#176ca0 0 58%,#09385e 65%,#071525 70%);box-shadow:0 0 55px rgba(85,185,255,.35),inset -30px -22px 38px rgba(0,0,0,.5)}.sd-wcp__notice{padding:14px 16px;margin:14px 0;border-left:4px solid var(--warn);background:rgba(255,201,107,.08);border-radius:10px;color:#ecd9b5}.sd-wcp__toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;padding:16px}.sd-wcp label{display:flex;flex-direction:column;gap:5px;color:#c6d8e8;font-size:.8rem;font-weight:700}.sd-wcp input,.sd-wcp select{width:100%;padding:12px;color:white;background:#081828;border:1px solid #31516d;border-radius:10px}.sd-wcp button{border:1px solid #3b6788;border-radius:10px;padding:10px 13px;background:#10263d;color:white;cursor:pointer}.sd-wcp [data-action=load]{align-self:end;background:linear-gradient(135deg,#47aef3,#2678b5);font-weight:800;padding:12px 18px}.sd-wcp label small{font-size:.72rem;font-weight:500;color:var(--muted)}.sd-wcp__locations{margin:12px 0;padding:14px;background:rgba(16,39,61,.96);border:1px solid #31516d;border-radius:14px}.sd-wcp__locations[hidden]{display:none}.sd-wcp__locations>strong{display:block;margin-bottom:10px}.sd-wcp__location-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.sd-wcp__location{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;padding:11px 13px!important;background:#0a1b2d!important}.sd-wcp__location:hover,.sd-wcp__location:focus{border-color:#5bbcff;background:#12314d!important}.sd-wcp__location span{font-weight:800}.sd-wcp__location small{color:var(--muted)}.sd-wcp__status{min-height:24px}.sd-wcp__metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:16px 0}.sd-wcp__metrics article{padding:16px;min-height:120px}.sd-wcp__metrics span,.sd-wcp__metrics small{display:block;color:var(--muted)}.sd-wcp__metrics b{display:block;font-size:1.45rem;margin:10px 0}.sd-wcp__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.sd-wcp__grid>*{min-width:0}.sd-wcp__panel{min-width:0;padding:20px}.sd-wcp__panel-head{display:flex;justify-content:space-between;gap:15px}.sd-wcp__tabs{display:flex;gap:6px;flex-wrap:wrap}.sd-wcp__tabs .is-active{background:#256d9f;border-color:#5bbcff}.sd-wcp__chart-wrap{position:relative!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;aspect-ratio:16/7!important;min-height:260px!important;max-height:420px!important;overflow:hidden!important;border-radius:12px!important;background:rgba(4,16,28,.55)!important;border:1px solid rgba(255,255,255,.07)!important}.sd-wcp__chart-wrap canvas,.sd-wcp canvas[data-role="chart"]{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;object-fit:fill!important}.sd-wcp__table-wrap{overflow:auto;max-height:390px;border:1px solid rgba(255,255,255,.07);border-radius:12px}.sd-wcp table{width:100%;border-collapse:collapse;min-width:610px}.sd-wcp th,.sd-wcp td{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.86rem}.sd-wcp th{position:sticky;top:0;background:#10273d}.sd-wcp__satellite{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.sd-wcp__frame iframe{width:100%;height:560px;border:0;border-radius:12px;background:#07111f}.sd-wcp__satellite-link{display:block;text-decoration:none}.sd-wcp__satellite-image{display:block;width:100%;height:auto;min-height:320px;max-height:620px;object-fit:cover;border-radius:12px;background:#07111f;border:1px solid rgba(255,255,255,.08)}.sd-wcp__satellite-link span{display:inline-block;margin-top:10px;font-weight:700}.sd-wcp__satellite aside{display:grid;gap:12px}.sd-wcp__source{padding:17px}.sd-wcp__source p{margin:.3em 0}.sd-wcp__sources{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.sd-wcp__legal{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.sd-wcp__legal article{padding:20px}.sd-wcp__attribution{font-size:.85rem;margin:18px 4px 0}@media(max-width:1100px){.sd-wcp__metrics{grid-template-columns:repeat(3,1fr)}.sd-wcp__grid,.sd-wcp__satellite{grid-template-columns:1fr}.sd-wcp__sources{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sd-wcp{padding:10px;border-radius:12px}.sd-wcp__hero,.sd-wcp__toolbar,.sd-wcp__legal{grid-template-columns:1fr}.sd-wcp__globe{display:none}.sd-wcp__metrics{grid-template-columns:repeat(2,1fr)}.sd-wcp__sources{grid-template-columns:1fr}.sd-wcp__panel-head{display:block}.sd-wcp__tabs{margin-bottom:12px}.sd-wcp__frame iframe{height:450px}}

.sd-wcp__place-tools{display:grid;grid-template-columns:auto auto minmax(220px,1fr);gap:10px;align-items:end;margin:10px 0 4px}.sd-wcp__place-tools button{min-height:44px}.sd-wcp__place-tools button:disabled{opacity:.5;cursor:not-allowed}.sd-wcp__selected{margin:10px 0;padding:10px 13px;border-radius:10px;background:rgba(114,226,195,.09);border:1px solid rgba(114,226,195,.3);color:#c9f8eb!important}.sd-wcp__selected[hidden]{display:none}@media(max-width:700px){.sd-wcp__place-tools{grid-template-columns:1fr}.sd-wcp__place-tools button{width:100%}}

.sd-wcp__environment{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:16px 0}.sd-wcp__air-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.sd-wcp__air-grid>div{padding:14px;border:1px solid rgba(139,193,232,.18);border-radius:12px;background:rgba(4,16,28,.42)}.sd-wcp__air-grid span,.sd-wcp__air-grid small{display:block;color:var(--muted)}.sd-wcp__air-grid b{display:block;font-size:1.45rem;margin:8px 0}.sd-wcp__environment-note{font-size:.86rem}@media(max-width:900px){.sd-wcp__environment{grid-template-columns:1fr}.sd-wcp__air-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sd-wcp__air-grid{grid-template-columns:1fr}}

@media(max-width:700px){.sd-wcp__chart-wrap{aspect-ratio:4/3!important;min-height:240px!important;max-height:340px!important}.sd-wcp__panel{padding:14px}.sd-wcp__tabs button{flex:1 1 calc(50% - 6px)}}

/* Diagrammsteuerung und Tooltip – Version 1.5.0 */
.sd-wcp__series{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}.sd-wcp__series button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px}.sd-wcp__series button:before{content:"";width:10px;height:10px;border-radius:50%;background:#55b9ff}.sd-wcp__series button[data-series="rain"]:before{border-radius:2px;background:#55b9ff}.sd-wcp__series button[data-series="wind"]:before{background:#ffc96b}.sd-wcp__series .is-active{background:#256d9f;border-color:#75c9ff;box-shadow:0 0 0 1px rgba(117,201,255,.25) inset}.sd-wcp__chart-tooltip{position:absolute;z-index:4;min-width:135px;max-width:190px;padding:9px 11px;border:1px solid rgba(117,201,255,.5);border-radius:9px;background:rgba(4,16,28,.94);box-shadow:0 8px 24px rgba(0,0,0,.34);pointer-events:none;color:#eef6ff;font-size:.78rem;line-height:1.35}.sd-wcp__chart-tooltip[hidden]{display:none!important}.sd-wcp__chart-tooltip strong,.sd-wcp__chart-tooltip span{display:block}.sd-wcp__chart-tooltip span{margin-top:3px;color:#c8dceb}.sd-wcp canvas[data-role="chart"]:focus{outline:2px solid #75c9ff!important;outline-offset:-3px!important}@media(max-width:700px){.sd-wcp__series{display:grid;grid-template-columns:repeat(3,1fr)}.sd-wcp__series button{justify-content:center;padding:9px 7px;font-size:.78rem}}

/* Wettervergleich */
.sd-wcv__hero{margin-bottom:18px}.sd-wcv__search-grid,.sd-wcv__forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.sd-wcv__search-card{display:grid;gap:12px}.sd-wcv__search-card label{display:grid;gap:8px;font-weight:700}.sd-wcv__search-card input{width:100%;min-width:0}.sd-wcv__actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.sd-wcv__actions button,.sd-wcv__search-card>button{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;background:#55b9ff;color:#06111e}.sd-wcv__actions .sd-wcv__swap{background:#e9f2f9}.sd-wcv__summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.65fr) minmax(0,1fr);gap:18px;margin:18px 0;text-align:center}.sd-wcv__summary article{min-width:0}.sd-wcv__summary p{overflow-wrap:anywhere}.sd-wcv__difference{background:linear-gradient(145deg,rgba(85,185,255,.15),rgba(114,226,195,.09))}.sd-wcv__big{display:block;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.1;margin:12px 0}.sd-wcv__table-panel{margin:18px 0}.sd-wcv__table td,.sd-wcv__table th{text-align:center}.sd-wcv__table td:first-child,.sd-wcv__table th:first-child{text-align:left}.sd-wcv__table .is-higher{color:#ffb56b;font-weight:800}.sd-wcv__table .is-lower{color:#72e2c3;font-weight:800}.sd-wcv__table .is-equal{color:#a9bdd0}.sd-wcv__days{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:10px;overflow-x:auto;padding-bottom:5px}.sd-wcv__days article{min-width:90px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;text-align:center;background:rgba(255,255,255,.035)}.sd-wcv__days span,.sd-wcv__days small{display:block}.sd-wcv__days b{display:block;font-size:1.15rem;margin:8px 0}
@media(max-width:760px){.sd-wcv__search-grid,.sd-wcv__forecast-grid,.sd-wcv__summary{grid-template-columns:1fr}.sd-wcv__summary .sd-wcv__difference{order:3}.sd-wcv__table{min-width:650px}}
