*{box-sizing:border-box}
body{margin:0;font:16px/1.45 "Segoe UI",system-ui,sans-serif}
.stoerer{background:#e31c23;color:#fff;text-align:center;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;padding:.38rem}
.kopf{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;color:#fff}
.logo{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;flex:0 0 auto;border:2px solid rgba(255,255,255,.35)}
.menu{margin-left:auto;display:flex;gap:.7rem;flex-wrap:wrap}
.menu a{color:#fff;font-weight:700;font-size:.88rem}
main{width:min(880px,100% - 1.4rem);margin:1rem auto 2.4rem}
.navpill,.weltpill{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .55rem}
.navpill button{flex:1;min-width:130px;border-radius:999px;padding:.55rem .6rem;font:inherit;font-weight:800;cursor:pointer}
.weltpill button{border-radius:999px;padding:.38rem .85rem;font:inherit;font-weight:800;cursor:pointer;background:#fff;border:1px solid #bbb}
.weltpill button.on.sk{background:#1d5c38;border-color:#1d5c38;color:#fff}
.weltpill button.on.dk{background:#7a1f33;border-color:#7a1f33;color:#fff}
.weltpill button.on.st{background:#5c4a1d;border-color:#5c4a1d;color:#fff}
.zeile-unter{margin:.15rem 0 .7rem;font-weight:700}
h3.club{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin:1.1rem 0 .4rem}
.kacheln{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
@media(max-width:720px){.kacheln{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.kacheln{grid-template-columns:1fr}}
a.kachel,button.kachel{display:flex;flex-direction:column;justify-content:space-between;gap:.25rem;min-height:88px;border-radius:12px;padding:.65rem .75rem;font:inherit;font-weight:700;text-align:left;text-decoration:none;color:inherit;cursor:pointer}
a.kachel span{font-size:.64rem;text-transform:uppercase;opacity:.75}
.muted{color:#666;font-size:.88rem}
.box{background:#fff;border-radius:12px;padding:.9rem 1rem}
.btn{border:0;border-radius:999px;padding:.4rem .8rem;font:inherit;font-weight:700;cursor:pointer}

/* 10 Themen */
.thema-filz{background:#f3eee1;color:#222}
.thema-filz .kopf{background:#1d3a2c}
.thema-filz .navpill button.on{background:#1d3a2c;color:#fff;border:1px solid #1d3a2c}
.thema-filz .navpill button{border:1px solid #1d3a2c;background:#fff}
.thema-filz a.kachel.sk{background:#1d5c38;color:#fff}
.thema-filz a.kachel.dk{background:#fff;border:1px solid #7a1f33;border-top:6px solid #7a1f33}
.thema-filz a.kachel.st{background:#fff;border-top:6px solid #5c4a1d}
.thema-filz a.kachel{background:#fff;border:1px solid rgba(0,0,0,.12);border-top:5px solid #c8952c}

.thema-wein{background:#f6ebe8;color:#2a1216}
.thema-wein .kopf{background:#7a1f33}
.thema-wein .navpill button.on{background:#7a1f33;color:#fff;border:1px solid #7a1f33}
.thema-wein .navpill button{border:1px solid #7a1f33;background:#fff}
.thema-wein a.kachel.sk{background:#1d5c38;color:#fff}
.thema-wein a.kachel.dk{background:#fff;border-top:6px solid #7a1f33}
.thema-wein a.kachel{background:#fff;border:1px solid #e0c8cc}

.thema-nacht{background:#1b1e24;color:#eee}
.thema-nacht .kopf{background:#111}
.thema-nacht .navpill button{background:#2a2f38;color:#eee;border:1px solid #444}
.thema-nacht .navpill button.on{background:#c8952c;color:#111}
.thema-nacht a.kachel{background:#2a2f38;color:#eee;border:1px solid #444}
.thema-nacht .muted{color:#aaa}

.thema-sand{background:#f4ead2;color:#3b2d16}
.thema-sand .kopf{background:#8a6a32}
.thema-sand .navpill button.on{background:#8a6a32;color:#fff;border:1px solid #8a6a32}
.thema-sand .navpill button{border:1px solid #8a6a32;background:#fff}
.thema-sand a.kachel{background:#fff8ea;border:1px solid #e2d0a8}
.thema-sand a.kachel.sk{background:#1d5c38;color:#fff}

.thema-see{background:#e7f1f4;color:#123}
.thema-see .kopf{background:#1b4f63}
.thema-see .navpill button.on{background:#1b4f63;color:#fff;border:1px solid #1b4f63}
.thema-see .navpill button{border:1px solid #1b4f63;background:#fff}
.thema-see a.kachel{background:#fff;border:1px solid #b7d0d8}
.thema-see a.kachel.sk{background:#1d5c38;color:#fff}

.thema-heide{background:#eef3e6;color:#1d2a14}
.thema-heide .kopf{background:#4a5c2a}
.thema-heide .navpill button.on{background:#4a5c2a;color:#fff;border:1px solid #4a5c2a}
.thema-heide .navpill button{border:1px solid #4a5c2a;background:#fff}
.thema-heide a.kachel{background:#fff;border:1px solid #c5d2b0}
.thema-heide a.kachel.sk{background:#1d5c38;color:#fff}

.thema-schnee{background:#f4f6f8;color:#222}
.thema-schnee .kopf{background:#3d4a57}
.thema-schnee .navpill button.on{background:#3d4a57;color:#fff;border:1px solid #3d4a57}
.thema-schnee .navpill button{border:1px solid #3d4a57;background:#fff}
.thema-schnee a.kachel{background:#fff;border:1px solid #d5dbe0}
.thema-schnee a.kachel.sk{background:#1d5c38;color:#fff}

.thema-kupfer{background:#f6eee6;color:#2b1a10}
.thema-kupfer .kopf{background:#8a4b21}
.thema-kupfer .navpill button.on{background:#8a4b21;color:#fff;border:1px solid #8a4b21}
.thema-kupfer .navpill button{border:1px solid #8a4b21;background:#fff}
.thema-kupfer a.kachel{background:#fff;border:1px solid #e2c8b0}
.thema-kupfer a.kachel.sk{background:#1d5c38;color:#fff}

.thema-lila{background:#f3eef6;color:#24142c}
.thema-lila .kopf{background:#5a3a6e}
.thema-lila .navpill button.on{background:#5a3a6e;color:#fff;border:1px solid #5a3a6e}
.thema-lila .navpill button{border:1px solid #5a3a6e;background:#fff}
.thema-lila a.kachel{background:#fff;border:1px solid #d8c6e2}
.thema-lila a.kachel.sk{background:#1d5c38;color:#fff}

.thema-kontrast{background:#fff;color:#111}
.thema-kontrast .kopf{background:#000}
.thema-kontrast .navpill button.on{background:#000;color:#fff;border:1px solid #000}
.thema-kontrast .navpill button{border:2px solid #000;background:#fff}
.thema-kontrast a.kachel{background:#fff;border:2px solid #111}
.thema-kontrast a.kachel.sk{background:#1d5c38;color:#fff}