/* sr-seewetter.css 3 - Seite /seewetter/ (Karte, Kacheln, Text). Praefix sw- */
.sr-sw{--sw-navy:#0d1f3c;--sw-gruen:#31ae86;--sw-text:#1d2733;--sw-grau:#5b6b7c;--sw-linie:#d8e1e6;color:var(--sw-text);font-size:17px;line-height:1.6}
.sr-sw *{box-sizing:border-box}
.sr-sw h1{font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.2;color:var(--sw-navy);margin:.4rem 0 .8rem}
.sr-sw h2{font-size:1.45rem;line-height:1.25;color:var(--sw-navy);margin:2.2rem 0 .7rem}
.sr-sw h3{font-size:1.15rem;color:var(--sw-navy);margin:1.4rem 0 .5rem}
.sr-sw p{margin:0 0 1rem}
.sr-sw .sw-einleitung{font-size:1.08rem;color:#2c3a48;max-width:820px}

/* Kacheln je Seegebiet */
.sw-kacheln{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:1rem 0 .4rem;padding:0;list-style:none}
.sw-kachel{background:var(--sw-navy);color:#fff;border-radius:12px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:2px}
.sw-kachel span{font-size:13px;color:#c7d6e8;line-height:1.3}
.sw-kachel b{font-size:22px;line-height:1.2;color:#fff}
.sw-kachel b small{font-size:14px;font-weight:600;color:#c7d6e8;margin-left:4px}
.sw-kachel em{font-style:normal;font-size:14px;color:#ffd166}
.sw-kachel.sw-laden{background:#e9eef3;color:var(--sw-grau)}
.sw-stand{font-size:13px;color:var(--sw-grau);margin:0 0 1rem}

/* Karte */
.sw-schalter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 8px}
.sw-haken{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--sw-linie);border-radius:999px;background:#fff;font-size:15px;font-weight:600;color:var(--sw-navy);cursor:pointer;margin:0}
.sw-haken input{width:17px;height:17px;margin:0;accent-color:var(--sw-gruen)}
.sw-schiffe-info{font-size:13px;color:var(--sw-grau)}
.sw-pop b{display:block;font-size:15px;color:var(--sw-navy)}.sw-pop span{display:block;font-size:13px;color:var(--sw-grau);margin:2px 0 6px}.sw-pop a{font-size:14px;font-weight:700;color:#1d7a5c}
.sw-karte{position:relative;width:100%;height:min(72vh,640px);min-height:380px;border-radius:14px;overflow:hidden;background:#dfeaf2;box-shadow:0 6px 22px rgba(13,31,60,.12)}
.sw-karte-laden{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sw-grau);font-size:15px}
.sw-hinweis{background:#fff8e6;border:1px solid #f3d995;border-radius:10px;padding:12px 16px;margin:1.2rem 0;font-size:15px}
.sw-hinweis p{margin:0}

/* Text-Elemente */
.sw-tabelle-wrap{overflow-x:auto;margin:.6rem 0 1.2rem}
.sw-tabelle{border-collapse:collapse;width:100%;font-size:15px;min-width:560px}
.sw-tabelle th,.sw-tabelle td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--sw-linie);vertical-align:top}
.sw-tabelle th{background:#f2f5f8;color:var(--sw-navy);font-weight:700}
.sw-tabelle td:first-child{font-weight:700;white-space:nowrap}
.sw-bft{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sw-faq{border:1px solid var(--sw-linie);border-radius:10px;margin:.5rem 0;background:#fff}
.sw-faq summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--sw-navy)}
.sw-faq p{padding:0 16px 12px;margin:0}
.sw-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:.6rem 0 0;padding:0;list-style:none}
.sw-links a{display:block;padding:12px 14px;border-radius:10px;background:#f2f5f8;color:var(--sw-navy)!important;text-decoration:none!important;font-weight:700}
.sw-links a small{display:block;font-weight:400;color:var(--sw-grau);font-size:14px}
.sw-klein{font-size:14px;color:var(--sw-grau)}
.sw-kacheln .sw-laden{grid-column:1/-1}@media(max-width:980px){.sw-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.sr-sw{font-size:16px}.sw-karte{height:68vh;min-height:340px;border-radius:10px}.sw-kacheln{grid-template-columns:1fr 1fr}}