/* SADDLE ATLAS, zwei Seitentypen (Ella, 03.10.2026). Setzt tokens.css voraus.
   Einbau: Rechtstext = Seiteninhalt in <div class="sa-legal">...</div>. Länderseite = Struktur wie unten (sa-country). */

/* ---------- Rechtstextseite (hell, schmale Spalte) ---------- */
.sa-legal{background:var(--sa-paper);color:var(--sa-ink);width:100vw;margin-left:calc(50% - 50vw);padding:clamp(36px,5vw,72px) var(--sa-gut)}
.sa-legal .sa-legal-in{max-width:720px;margin:0 auto}
.sa-legal h1{color:var(--sa-ink);font-size:clamp(38px,5vw,64px);margin-bottom:.3em}
.sa-legal h1::after{content:"";display:block;width:56px;height:4px;background:var(--sa-gold);margin-top:.35em;border-radius:2px}
.sa-legal h2{color:var(--sa-ink);font-size:clamp(24px,2.4vw,34px);margin:1.8em 0 .5em;line-height:1}
.sa-legal h3{color:var(--sa-ink);font-size:20px;margin:1.4em 0 .4em}
.sa-legal p,.sa-legal li{color:var(--sa-ink);font-size:17px;line-height:1.65;max-width:68ch}
.sa-legal p.lead{font:italic 500 clamp(20px,2vw,26px)/1.4 var(--sa-serif);color:var(--sa-ink-2)}
.sa-legal ul,.sa-legal ol{padding-left:1.3em}.sa-legal li{margin:.3em 0}
.sa-legal a{color:var(--sa-gold-ink);text-decoration:underline;text-decoration-thickness:1px}
.sa-legal a:hover,.sa-legal a:focus-visible{color:var(--sa-ink)}
.sa-legal table{width:100%;border-collapse:collapse;font-size:15.5px;margin:1em 0}
.sa-legal th,.sa-legal td{border-bottom:1px solid var(--sa-paper-line);padding:10px 8px;text-align:left;vertical-align:top;color:var(--sa-ink)}
.sa-legal th{font:800 13px/1 var(--sa-disp);letter-spacing:.12em;text-transform:uppercase;color:var(--sa-ink-2)}
.sa-legal .sa-meta{font-size:14px;color:var(--sa-ink-2);margin-top:2.4em;border-top:1px solid var(--sa-paper-line);padding-top:12px}
.sa-legal :focus-visible{outline-color:var(--sa-gold-ink)}

/* ---------- Länderseite (dunkel, Kopfband mit Foto) ---------- */
.sa-country{--sa-accent:var(--sa-gold);color:var(--sa-fog-2)}
.sa-country .sa-band{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:clamp(340px,46vw,560px);display:flex;align-items:flex-end;overflow:hidden;background:var(--sa-land)}
.sa-country .sa-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sa-country .sa-band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,20,26,.92) 0%,rgba(15,20,26,.55) 38%,rgba(15,20,26,.1) 70%)}
.sa-country .sa-band-in{position:relative;z-index:1;width:100%;max-width:var(--sa-wrap);margin:0 auto;padding:0 var(--sa-gut) clamp(24px,3.5vw,48px)}
.sa-country .sa-band .k{display:block;font:800 13px/1 var(--sa-disp);letter-spacing:.24em;text-transform:uppercase;color:var(--sa-fog-2);margin-bottom:12px}
.sa-country .sa-band h1{margin:0 0 .15em;color:var(--sa-fog);font-size:clamp(52px,8vw,120px);line-height:.88}
.sa-country .sa-band .sa-claim{display:block;font-size:clamp(22px,2.8vw,40px);line-height:1.1;color:var(--sa-fog)}
.sa-country .sa-credit{position:absolute;right:12px;bottom:8px;z-index:2;font-size:10px;color:rgba(233,230,223,.6)}
.sa-country .sa-in{max-width:var(--sa-wrap);margin:0 auto;padding:0 var(--sa-gut)}
.sa-country .sa-intro{max-width:760px;margin:var(--sa-l) 0 var(--sa-m);font:italic 500 clamp(20px,2vw,28px)/1.4 var(--sa-serif);color:var(--sa-fog);padding-left:22px;border-left:4px solid var(--sa-gold)}
.sa-country .sa-disclosure{max-width:760px}
/* Filterzeile */
.sa-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 var(--sa-m)}
.sa-filters .lbl{font:700 11px/1 var(--sa-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sa-mute);margin:0 6px 0 10px}
.sa-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 10px;border:1px solid var(--sa-line);border-radius:999px;background:transparent;color:var(--sa-fog-2);font:700 13px/1 var(--sa-disp);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.sa-chip::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,var(--sa-gold))}
.sa-chip:hover{border-color:var(--c,var(--sa-gold));color:var(--sa-fog)}
.sa-chip[aria-pressed="true"]{background:var(--sa-gold);border-color:var(--sa-gold);color:var(--sa-night)}
.sa-chip[aria-pressed="true"]::before{background:var(--sa-night)}
.sa-chip.sun{--c:var(--sa-sun)}.sa-chip.hoof{--c:var(--sa-hoof)}.sa-chip.mountain{--c:var(--sa-mountain)}.sa-chip.fjord{--c:var(--sa-fjord)}.sa-chip.taste{--c:var(--sa-taste)}.sa-chip.castle{--c:var(--sa-castle)}
.sa-seg{display:inline-flex;border:1px solid var(--sa-line);border-radius:999px;overflow:hidden}
.sa-seg button{background:transparent;border:0;color:var(--sa-fog-2);font:700 13px/1 var(--sa-disp);letter-spacing:.08em;text-transform:uppercase;padding:11px 16px;cursor:pointer}
.sa-seg button[aria-pressed="true"]{background:var(--sa-fog);color:var(--sa-night)}
/* Kartenraster (Angebote) */
.sa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 var(--sa-l)}
.sa-card{position:relative;display:flex;flex-direction:column;background:var(--sa-night-2);border:1px solid var(--sa-line);border-radius:var(--sa-radius-lg);overflow:hidden;text-decoration:none;color:var(--sa-fog-2);transition:border-color .25s,transform .25s}
.sa-card:hover,.sa-card:focus-visible{border-color:var(--c,var(--sa-gold));transform:translateY(-3px);color:var(--sa-fog-2)}
.sa-card .ph{position:relative;aspect-ratio:16/10;background:var(--sa-land)}
.sa-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sa-card .ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--c,var(--sa-gold))}
.sa-card .tx{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.sa-card .tag{font:800 11px/1 var(--sa-disp);letter-spacing:.16em;text-transform:uppercase;color:var(--c,var(--sa-gold))}
.sa-card h3{font-size:22px;margin:0;color:var(--sa-fog);hyphens:none}
.sa-card .nums{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.sa-card .nums span{font:700 13px/1 var(--sa-disp);font-variant-numeric:tabular-nums;padding:6px 8px;border-radius:6px;background:rgba(233,230,223,.08);color:var(--sa-fog)}
.sa-card .nums em{font:600 9px/1 var(--sa-body);letter-spacing:.12em;text-transform:uppercase;font-style:normal;opacity:.65;margin-right:5px}
.sa-card .note{font-size:12px;color:var(--sa-mute)}
.sa-card.sun{--c:var(--sa-sun)}.sa-card.hoof{--c:var(--sa-hoof)}.sa-card.mountain{--c:var(--sa-mountain)}.sa-card.fjord{--c:var(--sa-fjord)}.sa-card.taste{--c:var(--sa-taste)}.sa-card.castle{--c:var(--sa-castle)}
@media(max-width:1000px){.sa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sa-grid{grid-template-columns:1fr}.sa-country .sa-band{min-height:380px}.sa-filters .lbl{display:none}}