/* golfausflug.de — Reiseseite v2 (Relaunch-Baustein 1)
   Erzeugt von: Cowork-Chat „Webseiten-Redesign“ am 23.09.2026, nach dem Entwurf vom 02.09.2026.
   Farben ausschließlich aus Marke/Marke & Assets.md: Grün #99CA3C · Blau #234087 · Dunkelgrün #0f4d2e · Dunkelgold #9a6b16 · Text #1c2620.
   Schriften: lokale Schriften der Seite (Judson, Source Sans Pro) — keine Google Fonts.
   Zielgruppe 50+: Grundschrift 17–18 px, Klickziele ≥ 48 px, keine Hover-Menüs.
   Alle Regeln sind auf .rs2 begrenzt, damit Kopf- und Fußzeile der Seite unberührt bleiben. */

.rs2{--paper:#f7f5ef;--card:#fff;--ink:#1c2620;--ink-soft:#44514a;--blue:#234087;--green:#99CA3C;--green-deep:#0f4d2e;--gold:#9a6b16;--night:#101d3a;--line:#e3ded2;
  --serif:"Judson local","Judson",Georgia,"Times New Roman",serif;--sans:"source-sans-pro local","Source Sans Pro","Segoe UI",Arial,sans-serif;
  background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
@media (min-width:1300px){.rs2{font-size:18px}}
.rs2 h1,.rs2 h2,.rs2 h3,.rs2 h4{font-family:var(--serif);color:var(--blue);line-height:1.2;text-wrap:balance;margin:0 0 .5em;font-weight:700}
.rs2 p{margin:0 0 1em}
.rs2 a{color:var(--blue)}
.rs2 img{max-width:100%;height:auto}
.rs2 .eyebrow{font-family:var(--sans);font-weight:700;font-size:.92rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 .9em} /* Rückmeldung 6: Abschnittslabels einen Tick größer */
.rs2 .eyebrow--gross{font-size:1.05rem}
.rs2 .wrap{max-width:1360px;margin:0 auto;padding:0 28px}
.rs2 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;font-family:var(--sans);font-weight:700;font-size:1.02rem;text-decoration:none;border-radius:4px;padding:12px 30px;letter-spacing:.01em;cursor:pointer;border:0;line-height:1.2;--bs-btn-font-size:1.02rem;--bs-btn-font-weight:700;--bs-btn-bg:transparent;--bs-btn-hover-bg:transparent;--bs-btn-color:inherit;--bs-btn-hover-color:inherit;--bs-btn-focus-box-shadow:none}
/* Das Child-Theme setzt .btn-Hintergrund und -Schrift per !important über Bootstrap-Variablen — deshalb werden hier die Variablen gesetzt, nicht die Eigenschaften. */
.rs2 .btn-green{--bs-btn-bg:var(--green);--bs-btn-hover-bg:var(--green);--bs-btn-color:#14300a;--bs-btn-hover-color:#14300a;background:var(--green);color:#14300a}
.rs2 .btn-green:hover{filter:brightness(1.06);color:#14300a}
.rs2 .btn-blue{--bs-btn-bg:var(--blue);--bs-btn-hover-bg:var(--blue);--bs-btn-color:#fff;--bs-btn-hover-color:#fff;background:var(--blue);color:#fff}
.rs2 .btn-blue:hover{color:#fff;filter:brightness(1.08)}
.rs2 .btn-ghost{--bs-btn-bg:transparent;--bs-btn-hover-bg:rgba(255,255,255,.12);--bs-btn-color:#fff;--bs-btn-hover-color:#fff;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.75)}
.rs2 .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.rs2 .btn-big{min-height:60px;font-size:1.12rem;--bs-btn-font-size:1.12rem;padding:14px 38px}
.rs2 a:focus-visible,.rs2 button:focus-visible{outline:3px solid var(--green);outline-offset:2px}

/* Hero */
.rs2 .trip-hero{position:relative;min-height:72svh;display:flex;align-items:flex-end;color:#fff;background:var(--green-deep);overflow:hidden}
.rs2 .trip-hero .hero-media{position:absolute;inset:0}
.rs2 .trip-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:0;transition:opacity 1.6s ease}
.rs2 .trip-hero .bg.on{opacity:1}
.rs2 .trip-hero video.bg{z-index:2}
.rs2 .trip-hero.video-on img.bg{opacity:0}
@media (prefers-reduced-motion:reduce){.rs2 .trip-hero .bg{transition:none}}
.rs2 .trip-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,25,.18) 0%,rgba(8,40,25,.32) 40%,rgba(6,30,18,.9) 100%)}
.rs2 .trip-hero-inner{position:relative;z-index:2;width:100%;padding-top:120px;padding-bottom:46px}
.rs2 .crumb{font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e4f1c6;margin-bottom:14px;text-shadow:0 1px 8px rgba(0,0,0,.6)} /* Rückmeldung 6: über der Gischt lesbar */
.rs2 .crumb a{color:#cfe3a8;text-decoration:none}
.rs2 .trip-hero h1{color:#fff;font-family:var(--sans);font-weight:900;font-size:clamp(2.1rem,4.4vw,3.7rem);max-width:860px;line-height:1.1;text-shadow:0 2px 6px rgba(0,0,0,.55),0 4px 28px rgba(0,0,0,.5)}
.rs2 .chiprow{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.rs2 .chip{background:rgba(6,30,18,.5);border:1px solid rgba(255,255,255,.45);border-radius:22px;padding:8px 18px;font-size:.95rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5);backdrop-filter:blur(3px)} /* Rückmeldung 6: dunkler Grund, damit die Pillen auch über heller Gischt lesbar bleiben */
.rs2 .chip.gold{background:var(--gold);border-color:var(--gold)}
.rs2 .chip.red{background:#aa0808;border-color:#aa0808}
.rs2 .price-line{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:18px}
.rs2 .price{font-family:var(--serif);font-size:1.4rem;color:var(--ink);white-space:nowrap}
.rs2 .price small{font-family:var(--sans);font-size:.8rem;color:var(--ink-soft)}
.rs2 .trip-hero .price{color:#fff;font-size:1.9rem}
.rs2 .trip-hero .price small{color:#cfe3a8}
.rs2 .quiet{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* Sprungleiste */
.rs2 .anchor-nav{position:sticky;top:var(--rs2-top,0px);z-index:40;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(28,38,32,.06)}
/* --rs2-top wird per JS auf die Unterkante der fixierten Kopfzeile gesetzt (Admin-Leiste + Theme-Header). */
/* Kava setzt .site{overflow:hidden} — das hebelt position:sticky aus; die Seite selbst verhindert Querscrollen über body. */
.single-golftrips .site{overflow:visible}
.rs2 .anchor-nav ul{list-style:none;display:flex;gap:4px;margin:0 auto;padding:0 28px;max-width:1360px;overflow-x:auto;align-items:center}
.rs2 .anchor-nav li{margin:0;padding:0}
.rs2 .anchor-nav a{display:flex;align-items:center;min-height:56px;padding:0 16px;font-size:.98rem;font-weight:700;color:var(--ink-soft);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.rs2 .anchor-nav a:hover,.rs2 .anchor-nav a.on{color:var(--blue);border-bottom-color:var(--green)}
.rs2 .anchor-nav .nav-price{margin-left:auto;font-family:var(--serif);font-size:1.15rem;color:var(--ink);white-space:nowrap;padding:0 16px}
.rs2 .anchor-nav .nav-price small{font-family:var(--sans);font-size:.78rem;color:var(--ink-soft)}
.rs2 .anchor-nav .cta-mini{align-self:center;background:var(--green);color:#14300a;border-radius:4px;padding:10px 20px;font-size:.92rem;font-weight:700;text-decoration:none;white-space:nowrap;min-height:0;border-bottom:0}

/* Inhalt */
.rs2 .trip-main section{padding:56px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--rs2-top,0px) + 70px)}
.rs2 .trip-main section:last-child{border-bottom:0}
.rs2 .trip-main h2{font-size:1.75rem}
/* Rückmeldung 5 (23.09.): alle Textblöcke so breit wie die Kacheln — keine schmalen Spalten mehr */
.rs2 .trip-main .lead,.rs2 .trip-main section>p,.rs2 .hilist{max-width:none}
.rs2 .lead{font-size:1.1rem;color:var(--ink)}
.rs2 .lead p{font-size:1.1rem}
/* Einleitung (Rückmeldung 6): größer, Kopfzeilen fett */
.rs2 .lead--intro,.rs2 .lead--intro p{font-size:1.2rem;line-height:1.6}
.rs2 .lead--intro .intro-kopf{margin:0 0 .9em;line-height:1.45}
.rs2 .lead--intro .intro-kopf b{font-weight:700}
.rs2 .lead--intro .intro-titel{font-size:1.3rem;color:var(--ink)}
.rs2 .lead--intro .intro-teaser{font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--green-deep,var(--ink))}
.rs2 .lead--intro .intro-fakten{font-size:1.1rem;color:var(--ink-soft)}
.rs2 .traits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.rs2 .traits div{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:4px;padding:18px 20px}
.rs2 .traits b{display:block;font-family:var(--serif);color:var(--blue);font-size:1.15rem;margin-bottom:4px}
.rs2 .traits span{color:var(--ink-soft);font-size:.95rem}
.rs2 .hlgal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min(270px,17vw);gap:14px}
.rs2 .hlgal figure{margin:0;position:relative;border-radius:5px;overflow:hidden;display:block;background:#dfe6df}
.rs2 .hlgal figure.wide{grid-column:span 2;grid-row:span 2}
@media (min-width:1600px){.rs2 .hlgal{grid-template-columns:repeat(4,1fr)}.rs2 .hlgal .hide-xl{display:none}}
@media (min-width:1041px) and (max-width:1599px){.rs2 .hlgal .hide-l{display:none}}
@media (min-width:641px) and (max-width:1040px){.rs2 .hlgal .hide-m{display:none}}
.rs2 .hlgal a{display:block;width:100%;height:100%}
.rs2 .hlgal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.rs2 .hlgal figure:hover img{transform:scale(1.04)}
.rs2 .hlgal figcaption{position:absolute;left:12px;bottom:10px;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(16,29,58,.78);color:#fff;padding:5px 10px;border-radius:2px;pointer-events:none}
.rs2 .tbl-note{font-size:.88rem;color:var(--ink-soft);margin:10px 0 26px}
.rs2 .subh{font-family:var(--sans);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}

/* Route */
.rs2 .routemap{margin:0 0 26px}
.rs2 .routemap svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:5px;font-family:var(--sans)}
.rs2 .route{display:grid;grid-template-columns:repeat(var(--route-cols,4),1fr);gap:0;border:1px solid var(--line);border-radius:5px;background:var(--card);overflow:hidden}
.rs2 .route div{padding:22px 20px;border-right:1px solid var(--line);position:relative}
.rs2 .route div:last-child{border-right:0}
.rs2 .route .rn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green-deep);color:#fff;font-family:var(--serif);font-weight:700;margin-bottom:10px}
.rs2 .route b{display:block;color:var(--blue);font-family:var(--serif);font-size:1.1rem;margin-bottom:6px}
.rs2 .route span:not(.rn){color:var(--ink-soft);font-size:.9rem}

/* Tag für Tag */
.rs2 .tage details{background:var(--card);border:1px solid var(--line);border-radius:5px;margin-bottom:10px}
.rs2 .tage summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:baseline;padding:18px 20px;font-weight:700;font-size:1.02rem;min-height:48px}
.rs2 .tage summary::-webkit-details-marker{display:none}
.rs2 .tage summary .tag-nr{font-family:var(--serif);color:var(--gold);font-size:.9rem;letter-spacing:.08em;white-space:nowrap;flex:0 0 170px;font-variant-numeric:tabular-nums} /* feste Breite: Tag 9 und Tag 10 beginnen den Titel an derselben Stelle (Rückmeldung 5) */
.rs2 .tage summary::after{content:"+";margin-left:auto;color:var(--gold);font-size:1.3rem}
.rs2 .tage details[open] summary::after{content:"\2013"}
.rs2 .tage .tag-body{padding:0 20px 18px 20px;color:var(--ink);font-size:.98rem}
.rs2 .tage .dinner{margin-top:10px;font-size:.85rem;color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:8px}
.rs2 .tage-more[hidden]{display:none}
.rs2 .programm-frei{max-width:none}

/* Häuser und Plätze */
.rs2 .hotelcards{display:grid;grid-template-columns:repeat(var(--hc,2),1fr);gap:20px}
.rs2 .hotelcards article{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.rs2 .hotelcards .him{aspect-ratio:16/9;position:relative;overflow:hidden;background:#dfe6df}
.rs2 .hotelcards .him a{display:block;overflow:hidden;background:#dfe6df}
.rs2 .hotelcards .him img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.rs2 .hotelcards .him a:hover img{transform:scale(1.04)}
.rs2 .hotelcards .him--reihe{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:4px}
.rs2 .hotelcards .him--reihe .haupt{grid-column:1/-1;aspect-ratio:16/9}
.rs2 .hotelcards .him--reihe .klein{aspect-ratio:16/10}
.rs2 .hotelcards .him--reihe .klein:nth-child(2):not(:has(~ .klein)){grid-column:1/-1;aspect-ratio:16/7} /* nur ein kleines Bild → volle Breite (:only-of-type griff nicht, weil .haupt auch ein <a> ist) */
.rs2 .hotelcards .hb{padding:16px 18px 20px}
.rs2 .hotelcards h3{font-size:1.2rem;margin:0 0 4px}
.rs2 .hotelcards .staere{color:var(--gold);font-size:.95rem;letter-spacing:.12em}
.rs2 .hotelcards p{margin:.4em 0 0;font-size:.95rem;color:var(--ink-soft)}
.rs2 .hotelcards .sub{font-weight:700;color:var(--ink)}
.rs2 .more{position:absolute;right:10px;bottom:10px;background:rgba(16,29,58,.85);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:3px;text-decoration:none}
.rs2 .coursecards{display:grid;grid-template-columns:repeat(var(--pc,3),1fr);gap:16px}
.rs2 .coursecards article{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden;padding-bottom:14px}
.rs2 .coursecards .cim{aspect-ratio:16/9;position:relative;overflow:hidden;margin-bottom:12px;background:#dfe6df}
.rs2 .coursecards .cim a{display:block;overflow:hidden;background:#dfe6df}
.rs2 .coursecards .cim:not(.cim--reihe) a,.rs2 .hotelcards .him:not(.him--reihe) a{height:100%}
.rs2 .coursecards .cim img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.rs2 .coursecards .cim a:hover img{transform:scale(1.04)}
.rs2 .coursecards .cim--reihe{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.rs2 .coursecards .cim--reihe .haupt{grid-column:1/-1;aspect-ratio:16/9}
.rs2 .coursecards .cim--reihe .klein{aspect-ratio:16/10}
.rs2 .coursecards .cim--reihe .klein:nth-child(2):not(:has(~ .klein)){grid-column:1/-1;aspect-ratio:16/7}
.rs2 .coursecards b{display:block;padding:0 14px;font-size:.98rem}
.rs2 .coursecards small{display:block;padding:2px 14px 0;color:var(--gold);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.rs2 .coursecards p{padding:6px 14px 0;margin:0;font-size:.9rem;color:var(--ink-soft)}
/* Füllkachel (Häuser: Zimmer & Kategorien, Plätze: Golf auf dieser Reise) — nur sichtbar, wenn das Raster sonst ein Loch hätte */
.rs2 .hotelcards .tile,.rs2 .coursecards .tile{display:none;background:var(--night);border-color:var(--night);color:#e6e9f2;align-items:center;padding:0}
.rs2 .tile .tile-in{padding:26px 24px}
.rs2 .tile .eyebrow{color:#e3d7a8;margin:0 0 8px}
.rs2 .tile h3{color:#fff;font-family:var(--serif);font-size:1.3rem;margin:0 0 10px}
.rs2 .hotelcards .tile p,.rs2 .coursecards .tile p{color:#c2cbde;font-size:.95rem;margin:0 0 8px;padding:0}
.rs2 .tile .tile-link{display:inline-block;margin-top:6px;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rs2 .tile .tile-link::after{content:" \2192"}
@media (min-width:1041px){.rs2 .hotelcards .tile.t-d,.rs2 .coursecards .tile.t-d{display:flex}}
@media (min-width:641px) and (max-width:1040px){.rs2 .hotelcards .tile.t-m,.rs2 .coursecards .tile.t-m{display:flex}}
@media (max-width:640px){.rs2 .hotelcards .tile,.rs2 .coursecards .tile{display:flex}}

/* Ausflüge & Erlebnisse (Konzept 23.09.2026): große Karten für „im Reisepreis“/„fakultativ“, kleine Kacheln mit Etikett für „nicht auf dieser Reise“ */
.rs2 .erlcards{display:grid;grid-template-columns:repeat(var(--ec,3),1fr);gap:20px}
.rs2 .erlcards article{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.rs2 .erlcards .eim{aspect-ratio:16/9;position:relative;overflow:hidden;background:#dfe6df}
.rs2 .erlcards .eim a{display:block;overflow:hidden;background:#dfe6df;position:relative}
.rs2 .erlcards .eim:not(.eim--reihe) a,.rs2 .erlcards .eim .leer{height:100%}
.rs2 .erlcards .eim .leer{display:block;background:linear-gradient(165deg,#33518f,#101d3a)}
.rs2 .erlcards .eim img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.rs2 .erlcards .eim a:hover img{transform:scale(1.04)}
.rs2 .erlcards .eim--reihe{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:4px}
.rs2 .erlcards .eim--reihe .haupt{grid-column:1/-1;aspect-ratio:16/9}
.rs2 .erlcards .eim--reihe .klein{aspect-ratio:16/10}
.rs2 .erlcards .eim--reihe .klein:nth-child(2):not(:has(~ .klein)){grid-column:1/-1;aspect-ratio:16/7}
/* Video in der Karte (z. B. Seilbahn): liegt über dem Hauptbild, lädt erst, wenn die Karte im Bild ist; Klicks gehen durch zur Lightbox */
.rs2 .erlcards video.erl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .8s ease;z-index:2}
.rs2 .erlcards video.erl-video.on{opacity:1}
.rs2 .erlcards .eb{padding:16px 18px 20px}
.rs2 .erlcards h3{font-size:1.2rem;margin:0 0 4px}
.rs2 .erlcards .sub{font-weight:700;color:var(--ink);margin:0 0 6px;font-size:.95rem}
.rs2 .erlcards .meta{color:var(--gold);font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.rs2 .erlcards .erl--fakultativ .meta{color:var(--gold)}
.rs2 .erlcards p{margin:.4em 0 0;font-size:.95rem;color:var(--ink-soft)}
.rs2 .erlcards .preis{color:var(--ink);font-weight:700;border-top:1px dashed var(--line);padding-top:8px;margin-top:10px}
.rs2 .erlcards .preis .fak{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-right:6px} /* Rückmeldung 6: fakultativ nur als kleiner Vermerk */
.rs2 .erlcards .hint{font-size:.86rem;font-style:italic}
.rs2 .erlcards .tile{display:none;background:var(--night);border-color:var(--night);color:#e6e9f2;align-items:center;padding:0}
.rs2 .erlcards .tile p{color:#c2cbde;font-size:.95rem;margin:0 0 8px;padding:0}
@media (min-width:1041px){.rs2 .erlcards .tile.t-d{display:flex}}
@media (min-width:641px) and (max-width:1040px){.rs2 .erlcards .tile.t-m{display:flex}}
@media (max-width:640px){.rs2 .erlcards .tile{display:flex}}
.rs2 .erl-mehr{margin-top:44px}
.rs2 .erl-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rs2 .erl-mini figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.rs2 .erl-mini a{display:block;aspect-ratio:16/10;overflow:hidden;background:#dfe6df}
.rs2 .erl-mini img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7);opacity:.9;transition:filter .35s ease,opacity .35s ease}
.rs2 .erl-mini a:hover img{filter:saturate(1);opacity:1}
.rs2 .erl-mini figcaption{padding:10px 12px 12px}
.rs2 .erl-mini figcaption b{display:block;font-family:var(--serif);color:var(--ink-soft);font-size:1rem;margin-bottom:6px;line-height:1.25}
.rs2 .erl-mini .etikett{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5a6a63;background:#ece8dd;border:1px solid var(--line);border-radius:3px;padding:4px 8px}

/* Preise & Leistungen */
.rs2 .tblwrap{overflow-x:auto}
.rs2 table.preis{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);font-size:.98rem}
.rs2 table.preis th{background:var(--green-deep);color:#fff;text-align:left;padding:13px 16px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.rs2 table.preis td{padding:14px 16px;border-top:1px solid var(--line)}
.rs2 table.preis td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.rs2 .leist{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;margin-top:34px}
.rs2 .leist ul{list-style:none;margin:0;padding:0}
.rs2 .leist li{padding:10px 0 10px 30px;position:relative;border-bottom:1px dashed var(--line);font-size:.98rem}
.rs2 .leist .in li::before{content:"\2713";position:absolute;left:0;color:var(--green-deep);font-weight:700}
.rs2 .leist .out li::before{content:"\2014";position:absolute;left:0;color:var(--gold);font-weight:700}
.rs2 .leist h3{font-family:var(--sans);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.rs2 .gutzuwissen{margin-top:34px}
.rs2 #rs2-zimmer{scroll-margin-top:calc(var(--rs2-top,0px) + 70px)}
.rs2 #rs2-zimmer .std{margin:0 0 14px;color:var(--ink-soft);font-size:.98rem}
.rs2 .gutzuwissen h4{font-size:1.1rem;margin-top:1.2em}

/* Begleitung, Broschüre, Anfrage */
.rs2 .host-grid{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:center}
.rs2 .host-grid .lead{margin:0}
.rs2 .host-photo{aspect-ratio:4/3;border-radius:5px;overflow:hidden;background:linear-gradient(165deg,#33518f,#101d3a)}
.rs2 .host-photo img{width:100%;height:100%;object-fit:cover;display:block}
.rs2 .brosch{background:var(--night);border-radius:5px;color:#e6e9f2;padding:44px;display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:center}
.rs2 .brosch .cover{aspect-ratio:3/4.2;background:linear-gradient(165deg,#33518f,#101d3a);border:1px solid rgba(255,255,255,.25);border-radius:3px;display:grid;place-items:center;color:#cfd6e6;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;line-height:2;overflow:hidden}
.rs2 .brosch .cover{perspective:1200px;overflow:visible;border:0;background:none;aspect-ratio:auto;display:block}
/* Buch-Look für das Heft (nur PDF-Kasten .buch): Deckel um die linke Kante gedreht, Buchrücken links, Seitenblock dahinter — das Katalog-Modul .kachel hat seit 25.09.2026 wieder die alte Kippung (weiter unten) */
.rs2 .buch{display:block;position:relative;text-decoration:none;color:inherit;padding:0 16px 0 8px;font-size:1rem;letter-spacing:0;text-transform:none;line-height:1.4;text-align:left}
.rs2 .buch .deckel{display:block;position:relative;transform-style:preserve-3d;transform:rotateY(30deg) rotateX(2deg);transform-origin:0 50%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.rs2 .buch .deckel img{display:block;width:100%;height:auto;border-radius:2px 6px 6px 2px;transform:none;position:relative;z-index:2;box-shadow:-12px 16px 36px rgba(0,0,0,.5),-2px 3px 8px rgba(0,0,0,.3)}
.rs2 .buch .deckel::before{content:"";position:absolute;top:1px;bottom:1px;left:0;width:20px;background:linear-gradient(90deg,#0d1a36,#2d4880 55%,#16264a);transform:rotateY(90deg);transform-origin:0 50%;border-radius:2px 0 0 2px}
.rs2 .buch .deckel::after{content:"";position:absolute;top:5px;bottom:-5px;left:10px;right:-10px;background:repeating-linear-gradient(90deg,#f7f5ef 0 2px,#d6d1c4 2px 3px);border-radius:0 4px 4px 0;transform:translateZ(-16px);z-index:1;box-shadow:8px 10px 24px rgba(0,0,0,.4)}
.rs2 .buch:hover .deckel{transform:rotateY(16deg) rotateX(1deg)}
.rs2 .buch .buch-hinweis{display:block;text-align:center;font-family:var(--sans);font-size:.9rem;letter-spacing:0;text-transform:none;line-height:1.4;color:#c2cbde;margin:26px 0 0}
/* Titelblatt aus Foto + Band (Reisen ohne Katalog-Titelblatt) — Aufbau wie die gedruckten Titelseiten */
.rs2 .buch .deckel--auto{transform:rotateY(13deg);transform-origin:50% 50%}
.rs2 .buch .deckel--auto::before,.rs2 .buch .deckel--auto::after{display:none}
.rs2 .buch:hover .deckel--auto{transform:rotateY(6deg)}
.rs2 .buch .deckel--auto .blatt{display:block;position:relative;z-index:2;background:#fff;border-radius:4px;overflow:hidden;aspect-ratio:3/4;box-shadow:-10px 14px 32px rgba(0,0,0,.45)}
.rs2 .buch .deckel--auto .blatt img.foto{position:static;width:100%;height:100%;object-fit:cover}
.rs2 .buch .deckel--auto .band{display:none}
.rs2 .buch .deckel--auto .blatt img.foto{position:absolute;inset:0 0 auto 0;width:100%;height:54%;object-fit:cover;border-radius:0;box-shadow:none;z-index:1}
.rs2 .buch .deckel--auto .band{position:absolute;left:0;right:0;bottom:0;height:46%;padding:3.5% 6% 2%;display:grid;grid-template-columns:1fr 22%;gap:5%;align-items:start;background:#fff;color:#1c2620;z-index:2}
.rs2 .buch .deckel--auto .text{display:block;min-width:0}
.rs2 .buch .deckel--auto .kicker{display:block;font-family:var(--sans);font-size:.42rem;letter-spacing:.18em;text-transform:uppercase;color:#9a6b16;font-weight:700;margin:0 0 .6em;white-space:nowrap}
.rs2 .buch .deckel--auto b{font-family:var(--serif);font-size:.78rem;line-height:1.12;font-weight:700;color:#234087;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rs2 .buch .deckel--auto .datum{display:block;font-family:var(--serif);font-size:.55rem;color:#1c2620;margin-top:.45em}
.rs2 .buch .deckel--auto img.logo{width:100%;height:auto;box-shadow:none;border-radius:0;position:static;margin-top:2px}

/* Katalog-Modul: Titelblatt wie auf der alten Seite (Muster 23.08.2026) — Heftseite 1 quer, nach rechts gekippt, richtet sich beim Überfahren auf.
   Kippung, Schatten und Aufrichten kommen unverändert aus den WPCode-Snippets 33953/33972 (#ghk .kachel img). Hier nur die Perspektive am .deckel,
   weil die Vorlage das Bild darin einwickelt, und der Glanz des Snippets am .deckel statt an der ganzen Kachel (sonst läge er auch über dem Hinweis). 25.09.2026 */
.rs2 .brosch-ghk #ghk .kachel::after{display:none}
.rs2 .brosch-ghk #ghk .kachel .deckel{display:block;position:relative;perspective:1400px}
.rs2 .brosch-ghk #ghk .kachel .deckel::after{content:"";position:absolute;inset:0;border-radius:2px;pointer-events:none;background:linear-gradient(255deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 42%);transform:rotateY(13deg) rotateX(3deg) rotateZ(1.2deg);transform-origin:12% 50%;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s}
.rs2 .brosch-ghk #ghk .kachel:hover .deckel::after,.rs2 .brosch-ghk #ghk .kachel:focus-visible .deckel::after{transform:rotateY(5deg) rotateX(1deg) rotateZ(.3deg) translateY(-6px);opacity:.5}
@media (prefers-reduced-motion:reduce){.rs2 .buch .deckel,.rs2 .brosch-ghk #ghk .kachel .deckel::after{transition:none}}
.rs2 .brosch-ghk{padding:56px 0}
/* Blätterkatalog-Modul hell wie auf der alten Seite (Entscheidung Inhaber 25.09.2026, „hell wie früher“): Papierkarte, Schrift, Farben, Knopf und
   Heftbreite 320 px kommen unverändert aus den WPCode-Snippets 33953/33972. Hier nur, was die neue Vorlage dazubringt: der Hinweis unter dem Heft
   und der zweite Knopf „PDF herunterladen“ im Stil von #ghk .knopf.leer aus dem Snippet (Rückmeldung 2 vom 23.09.: erst blättern, dann PDF). */
.rs2 .brosch-ghk #ghk .kachel .ghk-hinweis{display:block;text-align:center;font-family:var(--sans);font-size:.9rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--grau);margin:18px 0 0}
.rs2 .brosch-ghk #ghk .knopf-pdf{background:none;color:var(--blau)}
.rs2 .brosch-ghk #ghk .knopf-pdf:hover{background:rgba(35,64,135,.07);color:var(--blau)}

/* Lightbox (Fancybox 3): großer Rückweg-Knopf und großer Schließen-Knopf */
.fancybox-container .rs2-lb-back{position:absolute;top:calc(50% - 140px);right:24px;left:auto;z-index:99998;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:12px 22px;background:#99CA3C !important;color:#14300a !important;font-family:"source-sans-pro local","Source Sans Pro",Arial,sans-serif;font-weight:700;font-size:1.02rem !important;text-transform:none !important;letter-spacing:0;opacity:1;border:0;border-radius:4px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35)} /* !important gegen die Knopf-Regeln des Themes */
@media (max-width:640px){.fancybox-container .rs2-lb-back{right:70px;top:10px;padding:10px 14px;font-size:.95rem !important;min-height:44px}}
.fancybox-container .rs2-lb-back:hover{filter:brightness(1.06)}
.fancybox-container .fancybox-button--close{width:64px;height:64px}
.fancybox-container .fancybox-infobar{font-size:1rem;line-height:64px}
.fancybox-container .fancybox-navigation .fancybox-button{width:80px;height:100px}
.rs2 .brosch h2{color:#fff}
.rs2 .brosch p{color:#c2cbde;font-size:.98rem}
.rs2 .brosch .eyebrow{color:#e3d7a8}
.rs2 .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}

/* Schlussbild */
.rs2 .outro{position:relative;height:min(52vh,520px);overflow:hidden;margin-top:60px}
.rs2 .outro img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.rs2 .outro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,29,58,.05),rgba(16,29,58,.65))}
.rs2 .outro-text{position:absolute;left:0;right:0;bottom:44px;z-index:2;text-align:center;color:#fff;padding:0 28px}
.rs2 .outro-text h2{color:#fff;font-weight:300;font-size:clamp(1.6rem,3vw,2.6rem);text-shadow:0 2px 18px rgba(0,0,0,.4);margin:0}
.rs2 .outro-text .rule{width:54px;height:2px;background:#d9b862;margin:0 auto 20px}
.rs2 .outro-text .sub{margin:16px 0 0;font-family:var(--sans);font-size:1.02rem;color:rgba(255,255,255,.88);text-shadow:0 1px 10px rgba(0,0,0,.45)}

/* Mobile Leiste */
.rs2 .stickycta{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--green-deep);color:#fff;display:none;align-items:center;gap:14px;padding:12px 18px}
.rs2 .stickycta .price{color:#fff;font-size:1.15rem}
.rs2 .stickycta .btn{margin-left:auto;min-height:48px;padding:10px 20px}

/* Umbrüche */
@media (max-width:1040px){
  .rs2 .traits{grid-template-columns:1fr 1fr}
  .rs2 .route{grid-template-columns:1fr 1fr}
  .rs2 .route div{border-bottom:1px solid var(--line)}
  .rs2 .coursecards,.rs2 .hotelcards,.rs2 .erlcards{grid-template-columns:repeat(2,1fr)}
  .rs2 .erl-mini{grid-template-columns:repeat(3,1fr)}
  .rs2 .hlgal{grid-template-columns:1fr 1fr;grid-auto-rows:190px}
  .rs2 .hlgal figure.wide{grid-column:span 2;grid-row:span 1}
  .rs2 .stickycta{display:flex;padding-left:84px} /* Platz für das Cookie-Symbol (CCM19) unten links */
  .rs2 .anchor-nav .nav-price,.rs2 .anchor-nav .cta-mini{display:none}
}
@media (max-width:640px){
  .rs2 .traits,.rs2 .route,.rs2 .coursecards,.rs2 .hotelcards,.rs2 .erlcards,.rs2 .hlgal,.rs2 .leist,.rs2 .host-grid,.rs2 .brosch{grid-template-columns:1fr}
  .rs2 .hlgal figure.wide{grid-column:span 1}
  .rs2 .coursecards article,.rs2 .hotelcards article,.rs2 .erlcards article{grid-column:auto !important}
  .rs2 .erl-mehr{display:none} /* Inhaber 23.09.: ist kein Platz, fallen die nicht enthaltenen Erlebnisse weg */
  .rs2 .wrap{padding:0 18px}
  .rs2 .trip-hero-inner{padding-top:80px}
  .rs2 .brosch{padding:28px}
  .rs2 .trip-main section{padding:40px 0}
}

/* Rückmeldung 6: Preis und „Bilder ansehen“ im Hero ebenfalls mit Schatten, damit sie über heller Gischt lesbar bleiben */
.rs2 .trip-hero .price,.rs2 .trip-hero .quiet,.rs2 .trip-hero .price small{text-shadow:0 1px 4px rgba(0,0,0,.6),0 2px 14px rgba(0,0,0,.45)}